Webtilgængelighed
Noter og små øvelser: Fra tastatur og native HTML til struktur, accessible names og tydelig feedback.
Grundlag og tastatur
2 emner
-
Tilgængelighed som brugssituationer
Forstå barrierer og brug WCAG som støtte til konkrete design- og kodebeslutninger.
-
Tastatur, fokus og skiplinks
Afprøv en hel handling uden mus, og gør det tydeligt, hvor brugeren er, og hvor vedkommende kan fortsætte.
Semantik og struktur
4 emner
-
Native HTML, ARIA og accessibility-træet
Skeln mellem det, et element fortæller hjælpemidler, og det, browseren faktisk lader brugeren gøre.
-
Disclosure og synkroniseret state
Lad en knap vise og skjule indhold, mens den faktiske synlighed og aria-expanded følges ad.
-
Overskrifter i komponenter
Bevar sidens indholdshierarki, når kort og sektioner bygges som genbrugelige komponenter.
-
Landmarks og navngivne regioner
Gør sidens vigtigste områder lette at finde uden at gøre hver layout-wrapper til et landmark.
Navne, billeder og feedback
4 emner
-
Accessible names og label in name
Giv kontroller forståelige navne, og bevar forbindelsen til den tekst, brugeren kan se og sige.
-
Skjult for hvem?
Skeln mellem visuel skjulning, skjulning for hjælpemidler og indhold, der ikke må kunne betjenes.
-
Billeder og dekorative ikoner
Afgør først, hvilken funktion billedet har i konteksten, og vælg derefter tekstalternativ eller skjulning.
-
States og statusfeedback
Formidl forskellen på en valgt tilstand og en besked om, at en handling er lykkedes.