Testaamamme saavutettavuusongelmat
Jokainen sivu selittää yhden automaattisten testiemme löytämän ongelman: mitä se tarkoittaa, mihin WCAG-kriteeriin se liittyy, miten se korjataan millä tahansa sivustolla, Shopifyssa ja WooCommercessa ja miten korjaus tarkistetaan.
Nämä ovat ongelmat, jotka selitämme perusteellisesti; skannaus testaa paljon useampia sääntöjä. Miten testaamme sivustosi
Saavutettavuusongelmat
ARIA-attribuutit ja -roolit
Lomakekentät ilman nimiöitä
Linkit ja painikkeet ilman nimeä
Heikko värikontrasti
Sivujen otsikot
Sivun rakenne, otsikot ja maamerkit
- Kehyksillä on oltava saavutettava nimiWCAG 4.1.2 · A
- Otsikkotasojen pitäisi kasvaa vain yhdellä kerrallaanHyvä käytäntö
- Dokumentissa pitäisi olla yksi main-maamerkkiHyvä käytäntö
- Sivulla pitäisi olla ensimmäisen tason otsikkoHyvä käytäntö
- Kaiken sivun sisällön pitäisi olla maamerkkien sisälläHyvä käytäntö
Sivun kieli
Kuvat ilman tekstivastinetta
- Kuvilla on oltava vaihtoehtoinen tekstiWCAG 1.1.1 · A
- Kuvapainikkeilla on oltava vaihtoehtoinen tekstiWCAG 1.1.1, 4.1.2 · A
- [role="img"]- ja [role="image"]-elementeillä on oltava vaihtoehtoinen tekstiWCAG 1.1.1 · A
- <svg>-elementeillä, joiden rooli on img tai image, on oltava vaihtoehtoinen tekstiWCAG 1.1.1 · A
Zoomaus ja responsiivisuus
Näppäimistökäyttö ja fokus
Skannaa sivustosi tänään
Löydä. Korjaa. Varmista.
Ilmainen skannaus. Luottokorttia ei tarvita.