Topics

Word een meester in webtoegankelijkheid!

"We hebben een front-end en markup op S-niveau nodig, en we verzorgen zelfs de gebruikersinterface voor onze MA-tools, dus toegankelijkheid zou een fluitje van een cent moeten zijn!" Dat was de naïeve gedachte achter Liberogic's webtoegankelijkheidsproject, maar in werkelijkheid was het het begin van een felle strijd. Het stellen van een hoge doelstelling voor volledige WCAG 2.2-compliance leidde tot jarenlange studiesessies en eindeloze discussies... en eerlijk gezegd besefte ik hoe licht we het hadden opgevat.

Ik kan me nog herinneren dat er aan het begin van het project, een paar jaar geleden, een studiesessie over toegankelijkheid werd gehouden.
"Wat is het verschil tussen WCAG en JIS X 8341-3:2016?"
"WCAG2.0 en JIS X 8341-3:2016 zijn hetzelfde!"
Het was een lange, lange reis die begon met zo'n eenvoudige uitwisseling.
Klopt deze interpretatie van de succescriteria?
"Nee, dat is hier de standaard."
Na eindeloze discussies en herzieningen zijn we er eindelijk uitWCAG2.2-conformiteitsniveau AAHierdoor ontstond een systeem waarmee we dit konden nastreven.

Geef uw website een nieuw ontwerp!

"Mijn website past niet bij mijn bedrijf?"
De vernieuwing van onze bedrijfswebsite begon met dat ene woord.
"Als je het gaat doen, kun je net zo goed focussen op toegankelijkheid en SEO!"
Het spreekt voor zich dat onze getalenteerde medewerkers, die het op dat moment waarschijnlijk druk hadden, deze uitdaging graag aangingen.

"Deze kleur heeft een slechte contrastverhouding!"
"Nou, het is een goed ontwerp..."
"Kun je binnen de regels geen aanpassingen maken?"
We bleven experimenteren en zochten naar een balans tussen ontwerp en toegankelijkheid.
Tijdens het nakijken vulde ik rustig de lastige checklist van de testonderdelen in.

Eindelijk klaar!
Hoewel de uitvoering aanzienlijk achterliep op schema, vonden wij dat de technologische vooruitgang een duidelijk teken van vooruitgang was.

Perfecte score behaald op Lighthouse! En ook een hoge beoordeling op PageSpeedInsights!

Onze website, gebouwd met Astro + microCMS + Cloudflare, kreeg ongetwijfeld een hoge score op Lighthouse. De toegankelijkheid is uiteraard uitstekend!Lighthouse-toegankelijkheidstesten maken gebruik van de vertrouwde axe-coreDaarom worden inspanningen om aan de WCAG te voldoen, vrij direct beoordeeld.

Wat de prestaties betreft, we draaiden met veel afbeeldingen en allerlei andere dingen, dus in het begin hadden we wat moeite. Maar na hard werken en finetunen, zoals het optimaliseren van de manier waarop webfonts werden geladen, het controleren van de compressieverhouding en het formaat van de afbeeldingen en het aanpassen van de prioriteit voor het laden van bronnen, zagen we eindelijk het moment dat het werkte!

100 punten!

Ik haalde in alle categorieën een perfecte score voor de pc-versie van Lighthouse! En het gerucht klopte. "Oh! Dus als ik een perfecte score haal in Lighthouse, dan steekt Google vuurwerk af om het te vieren!"

"Serieus?! Op de vorige site haalde ik amper een score tussen de 80 en 90! Ik weet zeker dat Astro er veel mee te maken heeft, maar dit is geweldig!"

PageSpeedInsights, een andere tool van Google voor het meten van websiteprestaties, scoorde ook 100 punten.

PageSpeedInsights heeft echter geen speciale effecten (vuurwerk). Aangezien ik hier en daar een reeks van 99 resultaten heb gehad, hoop ik dat Google er een feestelijk effect aan toevoegt. 🎇

Trouwens,De scores van Lighthouse en PageSpeedInsights variëren afhankelijk van de netwerkomgeving, serverstatus, browserstatus, enz. op het moment dat de meting wordt uitgevoerd.Wees voorzichtig, ook al behaal je 100 punten. Het kan zijn dat je die score niet altijd kunt vasthouden.

Is het onmogelijk om 100 punten te halen op een mobiel apparaat?... Het zit zo. (↑Ik heb toen geen screenshot gemaakt, dus ik heb pas vrij recent een screenshot gemaakt.)

Het ware doel ligt achter de score

"Maar is dit niet een natuurlijk gevolg vanuit het perspectief van de gebruiker?"

In plaats van te streven naar een hoge score, hebben we ons gericht op het ontwerpen van de website voor iedereen die hem daadwerkelijk gebruikt, wat heeft geleid tot de hoogste beoordeling. Een score van 100 is slechts een mijlpaal. Het echte doel is om een ​​website te creëren die voor iedereen comfortabel en gebruiksvriendelijk is!

Momenteel implementeren we verschillende experimentele functies om de haalbaarheid van ons bedrijf te bevestigen, en onze Lighthouse-score schommelt nu lager dan toen. Ik blijf onschuldig "Waarom, waarom?" roepen, maar het spreekt voor zich dat het bevestigen van de haalbaarheid van ons bedrijf voor iedereen belangrijker is dan mijn egoïsme.

En zo gaat onze onvermoeibare ontdekkingstocht verder.