Hoppa till innehållet

Förde 32 representativa sidor — en per mall och språk — till WCAG 2.2 nivå AA i båda färgteman, plus två AAA‑kriterier, med en dokumenterad överensstämmelseredovisning och en kontroll som försvarar varje påstående.

32 sidor förda till WCAG 2.2 nivå AA, i båda teman

Situation. En konsultfirma som säljer ingenjörsmässigt omdöme och levererar en otillgänglig webbplats har ett trovärdighetsproblem innan den har ett tillgänglighetsproblem. Webbplatsen har dessutom en ovanligt bred yta för det: tre språk, två färgteman, en fullständig stilmall för utskrift, en palett som utgår från mörkt läge, handritade annoteringar och en illustrerad figur — vart och ett av dem ett sätt att misslyckas med ett kriterium i en konfiguration och klara det i en annan.

Uppgift. Webbplatsen måste uppfylla WCAG 2.2 på nivå AA på varje sida, på varje språk och i båda temana, och överensstämmelsen måste försvaras av kontroller snarare än påstås i ett dokument.

Handling. En förteckning över överensstämmelse dokumenterar varje kriterium som omfattas, där varje rad anger vad som uppfyller det och vad som kontrollerar det. Två kriterier på nivå AAA uppfylls utöver målet — visuell presentation i sin helhet, och fokusutseende, som erbjuds snarare än hävdas. Automatiseringen kör en regelmotor för tillgänglighet med reglerna för bästa praxis aktiverade i stället för bara reglerna för överensstämmelse, vilket är en skillnad på trettio regler och spelade roll direkt: en av de extra reglerna fallerade i samma ögonblick som den slogs på, eftersom varumärkessymbolen låg utanför alla landmärken på varje undersida. En andra, långsammare kontroll kör trettiotvå representativa sidor över två färgscheman och två bredder, och det den kontrollerar är ovanligt: fokus bevisas i pixlar snarare än i dokumentet, genom att tabbtangenten trycks ned på riktigt och skärmbilder jämförs, eftersom identiska pixlar betyder att användaren inte kan se var fokus är, oavsett vad uppmärkningen säger. Den går också igenom hela sidan på jakt efter en tangentbordsfälla, tillämpar de angivna åsidosättningarna av textavstånd, fördubblar rotens teckenstorlek och mäter radlängd, marginaljustering, centrering och styckeavstånd.

Resultat. Överensstämmelse hävdas på nivå AA på tre språk och i två teman, med två AAA‑kriterier utöver det och ett angivet som undantag, och varje påstående har en kontroll bakom sig. Det svåraste av dem var kontrast över fotografiet, som en automatiserad regelmotor rapporterar som omöjlig att utvärdera och som webbplatsen hade försvarat med ett argument snarare än en siffra: de faktiska siffrorna var 49 av 64 par av sida och tema under AA. Två ytor som designen aldrig hade haft kontroll över visade sig vara orsaken, och kontrollen som hittade dem är nu en lägstanivå — varje par måste klara AA över väggen som bygget ritar, och varje par som inte gör det får bygget att misslyckas. Det som webbplatsen säger på sin egen sida med erkännanden är den ärliga delen: inget automatiserat verktyg hittar mer än ungefär en tredjedel av WCAG‑felen, etiketterna som visas vid hovring kan inte stängas med en tangent eftersom det kräver ett skript och den här webbplatsen kör ett enda, och det har inte gjorts några tester med riktiga hjälpmedel — de begränsningarna står där en läsare kommer att se dem i stället för att utelämnas ur påståendet.

En del av en längre historik — och den finns i sin helhet här.

Varje post är skriven på samma sätt: situationen, uppgiften, vad vi gjorde och vad som förändrades.

Se hela historiken