Moment 05: Tillgänglighet

—

by

Wave-rapport- Antal problem:

⚠️ 7 kontrastproblem (Very low contrast) ⚠️ 3 Alerts: Ingen

-rubrik hittades Inga page regions (t.ex.
,
,
,
) Möjlig rubrik? (text som ser ut som rubrik men inte är det semantiskt) Features (Gröna ikoner):

✅ Språk är korrekt definierat ()

Gjorda ändringar & varför Fixade kontrastproblem

Jag ändrade färgerna i text och bakgrund så att kontrastförhållandet uppfyller minst WCAG AA (4.5:1 för vanlig text). Detta är viktigt för att personer med synnedsättning ska kunna läsa innehållet utan problem.

Jag lade till ett korrekt rubrikstruktur

Sidan hade ingen
. Jag lade till en tydlig huvudrubrik högst upp på sidan. Jag säkerställde även att rubrikhierarkin är logisk (h1 > h2 > h3 osv) så att skärmläsare kan tolka innehållet korrekt.

Jag införde “landmark regions”

Jag lade till semantiska HTML5-element som
,
,
,
, så att skärmläsare kan navigera snabbare mellan sektioner på sidan.

Jag har gjort ett nytt test efter ändringar Jag körde Wave på nytt efter ändringarna och:

✅ Alla kontrastproblem var åtgärdade ✅ Rubriker fanns korrekt på plats ✅ Sidan innehöll nu regions (landmarks) ✅ Språk var fortfarande korrekt inställt.

Eiii Page Checker: Otillgänglig När jag försökte testa med Eiii Page Checker låg sidan nere eller fungerade inte. Därför kunde jag inte göra den testningen. Som ersättning använde jag Wave fullt ut och säkrade grundläggande tillgänglighet enligt WCAG A-krav.

Reflektion och lärdomar Tillgänglighet är något jag tidigare inte tänkte så mycket på, men nu inser jag hur viktigt det är — både ur ett tekniskt, etiskt och användarperspektiv. Genom att bara göra små ändringar (rätt färger, rubriker, semantik) kan fler personer använda sidan på ett bättre sätt.

Comments

Leave a Reply Cancel reply