Billedbeskrivelse: En levende illustration af elementer fra online shopping, herunder en indkøbskurv med pakker, farverige varer som sko, tasker og hovedtelefoner samt ikoner for tilgængelighed, søgning, afspilning og lyd. En fremtrædende "Køb nu"-knap og forskellige UI-elementer fremhæver e-handelsoplevelsen.
Forståelse af skærmlæsere
Læsetid: 8 minutter
For dem, der ikke er bekendt med test af skærmlæsere, kan det være en oplysende oplevelse at se tingene fra et andet perspektiv, som afslører, hvordan brugere med synshandicap navigerer i digitalt indhold. Skærmlæsere er softwareprogrammer, der gør det muligt for mennesker med synshandicap at bruge en computer ved at oplæse indholdet på skærmen eller ved hjælp af blindeskrift.
Skærmlæsere til webtilgængelighed
| Skærmlæser | Beskrivelse |
|---|---|
| JAWS | Job Access With Speech (JAWS) er en meget udbredt skærmlæser til Windows. Den er uundværlig til test af webindhold og fungerer med browsere som Chrome og Firefox. For at kunne bruge JAWS effektivt skal man lære tastaturgenveje, da de fleste brugere ikke bruger mus. Dens læsekommandoer og navigationsgenveje, såsom at trykke på 'H' for at springe til næste overskrift eller 'T' for at gå til næste tabel, er en integreret del af webnavigation. |
| NVDA | NonVisual Desktop Access (NVDA) er en gratis skærmlæser, der er kompatibel med Windows. Den er kendt for sin brugervenlighed og et bredt udvalg af tastaturkommandoer, der ligner JAWS, såsom navigation gennem links, overskrifter og formkontroller ved hjælp af genvejstaster. Indstillingerne, såsom stemme og hastighed, kan justeres direkte fra menuen. |
| VoiceOver | Apples VoiceOver er indbygget i Mac- og iOS-enheder og giver solid support til navigation gennem webindhold i Safari. Det introducerer unikke funktioner som Rotor, der giver dig mulighed for at vælge den type websideelementer, du vil navigere gennem, med enkle bevægelser. Det er vigtigt at blive fortrolig med VoiceOver-kommandoerne for at kunne teste effektivt. |
| TalkBack | TalkBack er den tilsvarende skærmlæser til Android-enheder. Den har en række forskellige gestus og indstillinger, der giver dig mulighed for at udforske og interagere med webindhold ved hjælp af Chrome. Den lokale kontekstmenu er et vigtigt værktøj i TalkBack, der giver brugerne mulighed for at vælge navigationsindstillinger som overskrifter eller links med enkle fingerbevægelser. |
| Fortæller | Narrator er den indbyggede skærmlæser til Windows, der har vundet indpas sammen med browsere som Edge. Med en række kommandoer letter Narrator navigation på internettet og læsning af indhold. Dens "Scan Mode" er særligt nyttig til at gennemse indhold og slukker automatisk, når du skal interagere med elementer som tekstfelter. |
| Dolphin skærmlæser | Dolphin ScreenReader til Windows er populært i Storbritannien og Europa og tilbyder et andet sæt genvejstaster samt funktioner, der er skræddersyet til både desktop- og laptop-tastaturlayouter. Det understøtter Chrome, Firefox og Edge og har en indstilling til lydafspilning af webindhold, hvilket gør navigationen intuitiv. |
| Orca | Orca er en omfattende skærmlæser til Linux-systemer, herunder distributioner som Ubuntu og Fedora. Den giver robust support til navigation i webindhold og applikationer via browsere som Firefox og Chromium. Orca tilbyder en række tastaturkommandoer til læsning og interaktion med webelementer og giver mulighed for omfattende tilpasning af taleoutput og indstillinger. |
Test med skærmlæsere afslører, hvordan forskellige værktøjer fortolker overskrifter, links og interaktive elementer, hvilket gør det afgørende for at sikre overholdelse af tilgængelighedskrav. Mens seende brugere f.eks. kan skimme indholdet visuelt, er brugere af skærmlæsere afhængige af en lineær, tekstbaseret oplevelse. Det er derfor afgørende at forstå strukturen og semantikken i webindhold.
Selvom det måske ikke er praktisk at lære alle skærmlæsere at kende, kan det forbedre webtilgængeligheden betydeligt at gøre sig bekendt med deres grundlæggende funktioner. Det anbefales at teste indholdet med flere skærmlæsere for at dække hele spektret af brugerinteraktioner og præferencer.
Gør dig fortrolig med grundlæggende kommandoer og tilgængelighedsfunktioneri skærmlæsere.
Hver skærmlæser har et sæt unikke kommandoer. Inden du begynder at teste, skal du gøre dig bekendt med grundlæggende navigation, såsom at flytte mellem overskrifter, links og kontrolelementer. Dette indebærer ofte, at man skal lære tastkombinationer. Med JAWS kan du f.eks. trykke på 'Insert' + 'F7' for at få vist en liste over links, mens NVDA bruger 'NVDA'-tasten + 'F7' til en lignende funktion.
| Testopgave | Navigationsmetoder |
|---|---|
| Dyk ned i tilgængelighedsfunktionerne i dit operativsystem |
|
| Udfør grundlæggende navigationstests |
Åbn en webside og brug skærmlæser til at navigere gennem indholdet:
|
| Juster indstillingerne til testning |
For at simulere oplevelsen mere nøjagtigt skal du justere indstillingerne for skærmlæser:
|
| Brug udvikler- og testværktøjer | Udnyt indbyggede udviklerværktøjer eller udvidelser som WAVE og browserens udviklerkonsol til at forstå, hvordan skærmlæsere fortolker koden bag dit webindhold. Dette kan hjælpe dig med at identificere strukturelle problemer, som ikke umiddelbart kan ses ved hjælp af lydfeedback alene. |
Testning med skærmlæsere kræver tålmodighed. Brug tid på at øve dig med skærmlæseren, så du kan navigere lige så dygtigt som en almindelig bruger. Husk, at skærmlæsere er komplekse værktøjer, og det tager tid at lære at bruge dem effektivt. Når du har testet indholdet, kan du overveje at indhente feedback fra faktiske brugere af skærmlæsere. Ved at indarbejde testning med skærmlæsere i dine QA-arbejdsgange kan du identificere problemer, som automatiske scanninger alene ikke kan opdage.
For at sikre, at din test af skærmlæsere er effektiv og omfattende, er det vigtigt at tage højde for flere faktorer, der kan påvirke brugeroplevelsen for personer, der er afhængige af denne teknologi. Her er en detaljeret vejledning, der hjælper dig med at forstå disse overvejelser og indarbejde dem i dine testprocedurer.
Vigtige overvejelser ved test af skærmlæsere
- Forstå brugeroplevelsen
- Inden du begynder at teste, er det vigtigt at forstå, hvordan en skærmlæser fortolker og præsenterer webindhold. I modsætning til seende brugere, der hurtigt kan overskue en hel webside, modtager brugere af skærmlæsere information på en sekventiel, lineær måde. Det betyder, at den logiske rækkefølge af dit indhold og den måde, det er kodet på, er af afgørende betydning.
- Test på forskellige platforme
- Windows: JAWS og NVDA er fremtrædende, men man bør ikke overse Narrator, især da det bliver stadig bedre.
- MacOS: VoiceOver er dybt integreret og tilbyder unikke navigationsfunktioner, såsom rotoren.
- Linux: Orca giver en robust skærmlæseoplevelse på Linux og integreres med browsere og GNOME-skrivebordsmiljøet.
- Mobil: Glem ikke at teste VoiceOver på iOS og TalkBack på Android-enheder, da mobil tilgængelighed er afgørende.
- Interaktive elementer
- Sørg for, at alle interaktive elementer som formularer, knapper og links er tydeligt mærket og kan navigeres ved hjælp af standardgenveje til skærmlæsere. Testning skal bekræfte, at disse elementer ikke kun er tilgængelige, men også giver feedback, når der interageres med dem, f.eks. ved at bekræfte, når en formular er indsendt.
- Dynamisk indhold
- Testningen skal også omfatte dynamisk indhold såsom modale dialoger, liveopdateringer og AJAX-drevne grænseflader. Sørg for, at ændringer i indholdet meddeles af skærmlæserprogrammet uden at det er nødvendigt at opdatere siden.
- Visuel afhængighed
- Vurder, om din websides funktionalitet eller indhold er alt for afhængigt af visuelle signaler. Sørg for, at alle oplysninger, der formidles med farver eller layout, også er tilgængelige via tekst.
- Brug af ARIA (tilgængelige rige internetapplikationer)
- ARIA-roller og -egenskaber bidrager til at forbedre tilgængeligheden af webindhold, især dynamisk indhold og avancerede brugergrænsefladekontroller udviklet med Ajax, HTML, JavaScript og relaterede teknologier. Sørg for korrekt brug af ARIA-mærker og -roller, hvor det er relevant.
- Feedback og iterativ testning
- Inkorporer feedback fra faktiske brugere af skærmlæsere. Deres indsigt kan give værdifulde perspektiver, som automatiserede værktøjer og simuleringer måske overser. Iterativ testning, som indebærer regelmæssige gennemgange og opdateringer, kan hjælpe med at løse problemer med tilgængelighed mere effektivt.
- Dokumentation og uddannelse
- Før omfattende dokumentation over dine tilgængelighedsprotokoller og testprocesser for skærmlæsere. Invester desuden i uddannelse af udviklere og indholdsskabere i bedste praksis for tilgængelighed, så tilgængelighed tages i betragtning i alle faser af webudviklingen.
- Overholdelse af lovgivning og bedste praksis
- Endelig skal du sikre dig, at din hjemmeside overholder lovmæssige standarder som EAA (European Accessibility Act), ADA (Americans with Disabilities Act), Section 508 of the Rehabilitation Act og WCAG (Web Content Accessibility Guidelines). At følge disse retningslinjer hjælper ikke kun med at gøre din hjemmeside tilgængelig, men forbedrer også den samlede brugeroplevelse for alle.
Konklusion
Effektiv testning af skærmlæsere indebærer, at man afprøver flere enheder, platforme og browsere for at tage højde for virkelige brugssituationer. Ved at forstå og implementere grundige testprotokoller kan alle sikre, at deres websteder er tilgængelige, og dermed nå ud til et bredere publikum og give en bedre brugeroplevelse. Denne forpligtelse til tilgængelighed kan forbedre din digitale tilstedeværelses omdømme og effektivitet betydeligt.
Læs mere om vores tjenester inden for den europæiske lov om tilgængelighed, som vi tilbyder.
EAA har været i kraft siden28. juni 2025.
