Audit checklist
- Varmista, että jokaisella interaktiivisella elementillä on saavutettava nimi.
- Tarkista otsikkorakenne, kiintopisteet (landmarks) ja semanttinen HTML.
- Varmista näppäimistökäyttö ja näkyvät fokusindikaattorit.
- Etsi kontrastivirheet tekstistä ja käyttöliittymäkomponenteista.
- Tarkista lomakkeiden nimilaput, virheilmoitukset ja ohjeet.
- Käy läpi kuvat, kuvakkeet ja SVG:t hyödyllisten vaihtoehtojen varalta.
- Testaa korjatut sivupohjat ja tärkeimmät sivut uudelleen.
Miksi WCAG 2.2 AA on käytännön tavoite
WCAG on järjestetty onnistumiskriteereihin tasoilla A, AA ja AAA. Taso A kattaa kaikkein perustavimmat esteet; taso AA lisää vaatimuksia, joita julkisilta ja kaupallisilta sivustoilta laajalti odotetaan. WCAG 2.2 säilyttää WCAG 2.1:n tutut kriteerit ja lisää uudempia vaatimuksia, kuten fokuksen ulkoasun ja kohteen koon.
EU:n verkkosisällön osalta EN 301 549 viittaa WCAG-kriteereihin. Siksi WCAG-auditointi on käytännöllinen perusta EAA-valmiudelle, saavutettavuusselosteille ja hankintakyselyille.
Yleiset WCAG-virheet, jotka heikentävät konversioita
Saavutettavuusongelmat eivät ole vain juridinen riski; ne ovat konversio-ongelmia. Puuttuvat nimilaput vaikeuttavat lomakkeiden täyttämistä. Heikko kontrasti kätkee hinnat ja toimintakehotteet. Näppäimistöansat estävät apuvälineiden käyttäjiä ja tehokäyttäjiä. Epäselvät virheilmoitukset saavat kassan tuntumaan rikkinäiseltä.
Nopeimmat voitot tulevat yleensä designsysteemistä: saavutettavat painikkeet, lomakekentät, modaalit, navigaatio ja ilmoituskomponentit. Näiden mallien korjaaminen parantaa jokaista sivua, joka niitä käyttää.
- Painikkeet ja linkit ilman kuvaavaa nimeä
- Lomakekentät ilman nimilappuja tai saavuttamattomilla virheilmoituksilla
- Modaalit, jotka eivät hallitse fokusta
- Kontrastivirheet toimintakehotteissa ja pois käytöstä olevissa tiloissa
- Kuvakkeet, jotka luetaan merkityksettöminä tiedostoniminä
Realistinen korjaustyönkulku
Aloita kriittisistä ja vakavista virheistä tuloa tuottavilla sivuilla. Korjaa sitten uudelleenkäytettävät sivupohjat. Aja jokaisen sprintin jälkeen varmistusskannaus, jotta tiimi näkee, esiintyykö sama sääntö yhä. Säilytä ennen/jälkeen-näyttö julkaisumuistiinpanojen kanssa; siitä on hyötyä, kun asiakkaat pyytävät saavutettavuusdokumentaatiota.
FAQ
Korvaako WCAG 2.2 WCAG 2.1:n?
WCAG 2.2 rakentuu WCAG 2.1:n varaan. WCAG 2.2 AA -auditointi tarkistaa yhä aiemmat A/AA-kriteerit ja lisää version 2.2 uudet vaatimukset.
Löytääkö axe-core kaikki WCAG-ongelmat?
Mikään automaattinen moottori ei löydä kaikkia WCAG-ongelmia. Automaattitestaus on erinomainen monille koodista havaittaville virheille; sisällön laatu, tehtävälogiikka ja jotkin multimediavaatimukset vaativat ihmisen arviota.
Pitäisikö WCAG-korjaukset omistaa kehittäjille vai lakitiimille?
Kehittäjät korjaavat koodin, mutta tuotteen, designin ja lakitiimin on sovittava laajuudesta, selosteen muotoilusta ja riskiprioriteeteista. Saavutettavuus on tuotteen laatuprosessi, ei yhden ihmisen tarkistuslista.