HTML Accessibility Auditor

Useimmat nopeat saavutettavuustarkistukset ovat joko pinnallista avainsanaskannausta tai raskasta kirjastoa, johon sinun on luotettava mustana laatikkona. Tämä työkalu käyttää kolmatta polkua: se jäsentää minkä tahansa liittämäsi HTML-koodin selaimen omalla sisäänrakennetulla DOMParserilla – ei akseliydintä, ei ulkoista esteettömyyskirjastoa, ei mitään ladattua – ja sitten kulkee tuloksena olevaa DOM-puuta käsinkirjoitettujen tarkistusten kanssa, jotka heijastavat yleisiä, todellisia WCAG 2.1 -virhekuvioita. Tämä tarkoittaa, että logiikka on täysin tarkastettavissa ja tarkastus suoritetaan kokonaan selaimesi sisällä: liittämääsi merkintää ja testaamasi väriparia ei koskaan ladata tai lähetetä minnekään.

Tarkistukset kattavat virheet, jotka näkyvät useimmiten oikeilla sivuilla: <img> elementit, joissa ei ole lainkaan alt-attribuuttia (aito WCAG-virhe, joka eroaa koristekuvissa käytetystä tarkoituksella tyhjästä alt="":sta, joka jätetään oikein merkitsemättä), lomakeohjausobjektit, joissa apuvälineteknologia ei voi tietää, mitä ne tarkoittavat (tarkistetaan jokaista todellista tarrapolkua vastaan - vastaavaa <label> -tunnistetta, sisällä olevaa <label> aria-label/aria-labelledby-attribuutti), otsikkotasot, jotka hyppäävät ilman varoitusta (<h1> suoraan <h3>:een tai dokumenttiin, jossa ei ole <h1>:tä ollenkaan, tai useampia kuin yksi), linkit, joissa ei ole href tai epämääräistä, kontekstista poikkeavaa tekstiä, kuten "klikkaa tästä" tai "lue lisää", ja puuttuva lang-attribuutti, kun koko HTML-dokumentti ohitetaan (ei vain katkelma).

Erottuva teos on aitoa kontrastimatikkaa, ei pinnallista "näyttää luettavalta" heuristiikkaa. Kaikille elementeille, joissa on sisäinen väri ja taustaväri, työkalu lukee molemmat arvot, ratkaisee ne todellisiksi RGB-luvuiksi selaimen oman CSS-moottorin kautta (joten hex, rgb(), hsl() ja nimetyt värit, kuten 'tomaatti', toimivat kaikki identtisesti ja laskee kunkin tarkan WCAG-suhteellisen luminanssin — L = 0,2126 × 7 × 1R +2126. 0,0722×B, jokainen kanava gammakorjataan ensin käyttäen todellista sRGB-siirtokäyrää – ennen kuin yhdistät ne viralliseen kontrastisuhdekaavaan (vaaleampi L + 0,05) / (tummempi L + 0,05). Elementin oma fonttikoko ja fontin paino ratkaisevat, sovelletaanko tiukempia "normaaliteksti"-kynnysarvoja vai kevyempiä "suuren tekstin" kynnysarvoja (18pt+ tai 14pt+ lihavoitu), ja tulos tarkistetaan kaikkien neljän todellisen WCAG-numeron perusteella kerralla: 4,5:1 ja 3:7:1 for A ja AA, 3:7:1 for A ja 3:7:1 for A ja AA:1. romahti yhdeksi vääräksi hyvä/huono tuomio.

Tämä on tarkoituksella rehellinen, käytännöllinen täyden esteettömyystarkastuksen osajoukko, ei sertifiointityökalu: se ei arvioi JavaScript-pohjaista vuorovaikutusta, ARIA-widget-malleja perusmerkintöjen lisäksi, näppäimistön kohdistusjärjestystä tai mitään, mikä edellyttää sivun todellista hahmontamista ja suorittamista. Käsittele sitä nopeana ensikierroksena, joka havaitsee jotkin yleisimmistä ja seurallisimmista WCAG-virheistä – puuttuva vaihtoehtoteksti, nimeämättömät kentät, rikkinäinen otsikkohierarkia, vähäkontrastinen teksti ja epämääräiset linkit – ennen kuin sivu lähetetään, sekä (ei sen sijaan) täydellisen manuaalisen tarkistuksen tai tuotantoon lähetettävän tarkastustyökalun ohella.