Näppäimistö ja pistekirjoitusnäyttö. Havainnollistava näkymä.

OPAS / MENETELMÄ

Verkkopolun saavutettavuuden auditointi

Saavutettavuus näkyy koko tehtävässä: löytämisessä, ymmärtämisessä, toiminnassa ja virheestä toipumisessa.

Suora vastaus

Miten saavutettavuutta auditoidaan hyödyllisesti?

Valitse edustavat polut ja kriittiset tilat. Yhdistä koodin tarkistus, näppäimistökäyttö ja avustavan teknologian testit. Liitä jokainen vika estyneeseen tehtävään, WCAG-vaatimukseen, näyttöön ja uusintatestiin.

01 / Tarkistusmenetelmä

Tarkistusmenetelmä

01

Valitse polut

Sisällytä tulo, navigointi, lomake, vahvistus ja virhe. Testaa myös mobiilissa ja suurella zoomilla.

02

Käytä näppäimistöä

Tarkista kohdistuksen järjestys ja näkyvyys, kaikki ohjaimet, valikot, dialogit ja komponenteista poistuminen.

03

Tarkista merkitys

Arvioi otsikot, saavutettavat nimet, nimikkeet, kuvien vaihtoehdot, rakenne, kontrasti ja virheilmoitukset ruudunlukijalla.

04

Korjaa ja toista

Järjestä viat tehtävän ja vakavuuden mukaan, korjaa yhteinen komponentti ja testaa sitä käyttävät sivut uudelleen.

KÄYTÄNNÖSSÄ

Tarkista käyttäjäpolku, älä vain kuvakaappausta

Luettava näyttö voi silti estää toiminnon. Testaa koko tavoite: löydä osio, käytä toimintoa, ymmärrä tulos ja palaa. Kirjaa ensimmäinen este ja sen vaikutus.

Mikä tarkistus tehdään ensin?

Valitse havaittu tilanne. Kukin vaihtoehto kertoo ensimmäisen tarkistuksen, hyödyllisen näytön ja tarkistuksen rajan.

Tehtävä toimii hiirellä muttei näppäimistöllä

Ensimmäinen tarkistus
Toista tehtävä Tabilla, Shift+Tabilla, Enterillä ja komponentin odotetuilla näppäimillä. Seuraa kohdistuksen siirtymistä ja valikosta tai dialogista poistumista.
Säilytettävä näyttö
Vaihe, näppäin, kohdistettu toiminto, auki- tai kiinnitila ja tarkka estymisen tai epäselvyyden kohta.
Muistettava rajoitus
Looginen kohdistusjärjestys ei todista koko saavutettavuutta. Tutki myös nimet, ilmoitetut tilat ja sisällön lukeminen.
Lue liittyvä opas

Lisälukemista

Ennen julkaisua
TilanneVältäHyödyllinen korjaus
NavigointiTestata vain hiirellä.Käy läpi näppäimistöllä näkyvän kohdistuksen kanssa.
LomakeLuottaa kentän väliaikaiseen tekstiin.Säilytä näkyvä nimi ja yhdistä virhe kenttään.
Muuttuva tulosMuuttaa lukua ilman asiayhteyttä.Näytä tulos, yksikkö ja tapahtunut muutos.

  1. Löydä

    Kuvaako otsikko oikeaa tehtävää?

  2. Toimi

    Onko toiminto saavutettava ja ymmärrettävä?

  3. Ymmärrä

    Ovatko tulos ja seuraava askel selviä?

Lopputarkistus

Toista polku sarkaimella, vaihto+sarkaimella ja Enterillä sekä 200 %:n zoomauksella. Tarkista, ettei kiinteä ylätunniste peitä kohdistettua ohjainta kokonaan. Avaa ja sulje valikko näppäimistöllä, aiheuta lomakevirhe ja varmista, että voit korjata sen. Kirjaa sivu, toiminto ja este; nämä rajatut tarkistukset eivät ole WCAG-sertifiointi.

Dokumenttilähteet

Luettu .

Tietojen lukemisen työpaja

Tarkista modaalisen valintaikkunan koko kierto

Kuvitteellinen DEMO-A23 seuraa avausta, käytöstä poistettua toimintoa, taustaa ja sulkemista.

Kuvitteellisia tietoja ja merkintöjä oppimista varten: tulokset eivät ole peräisin suorista palvelukyselyistä.

Vahvista valinta lukemisen jälkeen

Ikkunassa on otsikko, ”luettu”-valintaruutu, aluksi pois käytöstä oleva Vahvista ja Peruuta. Avauspainike säilyy sulkemisen jälkeen.

  1. Avaa näppäimistöllä

    Esimerkin havainto
    Kohdistus luettavaan otsikkoon
    Mitä osoitetaan
    Tehtävä alkaa sisällä, ei takana.
    Seuraava toimi
    Tarkista lausuttu nimi ja ohjeen lukeminen.

  2. Kulje alkutilassa

    Esimerkin havainto
    Tab saavuttaa ruudun ja Peruuta; Vahvista pois käytöstä
    Mitä osoitetaan
    Ei-saatavilla oleva toiminto ei saa suoriutua.
    Seuraava toimi
    Valitse ruutu näppäimistöllä, tarkista Vahvista ja toista polku.

  3. Kokeile taustaa

    Esimerkin havainto
    Sivu näkyy mutta ei ole aktiivinen
    Mitä osoitetaan
    Tausta ei saa toimintoa tai kohdistusta modaalisuuden aikana.
    Seuraava toimi
    Kokeile Tab/Shift+Tab ja takana olevaa kohdetta; himmennys ei riitä.

  4. Sulje vahvistamatta

    Esimerkin havainto
    Escape sulkee ja palauttaa kohdistuksen avaajaan
    Mitä osoitetaan
    Alkuperäistä tehtävää voi jatkaa.
    Seuraava toimi
    Toista myös Peruuta ja uudelleenavaus.

Kokeile kohdistuksen kulkua modaalisessa ikkunassa

Avaaminen siirtää kohdistuksen otsikkoon. Tab vie valintaruutuun; Vahvista on poissa käytöstä ennen valintaa. Taustan komennon pitää pysyä estettynä ikkunan ollessa auki. Escape tai Peruuta palauttaa kohdistuksen avauspainikkeeseen.

Vuorovaikutteinen esimerkki ei ole käytettävissä tässä kokoonpanossa; yksityiskohtainen tapaus on silti luettavissa.

Esimerkki on valmis: tietoja ei lähetetä.

Esimerkin tarkistus

Tämä ikkuna ei tee toimenpiteitä. Lue ohje ja valitse ruutu vahvistamisen sallimiseksi tai palaa painamalla Peruuta tai Escape.

Esimerkki käyttää selaimen omaa modaalista ikkunaa. Se havainnollistaa tehtävää eikä tarkista oman sivustosi saavutettavuutta. Valintaruutu ei ole valtuutus tai palvelimen suojaus.

Riittääkö aria-modal hyväksymiseen?

Avaa jokainen väite ja vertaa sen tulkintaa. Lisätarkistuksia voi silti tarvita.

Kyllä, se antaa kaiken toiminnan.

Ei: toiminnot ja kohdistuskierto tarkistetaan.

Kyllä, jos tausta on tumma.

Ei: ulkoasu ei osoita taustan toimettomuutta.

Ei; kulje kierto valitulla ja valitsemattomalla ruudulla.

Sopii tähän. Säilytä virheet ja ehdot; yksi komponentti ei sertifioi sivustoa.

Näppäimistötehtävän tietue

Tapaus: DEMO-A23
Avaus: kohdistus otsikkoon
Alkutila: ruutu tyhjä; Vahvista pois käytöstä
Polku: ruutu, Peruuta; paluu sisällä
Valinnan jälkeen: Vahvista käytettävissä
Tausta: ei toimintoa tai kohdistuksen karkausta
Escape: sulku ja paluu avaajaan

Säilytä näppäimet, toimintojen tilat, lausuttu nimi ja kohdistus ennen/jälkeen sulkemisen. Toista todella rajaukseen kuuluvilla apuvälineillä.

Sääntöjen dokumentaatio erillään kuvitteellisista esimerkeistä

02 / Säilytettävä näyttö

Säilytettävä näyttö

Tilanne ja ympäristö

URL, laite, selain, avustava teknologia, zoom ja tavoiteltu toiminto.

Toistaminen

Täsmälliset vaiheet, kuva tai DOM-ote sekä havaittu ja odotettu tulos.

Vaatimus ja vaikutus

WCAG-kriteeri, estyneet tehtävät ja perusteltu vakavuus.

Uusintatesti

Korjaus, versio, päivämäärä sekä näppäimistö- ja ruudunlukijatulos.

Vertaa muita tilanteita ja harjoituksia

TARKISTUSPISTE

Ennen johtopäätöstä

Yleinen tulkintavirhe ja tarkistus, jolla se voidaan välttää.

Hätiköity päätelmä

Korkea automaattinen pistemäärä ei takaa toimivaa asiointia; ymmärrettävyys, kohdistus ja virheilmoitukset vaativat ihmisen arviota.

Ratkaiseva tarkistus

Suorita tärkeät tehtävät näppäimistöllä ja avustavalla tekniikalla, kirjaa estävä vaihe ja sido korjaus todennettavaan kriteeriin.

TARKISTUKSEN JÄLKEEN

Päätä havainnon perusteella

01

Valikko näkyy mutta ei toimi näppäimistöllä

Keskeytä polun hyväksyntä, korjaa yhteinen komponentti ja testaa avaus, käyttö sekä sulkeminen kaikilla sivuilla.

02

Automaattinen tarkistus läpäistään mutta ohje on epäselvä

Säilytä työkalun tulos, kuvaa epäonnistunut tehtävä ja kirjoita ohje uudelleen ennen uusintatestiä.

Päätös ja tarkistusjälki

Päätös ja tarkistusjälki

Mitä tarkistus auttaa päättämään ja mitä on talletettava päätöksen arvioimiseksi uudelleen.

Riittävä näyttö

Tee keskeiset tehtävät ja virhetilanteet näppäimistöllä; kirjaa URL, elementti, apuväline ja odotettu tulos. Automaattinen pistemäärä ei riitä.

Seuraava päätös

Korjaa ensin asiointia estävät kohdat. Korjaa yhteinen komponentti ja testaa tehtävä uudelleen mobiilissa ja kieliversioissa.

Yksityiskohtaiset tarkistustapaukset

Tyypillisiä tilanteita tarkistuksen suunnitteluun. Ne eivät kuvaa toteutettuja toimeksiantoja tai todellisia havaintoja.

Visuaalisesti luettava taulukko menettää otsikkonsa

Mitä tutkitaan

Tarkista solujen ja otsikoiden yhteydet, lineaarinen lukeminen ja näppäimistöllä liikkuminen. Oikea ulkoasu ei osoita, että jokainen arvo on ymmärrettävä toisella lukutavalla.

Päätös ja toimenpide

Korjaa rakenne ja nimikkeet ja toista tietty tiedonhakutehtävä. Erota automaattisen tarkistimen tulos todella suoritetusta käyttökulusta.

Säilytettävä näyttö

Säilytä taulukko, ongelmasolut, lukutapa ja arvon löytämiseen käytetty toimintasarja.

Kohdistus katoaa kiinteän palkin alle

Mitä tutkitaan

Käy linkit läpi, avaa ja sulje valikot ja muuta ikkunan kokoa. Tarkkaile kohdistuksen sijaintia, kohteen näkyvyyttä ja paluuta valikon avanneeseen painikkeeseen.

Päätös ja toimenpide

Korjaa sijoittelu, vieritys tai kohdistuksen palautus. Toista koko käyttökulku myös lomakevirheen jälkeen, älä vain ensimmäistä sarkainnäppäimen painallusta.

Säilytettävä näyttö

Kirjaa ikkunan koko, käytetyt näppäimet, komponentti sekä kohdistuksen sijainnit ennen korjausta ja sen jälkeen.

Kohdistus katoaa toiminnon jälkeen

Mitä tutkitaan

Käytä suodatinta, valikkoa ja lomaketta näppäimistöllä ja tarkista tilamuutoksen kohdistus.

Päätös ja toimenpide

Pidä seuraava vaihe saavutettavana ja tulos ymmärrettävänä.

Säilytettävä näyttö

Näppäinjärjestys, tila, kohdistus ja korjaus.

Tarkistus ennen päätöstä

Kysymykset täydentävät menetelmää. Ne auttavat tunnistamaan tuetut päätelmät säilyttäen varaukset tietueessa.

Tehtävä näppäimistöllä

Voiko tehtävän tehdä näppäimistöllä ilman loukkua, näkyvällä kohdistuksella ja ilman kiinteän alueen peittämää toimintoa? Säilytä testattu reitti ja selain.

Katso päätöksen esimerkki

Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.

Kuvitteellinen havainto
Painike saa näppäimistökohdistuksen mutta jää kokonaan kiinteän otsakkeen taakse.
Ilmoitettu tila
Havaittu poikkeama
Päätös ja seuraava tarkistus
Korjaa sijoittelu tai vieritys ja toista koko näppäimistöpolku. Pelkkä DOM-kohdistus ei riitä.

Ymmärrettävät virheet

Onko kentillä selkeät nimet ja kertovatko virheet jatkamistavan? Täydennä automaattitestejä suurennuksella ja ruudunlukijalla valituilla poluilla.

Katso päätöksen esimerkki

Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.

Kuvitteellinen havainto
Virheellinen kenttä muuttuu punaiseksi; viesti ei nimeä kenttää eikä selitä korjausta.
Ilmoitettu tila
Havaittu poikkeama
Päätös ja seuraava tarkistus
Lisää kenttään yhdistetty tekstivirhe ja testaa korjaaminen näppäimistöllä ja ruudunlukijalla.

Lukeminen suurennettuna

Pysyvätkö nimet, taulukot ja toiminnot käytettävinä suurennettaessa? Tarkista otsikoiden ja solujen suhteet, älä vain ylivuodon puuttumista.

Tarkistettu dokumentaatio : W3C · WCAG 2.2 ·

Katso päätöksen esimerkki

Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.

Kuvitteellinen havainto
Zoomatussa testitaulukossa arvot liittyvät rivi- ja sarakeotsikoihin; aluetta voi käyttää näppäimistöllä.
Ilmoitettu tila
Vahvistettu tässä rajauksessa
Päätös ja seuraava tarkistus
Säilytä selain, zoomaus ja testattu taulukko. Onnistuminen ei arvioi muita taulukoita tai koko sivustoa.
Dokumentoi tarkistus

TYÖKALUT / REKISTERIT

Kirjattavat tiedot

Toista tehtävä näppäimistöllä ja avustavalla teknologialla. Kirjaa tarkka elementti, kriteeri ja este; automaattinen työkalu ei yksin osoita vaatimustenmukaisuutta.

  • Katselupäivä ja aikavyöhyke
  • Tarkka URL
  • Tehtävä / vaihe
  • Laite / selain
  • Hyväksymiskriteeri
  • Havaittu tulos
  • Päätös / seuraava toimi
  • Tarkistuksen vastuuhenkilö
  • Seuraava tarkistus
Täytetty kuvitteellinen ote

03 / FAQ

Usein kysytyt kysymykset

Riittääkö automaattinen työkalu?

Ei. Se löytää osan koodivirheistä, mutta ei aina arvioi loogista järjestystä tai tehtävän onnistumista.

Mitä testataan ensin?

Yhteiset komponentit ja tärkeät polut kuten navigointi, haku, pyyntö tai yhteydenotto.

Pitääkö kielet testata?

Kyllä keskeisillä näytöillä: kieli, nimikkeet, virheet ja lukujärjestys voivat muuttua.

Milloin virhe voidaan sulkea?

Kun alkuperäinen tilanne toimii tarvittavilla käyttötavoilla ilman uusia ongelmia.

Voiko automaattinen virheettömän käyttöliittymän pysyä lukittuna?

Kyllä kyllä. Automaattiset tarkastukset havaitsevat joitakin vikoja, mutta vuorovaikutusten suorittaminen on edelleen välttämätöntä navigoinnin, ymmärryksen tai validoinnin esteiden havaitsemiseksi.

04 / Viralliset lähteet

Viralliset lähteet

05 / Jatka lukemista

Jatka lukemista

Tietokone ja tarkistuslomake. Havainnollistava näkymä.

Lomakkeen auditointi alusta loppuun

Lue menetelmä Tietokone ja verkon diagnostiikkalaitteet. Havainnollistava näkymä.

Käyttäjän kokeman verkkosuorituskyvyn mittaus

Lue menetelmä Monikielinen näppäimistö tutkimuspöydällä. Havainnollistava näkymä.

Monikielisen sivuston auditointi

Lue menetelmä Avustajien vastausten ja viitteiden arviointi kahdella näytöllä.

Oppaat · IA & Search

Lue menetelmä

Kuvaa tilanne

Yhteys

Tarpeesta rajattuun toimeksiantoon

Muutama aiheeseen sopiva työ. Jokainen summa koskee ilmoitettua lähtörajausta; tarjous vahvistaa prioriteetit ja päällekkäiset tehtävät.

Saavutettavuuden arviointi

Näppäimistö, lomakkeet, kontrasti ja luettavuus; korjaussuunnitelma.

Sivupohjat : 3 · 6 h

Alkaen 480 € alv 0 % / 576 € sis. alv

Valmistelu ja toimituksen tarkistus
Valmisteltavat tiedot
Edustavat sivut ja komponentit, käyttäjätehtävät ja sovittu arviointikehys.
Ehdotettu työtapa
Määritä tehtävät, havainnoi esteet ja toista samat tarkistukset muutosten jälkeen.
Sovittava toimitus
Toistettavat havainnot, tarkistetut kriteerit ja diagnoosin rajat ilman oletettua sertifiointia.
Tämän palvelun tarkistus
Toista sovitut näppäimistötarkistukset ja kirjaa tarkistetut kohteet, kriteerit ja rajaukset.
Työn rajaukset
Sivu- tai tehtäväotos ei osoita tuloksia sivuston kaikissa käyttötapauksissa.

Tutustu menetelmään

Ohjeellinen työn rajaus, joka vahvistetaan tarjouksessa.

Pyydä tarjous →

Mobiili- ja responsiivisuuskorjaukset

Ylivuodot, komponentit ja kosketuskäyttö.

Sivupohjat : 3 · 4 h

Alkaen 320 € alv 0 % / 384 € sis. alv

Valmistelu ja toimituksen tarkistus
Valmisteltavat tiedot
Ongelmakomponentit, tavoiteleveydet, pitkät tekstit ja käytetyt kielet.
Ehdotettu työtapa
Määritä tehtävät, havainnoi esteet ja toista samat tarkistukset muutosten jälkeen.
Sovittava toimitus
Asettelun, zoomauksen ja vuorovaikutuksen korjaukset sovituissa näkymissä.
Tämän palvelun tarkistus
Tarkista sovitut leveydet, pitkät tekstit ja ylivuodon puuttuminen sovituilla sivuilla.
Työn rajaukset
Sivu- tai tehtäväotos ei osoita tuloksia sivuston kaikissa käyttötapauksissa.

Tutustu menetelmään

Ohjeellinen työn rajaus, joka vahvistetaan tarjouksessa.

Pyydä tarjous →

Toimintakehotukset ja lomakekonversio

Lupaus, kenttien nimet, virheet ja vahvistus.

Polut : 1 · 4 h

Alkaen 320 € alv 0 % / 384 € sis. alv

Valmistelu ja toimituksen tarkistus
Valmisteltavat tiedot
Tavoiteltu toiminto, nykyiset kentät, yleiset virheet ja yhteydenottojen arviointisääntö.
Ehdotettu työtapa
Määritä tehtävät, havainnoi esteet ja toista samat tarkistukset muutosten jälkeen.
Sovittava toimitus
Uudistetut kenttätekstit, virheilmoitukset ja vahvistus tarkistuspolkuineen.
Tämän palvelun tarkistus
Testaa kelvollinen pyyntö ja virhe sekä tarkista ohjeet ja vahvistus.
Työn rajaukset
Sivu- tai tehtäväotos ei osoita tuloksia sivuston kaikissa käyttötapauksissa.

Tutustu menetelmään

Ohjeellinen työn rajaus, joka vahvistetaan tarjouksessa.

Pyydä tarjous →
Kaikki hinnat ja paketit

Palvelun valmistelu ja hyväksyntä

Näillä ohjeilla rajataan pyyntö ja tarkistetaan toimitus. Tarjous määrittää sovitut työt, määrät ja aikataulun.

SXO, UX, saavutettavuus ja suorituskyky

Verkkokäyttöliittymä tietokoneella, tabletilla ja puhelimella.

Vähennä asiointipolun esteitä erityisesti mobiilissa ja näppäimistöllä.

Valmisteltavat tiedot
Toimita tärkeimmät asiointipolut, kohdelaitteet ja havaitut virheet.
Ehdotettu työtapa
Määritä tehtävät, havainnoi esteet ja toista samat tarkistukset muutosten jälkeen.
Sovittava toimitus
Sovi esteluettelosta, havaintojen tilanteesta ja tarkistetuista korjauksista.
Työn rajaukset
Sivu- tai tehtäväotos ei osoita tuloksia sivuston kaikissa käyttötapauksissa.

Valmisteltava hyväksymistarkistus

Sisällytä virheet, vahvistukset, avatut valikot ja kiinteät palkit näppäimistötestiin. Kirjaa peittyvä kohdistus ja perustele kokopoikkeukset; pelkkä kuvake ei riitä.

Lue dokumentoitu viite

Katso työn rajaus ja hinnat

DOKUMENTOIDUT TIEDOT

WCAG 2.2: kohteen koko, kohdistus ja tavoitetaso

Ilmoita WCAG-versio ja tavoitetaso ennen käyttäjäpolun arviointia. Luvut 24 ja 44 tarkoittavat CSS-pikseleitä, eivät näytön fyysisiä pikseleitä. Nämä tarkistukset eivät yksin osoita koko sivuston vaatimustenmukaisuutta.

24 × 24 CSS px · AA · 2.5.844 × 44 CSS px · AAA · 2.5.5
WCAG 2.2: kohteen koko, kohdistus ja tavoitetaso
ViiteArvo tai muotoMitä se yksilöi
2.5.8AA · 24 × 24 CSS pxAA-tason vähimmäiskoko; poikkeuksia ovat riittävä väli, vastaava ohjain, tekstin sisäinen kohde, muuttamaton selaimen ohjain ja olennainen esitystapa.
2.5.5AAA · 44 × 44 CSS pxAAA-tason vahvistettu kokokriteeri omine poikkeuksineen. 44 × 44 ei ole yleinen AA-vaatimus.
2.4.11AANäppäimistökohdistettu komponentti ei saa peittyä kokonaan tekijän sisällön, kuten kiinteän palkin, alle.
2.4.12AAAVahvistettu kriteeri edellyttää, ettei tekijän sisältö peitä mitään osaa kohdistetusta komponentista.
2.5.7AARaahaustoiminnolle tarvitaan myös yhden osoittimen tapa ilman raahausta, paitsi olennaisissa tapauksissa tai muuttamattomissa natiiviohjaimissa.
3.3.7ASamassa prosessissa aiemmat tiedot on voitava käyttää uudelleen tai valita, ellei turvallisuus, kelpaamattomuus tai välttämättömyys oikeuta poikkeusta.

Huomioitavaa aineistossa

Mittaa vuorovaikutteinen alue, älä vain kuvaketta. Kirjaa poikkeukset ja testaa avatut tilat, virheet ja vahvistukset näppäimistöllä. Automaattinen työkalu ei arvioi kaikkia kohdistuksen peittymisiä tai kokonaisia prosesseja.

Alkuperäisdokumentaatio

Dokumentaatio tarkistettu .

DOKUMENTOIDUT TIEDOT

Lomakekenttä: erota nimi, ohje, rajoite ja virhe

Postinumero 00123 voi olla säilytettävä merkkijono eikä yhteenlaskettava määrä. Kenttätyyppi valitaan tiedon merkityksen perusteella. Taulukko tarjoaa erillisiä tarkistuksia; yksittäinen attribuutti ei todista hakemuksen oikeellisuutta tai koko asiointipolun vaatimustenmukaisuutta.

label[for] → idaria-describedby → idaria-invalid + text
Lomakekenttä: erota nimi, ohje, rajoite ja virhe
ViiteArvo tai muotoMitä se yksilöi
label[for] / idassociationYhdistä näkyvä nimi kenttään: for viittaa sen dokumentissa yksilölliseen id-arvoon. name nimeää lähetettävät tiedot eikä luo tätä yhteyttä.
placeholder / aria-describedbyinstructionsplaceholder katoaa arvon syöttämisen jälkeen. Säilytä tarpeelliset ohjeet pysyvänä tekstinä; aria-describedby voi yhdistää tekstin kenttään.
type / inputmodesemantics / keyboardinputmode ehdottaa syöttötilaa pakottamatta yksin syntaksia. type=number sopii numeeriseen määrään, ei jokaiseen numeromuotoiseen tunnisteeseen.
patternwhole valueSoveltuvassa tekstikentässä pattern rajoittaa koko arvoa. Valinnainen tyhjä kenttä ei muutu pakolliseksi pelkän pattern-attribuutin vuoksi.
required / aria-requiredconstraint / staterequired vaatii arvon soveltuvissa kentissä. aria-required ilmoittaa tilan mutta ei yksin estä lähettämistä natiivisti.
aria-invalid / error textstate / explanationOngelman havaitsemisen jälkeen aria-invalid voi välittää tilan. Lisää kentän ja ongelman nimeävä teksti: pelkkä punainen reunus ei riitä.
WCAG 3.3.1 / 3.3.3identification / suggestionKorjausehdotus eroaa virheen tunnistamisesta. Anna se, kun se tunnetaan eikä vaaranna turvallisuutta tai sisällön tarkoitusta.
client / servertwo checksSelaimen validointi auttaa syöttämisessä, mutta sen voi ohittaa. Palvelimen on tarkistettava tiedot ja sovellettava omia toimintasääntöjään.

Huomioitavaa aineistossa

00123 on esimerkkimerkkijono eikä varmennettu osoite. Älä yleistä kansallista muotoa kaikkiin maihin. Täydennä automaattiset tarkistukset näppäimistö- ja avustavan teknologian testeillä, myös virhe- ja palautumistilanteissa.

Alkuperäisdokumentaatio

Dokumentaatio tarkistettu .

DOKUMENTOIDUT TIEDOT

Tekstin kontrasti: vertaa suhdetta ennen pyöristämistä

Eri värejä voi silti olla vaikea erottaa. WCAG 2.2 vertaa suhteellisia luminansseja sRGB-komponenttien linearisoinnin jälkeen. Työkalu laskee kahden peittävän värin suhteen eikä poimi valokuvan pikseleitä.

Tekstin kontrasti: vertaa suhdetta ennen pyöristämistä
ViiteArvo tai muotoMitä se yksilöi
ratio(Lmax + 0.05) / (Lmin + 0.05)Vaaleamman värin luminanssi on osoittajassa. Tekstin ja taustan vaihtaminen ei muuta suhdetta.
WCAG 1.4.3 · AA4.5:1Tavallisen tekstin AA-raja on 4,5:1 kriteerin 1.4.3 soveltamisalalla.
WCAG 1.4.3 · AA · large3:1Suuren tekstin AA-raja on 3:1. Määritelmään kuuluu 18 pisteen teksti tai 14 pisteen lihavoitu teksti fontteja koskevin täsmennyksin.
WCAG 1.4.6 · AAA7:1 / 4.5:1Tehostettu kriteeri 1.4.6 asettaa tavalliselle tekstille 7:1 ja suurelle tekstille 4,5:1 soveltamisalallaan.
4.499:1< 4.5:1Alle 4,5:n suhde ei täytä rajaa, vaikka näyttö pyöristyisi arvoon 4,50. Vertailu tehdään ennen pyöristystä.

Laske sRGB-kontrasti

Kaksi peittävää #RRGGBB-koodia. Suhde näytetään neljällä desimaalilla, mutta rajoja verrataan pyöristämättömään arvoon.

Kaksi kelvollista väriä: rajat verrattu.

Suhde
21.0000:1
AA · tavallinen teksti · 4,5:1
Raja täyttyy
AA · suuri teksti · 3:1
Raja täyttyy
AAA · tavallinen teksti · 7:1
Raja täyttyy
AAA · suuri teksti · 4,5:1
Raja täyttyy
s = component / 255
linear = s ≤ 0.04045 ? s / 12.92 : ((s + 0.055) / 1.055)^2.4
L = 0.2126 × R + 0.7152 × G + 0.0722 × B
ratio = (max(L1, L2) + 0.05) / (min(L1, L2) + 0.05)

Huomioitavaa aineistossa

Laskenta koskee vain peittäviä sRGB-värejä muodossa #RRGGBB ilman läpinäkyvyyttä, liukuvärejä, taustakuvia tai muita väriavaruuksia. Se ei tarkista poikkeuksia, sivuston kaikkia väripareja tai WCAG-vaatimustenmukaisuutta kokonaisuudessaan. Tarkista valokuvan päällä olevan tekstin todellinen tausta eri rajauksissa.

Alkuperäisdokumentaatio

Dokumentaatio tarkistettu .

SYVENTÄVÄ LUKEMINEN / KÄYTÄNTÖ

Tutki käyttäjäpolun esteitä

Käyttäjä voi lukea sivun, mutta ei saavuta sen päätoimintaa. Tutkimuksen tulee olla suunnattu navigointi, ymmärrys ja vuorovaikutus useissa käyttöolosuhteissa.

Päivitetty .

Ensisijaiset tarkistukset

Tarkista kohteet painikkeella, tarkista otsikot ja seurata vahvistusviestejä. Tarkkaile keskittymän näkyvyyttä, lukemisen järjestystä ja välttämättömien tietojen saatavuutta.

Tulkinnan sudenkuopat

Automaattinen valvonta ei kattaa koko kokemusta. Visuaalisesti selkeä käyttöliittymä voi jäädä vaikeaksi käytettäväksi näppäimistön tai tukitekniikan kanssa.

Säilytettävä työasiakirja

Haittavaikutusten raportti yhdistää reitin, käyttöolosuhteen, suljetun vaiheen ja näyttöä. Korjaus on testattava edellytyksessä, joka on mahdollistanut ongelman tunnistamisen.