Resurssit · 57
Valintaikkunat ja näppäimistöt: testaa kohdistusprosessia
Tarkista avaaminen, liikkuminen, sulkeminen ja kontekstin palauttaminen rajapinnoissa, jotka keskeyttävät tehtävän.
Päivitetty · 3 min
Mitä tämä opas auttaa saavuttamaan
- Oikean komponentin valinta
- Ymmärrettävän kohdistuksen asettaminen
- Sulkemisen salliminen
- Kontekstin palauttaminen
Pikatarkistus
- Onko modaali välttämätön?
- Minne avauskohdistus laskeutuu?
- Onko tausta todella inertti?
- Voiko valintaikkunan sulkea näppäimistöllä?
- Minne kohdistus palaa, jos liipaisin katoaa?
Vaiheittainen menetelmä
- 1
Keskeytyksen valinta
Päätä, tarvitseeko tieto modaaliikkunan vai voiko se jäädä sivulle. Erota modaaliset valintaikkunat, paneelit ja valikot. Suosi sopivia natiiveja elementtejä ja tarkista toiminta; ARIA-rooli ei luo vuorovaikutuksia automaattisesti.
Tuotos: komponentin valinta ja perustelut.
- 2
Nimeä ja avaa
Yhdistä helppokäyttöinen nimi näkyvään otsikkoon. Sijoita kohdistus asianmukaisesti: strukturoidun sisällön alkuun, hyödylliseen kenttään tai turvalliseen toimintoon tehtävästä riippuen. Avaamisen ei tulisi vierittää alkua pois näkyvistä.
Tuotos: testattu avaaminen.
- 3
Näppäimistöllä navigointi
W3C:n modaalisen dialogin mallin mukaisesti Tab ja Shift+Tab pysyvät sisällön sisällä ja ulkopuolella inerttinä. Varmista näkyvä kohdistus, looginen järjestys ja ettei sisäkkäisissä säätimissä ole ansoja.
Tuotos: eteen- ja taaksepäin navigointi.
- 4
Sulkeminen ja palauttaminen
Tarjoa näkyvä sulkemis- ja odotettu Escape-toiminto. Palauta kohdistus liipaisimeen tai loogiseen vaiheeseen, jos liipaisinta ei enää ole. Lähetyksen jälkeen käyttäjien tulisi nähdä, mikä on muuttunut ja mitä voi tapahtua seuraavaksi.
Tuotos: palautettu kohdistus ja konteksti.
- 5
Testaa virheitä ja tilaa
Sisällytä pitkät viestit, virheelliset kentät, mobiilinäppäimistöt ja zoomaus. Vieritys ei saa pysyvästi piilottaa toimintoja tai otsikoita. Virheiden tulee olla ymmärrettäviä ja saavutettavissa menettämättä syötettyjä arvoja.
Toimitus: kapeanäyttöiset reunakotelot.
- 6
Tarkista sivu
Testaa integroitua komponenttia näppäimistöllä ja avustavalla teknologialla, ei vain erillisessä demossa. Tarkista kaksoisavaus ja tarkennus toistuvan sulkemisen jälkeen. Pelkkä paikallinen hyväksyntä ei takaa WCAG-sertifiointia.
Toimitus: hyväksyntärekisteri ja tunnetut rajoitukset.
Uudelleenkäytettävä laskentataulukko
Täytä valtuutetut havaintosi. Nämä kentät ovat työskentelymalli, eivät havaittuja tuloksia.
| Kenttä | Kirjattavat tiedot |
|---|---|
| Avaaminen | Liipaisin, otsikko ja alkufokuksen luominen |
| Matka | Tab, Shift+Tab, inertti tausta ja näkyvä fokuksen luominen |
| Sulkeminen | Esc, painike ja looginen paluu |
| Rajat | Testattu zoomaus, pitkä sisältö, virheet ja avustukset |
Kuvitteellinen esimerkki
Havainnollistava tilanne
Kuvitteellinen esimerkki: valintaikkuna vahvistaa rivin poiston ja sen avauspainike katoaa.
Päätös ja odotettu näyttö
Vahvistuksen jälkeen fokuksen palautuu loogiseen seuraavaan elementtiin tai luettelon otsikkoon, ja tulos ilmoitetaan ja seuraava vaihe näkyy.
Mekanismien erottaminen
| Mekanismi | Tarkoitus | Vahvistus tai rajoitus |
|---|---|---|
| Modaalinen dialogi | Keskeytys rajoitetun tehtävän vuoksi | Inertti tausta ja suljettu kohdistus |
| Ei-modaalinen paneeli | Pidä konteksti saatavilla | Yhtenäinen kohdistuksen liike |
| Sivun osa | Jatkuvan tiedon esittäminen | Usein helpompi tarkastella |
Johdon indikaattorit
| Indikaattori | Mitä se mittaa | Ensimmäinen toimenpide |
|---|---|---|
| Suoritetut näppäimistöliikkeet | Ilman osoitinta suoritetut tehtävät | Estokohtien korjaaminen |
| Kohdistuksen palautusten korjaaminen | Sulkemiset, jotka palauttavat hyödyllisen kontekstin | Puuttuvien liipaisimien käsittely |
| Reunatilojen testaaminen | Zoomaus, virheet ja pitkä sisältö | Dokumenttien puutteet |
Yleisiä virheitä
- Aria-modaalisen tekstin lisääminen ilman inerttiä sisältöä
- Tarkennuksen menettäminen sulkemisen jälkeen
- Esc-näppäimen estäminen ilman selkeää poistumista
- Pelkän hiiren avaamisen testaaminen
Usein kysytyt kysymykset
Riittääkö natiivi dialogi?
Se tarjoaa hyödyllistä toimintaa, mutta nimeäminen, alkufokuksen luominen, sisältö, virheet ja integrointi vaativat vielä testausta.
Pitäisikö ensimmäisen painikkeen saada fokuksen?
Ei aina. Sopiva kohta riippuu sisällöstä ja tehtävästä, erityisesti peruuttamattomien päätösten osalta.
Voiko automaatio validoida matkan?
Se havaitsee joitakin vikoja, mutta ymmärrys, hyödyllinen järjestys ja palautettu konteksti vaativat manuaalisen hyväksynnän.
Viralliset viitteet
Viitteet tukevat menetelmää. Sovita tarkastukset kontekstiisi; ne eivät ole sertifiointia. Alkuperäiset viitteiden otsikot ja lähdeasiakirjat voivat olla toisella kielellä.
Lähteet tarkistettu .
