Bliksemsnel 100 punten! Web accessibility in een snelle omgeving! Lighthouse in de spotlight!

Web accessibility perfectioneren!

"We hebben S-klasse frontend developers en markup experts, en we werken zelfs aan de UI van MA-tools — dus web accessibility zal wel makkelijk zijn!" Met deze optimistische instelling begon het web accessibility-project van Liberogic… maar in werkelijkheid was het het begin van een intense strijd. Na het ambitieuze doel van volledige WCAG 2.2-conformiteit te hebben vastgesteld, volgden jarenlange trainingen en eindeloze discussies… We realiseerden ons dat we het aanvankelijk veel te licht hadden opgvat.

In die eerste projectfase begonnen we met een web accessibility-trainingsbijeenkomst.
"Wat is het verschil tussen WCAG en JIS X 8341-3:2016?"
"WCAG 2.0 en JIS X 8341-3:2016 zijn hetzelfde!"
Vanaf deze basale vraag en antwoord begon een lange reis.
"Begrijpen we deze succeskriterium correct?"
"Nee, dat hoort bij een ander criterium"
Na eindeloze discussies en aanpassingen hebben we eindelijk WCAG 2.2 Conformity Level AA kunnen bereiken.

Onze website opnieuw bouwen!

"Onze website past niet goed bij ons bedrijf, toch?"
Zo begon het helemaal opnieuw ontwerp van onze eigen site.
"Laten we het voluit doen met accessibility en SEO!"
Op dit verlangen grepen onze drukke maar getalenteerde teamleden (waarschijnlijk) graag de gelegenheid om eraan te beginnen.

"Deze kleur heeft onvoldoende contrastverhouding!"
"Maar designmatig ziet het er goed uit…"
"Kunt u het aanpassen binnen de richtlijnen?"
We navigeerden door dit soort dilemma's tussen design en web accessibility.
Voor de markup werkten we gewoon ons uitgebreide testchecklijst af.

Eindelijk klaar!
Hoewel het aanzienlijk langer duurde dan gepland, voelden we een duidelijke vooruitgang in onze technische vaardigheden.

100 punten bereikt in Lighthouse! En ook hoge waarderingen in PageSpeed Insights!

Onze website, gemaakt met Astro + microCMS + Cloudflare, behaalt hoge scores in Lighthouse - dat was voorzien. Toegankelijkheid is natuurlijk perfect in orde! De toegankelijkheidstests in Lighthouse maken gebruik van het betrouwbare axe-core, dus onze inspanningen voor WCAG-compliance worden vrij direct beoordeeld.

Wat betreft prestaties hebben we veel afbeeldingen en animaties, dus aanvankelijk liep het iets moeizamer. Maar door de laadwijze van webfonts te optimaliseren, de compressie en het formaat van afbeeldingen opnieuw in te stellen en de laadprioriteit van bronnen aan te passen, hebben we na veel gedetailleerd tuning eindelijk dat moment bereikt!

＼ 100 punten! ／

Alle categorieën in de Lighthouse-test voor desktops behaalden volledige punten! En dat gerucht bleek waar te zijn. "Wauw! Als je 100 punten haalt in Lighthouse, stuurt Google je een vuurwerkvertoning als felicitatie!"

"Serieus!? De vorige website haalde nauwelijks 80-90 punten! Het is deels aan Astro te danken, maar dit is geweldig!"

PageSpeed Insights, ook een prestatietool van Google, bereikte vanzelfsprekend ook 100 punten.

Alleen PageSpeed Insights heeft geen speciale animatie (vuurwerk). Omdat het ene moment 99 is en het andere 100, hopen we dat Google wat soort feestelijk effect toevoegt. 🎇

Overigens, de scores van Lighthouse en PageSpeed Insights variëren afhankelijk van de netwerkomgeving, serverstatus en browseromstandigheden op het moment van meting, dus hoewel we 100 punten hebben bereikt, kunnen we die score niet altijd behouden - let op!

Een perfecte score van 100 op mobiel is erg moeilijk te bereiken… het ziet er zo uit. (↑ Geen screenshot van toen, dus vrij recent gedownload)

Het ware doel ligt voorbij de score

"Eigenlijk, als je erover nadenkt vanuit het perspectief van gebruikers, is dit toch een vanzelfsprekend resultaat…?"

Het aanhalen van scores is niet het doel. Het echte resultaat ontstaat door volledig design uit te voeren voor iedereen die de website gebruikt. Ik geloof dat de beste evaluatie voortkomt uit dit gebruiker-gerichte denken. Een "score van 100" is slechts een tussenstap. Het ware doel is het creëren van een website die voor iedereen comfortabel en gebruiksvriendelijk is!!!

Momenteel implementeren we verschillende experimentele functies om de haalbaarheid van onze werkzaamheden te controleren, en de Lighthouse-score schommelt nu lager dan toen. Ik blijf naïef "waarom, waarom…?" roepen, maar voor iedereen is het duidelijk dat het controleren van de haalbaarheid van werkzaamheden belangrijker is dan mijn eigen grillen.

En op die manier gaat ons voortdurend streven naar verkenning door.