Lighthouse — saavutettavuuden sanasto

Lighthouse on Googlen avoimen lähdekoodin automaattinen verkkolaatuauditoija. Se on sisäänrakennettu suoraan Chrome DevToolsiin ja suorittaa neljä auditointia — suorituskyky, saavutettavuus, parhaat käytännöt ja SEO — tuottaen 0–100 pisteet jokaisessa kategoriassa. Saavutettavuusauditointi on erityisesti osa axe-coren sääntöjoukosta pakattuna Lighthouseen raportointimuotoon.

Mitä Lighthouse-saavutettavuusauditointi todella mittaa

Lighthouse-saavutettavuuskategoria suorittaa valikoiman axe-core-sääntöjä — yleensä 40–50 sääntöä, jotka on valittu siksi, että ne ovat deterministisiä, nopeita suorittaa ja eivät tuota vääriä positiivisia tuloksia. Säännöt kattavat tavallisen alueen:

ARIA-attribuuttien kelpoisuus.
Värikontrasti.
Lomakkeiden tunnisteiden läsnäolo.
Kuvien alt-tekstin läsnäolo.
Kieliattribuutti <html>-elementissä.
Otsakehierarkia (osittainen tarkistus).
Linkkien erottuvuus (linkillä on saavutettava nimi).
Kohdistusindikaattorin olemassaolo.

Jokainen sääntö vaikuttaa 0–100 pisteisiin Googlen Lighthouse-dokumentaatiossa julkaisemien painotusten perusteella. Kriittiset säännöt (ei saavutettavaa nimeä ohjaimelle, alt-teksti puuttuu informatiiviselta kuvalta) painottuvat merkittävästi; neuvoa-antavat vähemmän.

Kriittinen väärinkäsitys

Lighthousessa oleva 100 pistettä saavutettavuudessa ei tarkoita, että sivusto on WCAG-vaatimustenmukainen. Lighthouse suorittaa automaattisesti havaittavan osan WCAG-tarkistuksista. Tämä osa on murto-osa koko WCAG-sääntöjoukosta.

Erityisesti Lighthouse ei arvioi:

Alt-tekstin laatua (vain sen läsnäoloa).
Kohdistusjärjestyksen vastaavuutta visuaaliseen järjestykseen.
Toteuttavatko interaktiiviset widgetit koko näppäimistösopimuksensa.
Ilmoittavatko ARIA-live-alueet muutokset oikein.
Todellista ruudunlukuohjelmien käyttäytymistä.
Sisällön luettavuutta ja kognitiivista kuormitusta.

Tiimi, joka julkaisee sivuston, jonka Lighthouse-saavutettavuuspisteet ovat 100, on ylittänyt matalimman riman; työtä ei ole tehty loppuun.

Toisaalta epäonnistuminen tämän riman ylittämisessä on todellinen ongelma. Lighthousessa alle 100 pistettä saavutettavuudessa tarkoittaa, että sivulla on automaattisesti havaittavia virheitä — ja ne ovat halvimmat ja helpoimmat korjattavat.

Lighthouseen käyttö käytännössä

Lighthouse sopii luontevasti kolmeen työnkulkuun:

DevTools-pikatarkistus. Avaa DevTools → Lighthouse-paneeli → Suorita auditointi. Hyödyllinen yksittäisten sivujen tarkistukseen kehityksen aikana.
CI-portti. lighthouse-ci suorittaa Lighthousessa jokaisella pull requestilla, epäonnistuu regressioiden kohdalla ja tallentaa historian. disabilityworld.org-repositorion CI käyttää tätä mallia: jokainen push suorittaa Lighthousessa edustavien sivujen suhteen ja sen on saavutettava 100 pistettä suorituskyvyssä, saavutettavuudessa, parhaissa käytännöissä ja SEO:ssa.
Reaaliaikainen käyttäjäseuranta. PageSpeed Insights -ohjelmointirajapinta suorittaa Lighthousessa pyydettäessä mille tahansa julkiselle URL-osoitteelle, ja Chrome User Experience Report (CrUX) raportoi todellisten käyttäjien mittareita samoissa ulottuvuuksissa.

Täysi 100-100-100-100-tavoite

Staattisesti julkaistuille sivustoille, joilla on kurinalaistettu CSS-, fontti- ja kuvakäsittely, Lighthouse 100 pistettä kaikissa neljässä kategoriassa on saavutettavissa ja tavoittelemisen arvoinen. Yhdistelmä osoittaa:

Suorituskyky 100 — nopea hitailla verkoilla ja laitteilla.
Saavutettavuus 100 — ylittää automaattisesti havaittavan lattiatason.
Parhaat käytännöt 100 — moderni HTTP, ei konsolivirheitä, kuvasuhteet vakaita.
SEO 100 — indeksoitavissa, meta-kuvattu, semanttinen.

Tämä sivusto (disabilityworld.org) pyrkii siihen tasoon jokaisessa julkaistussa artikkelissa ja varmistaa sen CI:ssä. Saavutettavuuden 100 pistettä on tulos, jonka alapuolella ei saa jäädä; se manuaalinen saavutettavuustyö, jota ei ole Lighthousessa, on sijainti, jossa todellinen saavutettavuusohjelma elää.