Tutorial over toegankelijkheidstesten (een complete stapsgewijze handleiding)

accessibility testing tutorial

Een complete gids voor toegankelijkheidstests:

Wat is webtoegankelijkheid:

Het web staat open voor iedereen en als tester (ook mens) is het onze verantwoordelijkheid om te controleren of het toegankelijk is voor alle gebruikers. Dit zal op zijn beurt veel bijdragen aan het succes van een bedrijf, terwijl we eraan werken om de applicatie voor elke gebruiker toegankelijk te maken.

Dit zal ook de tevredenheid van de gebruiker en ons bedrijf vergroten.

Lijst met tutorials in deze serie:

1. Gids voor toegankelijkheidstesten (Deze tutorial)
2. Hulpmiddelen voor het testen van toegankelijkheid - een volledige lijst
3. WAT-zelfstudie (Web Accessibility Toolbar)
4. WAVE en JAWS hulpprogramma's voor toegankelijkheidscontrole

Voor de meeste gebruikers is internetgebruik via internet eenvoudig. Maar dit is niet het geval als we kijken naar een andere demografische groep met uitdagingen. Het is absoluut noodzakelijk dat websites ook voor deze groep gebruikers toegankelijk, bruikbaar en nuttig zijn - en het mag gebruikers niet differentiëren op basis van taal / cultuur / locatie / software / fysieke of mentale vaardigheden.

Wat je leert:

• Wat is toegankelijkheidstesten?
• Toegankelijkheid en de wet
• Mythes over het testen van de toegankelijkheid van websites
• Uitdagingen van toegankelijkheidstest
• Belang
• Hoe wordt webtoegankelijkheid gemeten?
• Universele principes voor webontwerp om te volgen
• Toegankelijkheidstests uitvoeren - Een stapsgewijze handleiding
  • Handmatige methode
  • Geautomatiseerde toegankelijkheidstests
• Checklist voor toegankelijkheidstests / testcases / scenario's
• Gevolgtrekking
• Aanbevolen literatuur

Wat is toegankelijkheidstesten?

Het testen van een webapplicatie om er zeker van te zijn dat elke gebruiker gemakkelijk toegang heeft tot de website, staat bekend als toegankelijkheidstesten. De gespecialiseerde en toegewijde tak van testen die ervoor zorgt dat websites inderdaad effectief zijn op dit gebied, wordt ' Testen van webtoegankelijkheid ​

Het belangrijkste is dat er ook bepaalde wetten en richtlijnen zijn voor toegankelijkheidstesten die moeten worden gevolgd.

Toegankelijkheid en de wet

• Amerikanen met een handicap treden op ​ Deze wet stelt dat alle domeinen zoals openbare gebouwen, scholen en organisaties de technologie voor iedereen toegankelijk moeten maken.
• Rehabilitatiewet, sectie 504 en sectie 508 ​ Sectie 504 biedt alle mensen met een handicap toegang tot de werkplek, onderwijs en andere organisaties en sectie 508 biedt toegang tot technologie.
• Richtlijnen voor toegankelijkheid van webcontent: Deze richtlijnen suggereren de manieren die kunnen helpen om de toegankelijkheid van een website te verbeteren.

Mythes over het testen van de toegankelijkheid van websites

Mythe 1 ​Het is duur.

Feit : Voorzorg is altijd beter dan genezen, dus we kunnen in de ontwerpfase zelf aan toegankelijkheidsproblemen denken en de kosten verlagen.

Mythe 2: Het omzetten van een ontoegankelijke website naar toegang is een tijdrovende aangelegenheid.

Feit : We kunnen prioriteiten stellen en alleen werken aan basisbehoeften.

Mythe 3: Toegankelijkheid is simpel en saai.

Feit : Toegankelijkheid betekent niet dat een website alleen tekst mag bevatten. We kunnen ook afbeeldingen toevoegen en het aantrekkelijker maken, maar het punt is dat het voor iedereen toegankelijk moet zijn.

Mythe 4 ​Toegankelijkheidstesten zijn bedoeld voor blinden en gehandicapten.

Feit : Software is voor iedereen nuttig en daarom is dit testen voor alle gebruikers.

Uitdagingen van A geschiktheidstest

De volgende zijn enkele veelvoorkomende uitdagingen of moeilijkheden die de toegankelijkheidsrichtlijnen proberen aan te pakken:

Belang

• Gemakkelijke en efficiënte toegang voor gebruikers met een handicap of uitdaging
• Verhoogt marktaandeel en publieksbereik
• Verbetert onderhoudbaarheid en efficiëntie
• Voldoet aan bestaande en toekomstige wettelijke vereisten en helpt bij het volgen van ethiek
• Ondersteun internationalisering
• Helpt bij de toegang voor gebruikers met een lage bandbreedte.

Uiteindelijk vertaalt alles zich gewoon naar 'Betere zaken - meer geld'.

Hoe wordt webtoegankelijkheid gemeten?

De toegankelijkheid van het web kan worden gemeten met behulp van webtoegankelijkheidsstandaarden die zijn opgesteld door de W3C bekend als Richtlijnen voor toegankelijkheid van webinhoud (WCAG) ​Weinig andere afdelingen hebben ook hun eigen richtlijnen ontwikkeld, maar ook deze volgen het Web Accessibility Initiative (WAI) Richtlijnen.

De toegankelijkheid van een website evalueren:

Hierbij spelen veel factoren een rol, zoals:

• Inhoud
• Grootte
• Code
• Opmaaktalen
• Ontwikkelingshulpmiddelen
• Milieu

Zoals altijd is het een goede gewoonte om webtoegankelijkheidstechnieken in de beginfase van het project te implementeren. Het repareren van niet-toegankelijke websites vereist extra inspanningen.

Enkele eenvoudige voorbeeldtechnieken zijn:

• Verificatie van paginatitel
• Alternatieven voor afbeeldingsteksten ('alt-tekst')
• Koppen
• Contrastverhouding ('kleurcontrast') ... enz.

Ook kunnen we de bereikbaarheid bepalen met behulp van “ Evaluatie-instrumenten '- tot op zekere hoogte. Er zijn een paar dingen, zoals of de alt-tekst op de juiste manier voor de afbeelding is geschreven of niet, niet volledig kan worden geëvalueerd, maar ze zijn voor het grootste deel effectief.

Lees ook ​ 30+ populairste webtesttools.

Universele principes voor webontwerp om te volgen

De website moet universeel zo zijn ontworpen dat deze de principes van bruikbaarheid en toegankelijkheid volgt. Iedereen heeft zijn eigen leer- en verwerkingsstijl, daarom moet de site / het product hoe dan ook worden ontworpen.

Hieronder staan ​​enkele standaard basisprincipes van website-ontwerp:

java webservices interviewvragen en antwoorden voor ervaren

# 1) Coördinatie:

Elke activiteit en elke persoon die in het project is opgenomen, moeten met elkaar coördineren. Men moet in gedachten houden dat een website moet worden ontworpen volgens hun eigen en zo goed als W3C normen.

# 2) Handhaving:

Als verantwoordelijke organisatie dient u uzelf verantwoordelijk te houden voor het creëren van een toegankelijke site. In plaats van dat de gebruikers zichzelf verantwoordelijk houden voor een toegankelijke site, zouden we dat moeten doen.

# 3) Leiderschap:

Iedereen moet op de hoogte zijn van deze principes en moet informeren of ze problemen ondervinden bij het bezoeken van de site.

# 4) Overweging van toegang ​

We moeten de normen volgen en daarnaast kunnen we rekening houden met de normen die de organisatie hanteert voor mensen met een handicap.

# 5) Technische afmetingen:

Een website moet worden ontworpen door rekening te houden met alle technische normen.

# 6) Onderwijsonderzoek:

We moeten onderzoek doen naar toegankelijkheid en de problemen waarmee we geconfronteerd worden bij het bezoeken van de website. Met behulp hiervan moet het personeel worden opgeleid om hen bewust te maken van de normen en problemen.

# 7) Sociale inclusie:

Alle mensen moeten gelijk worden behandeld, niet alleen in een online modus, maar ook in de fysieke wereld.

Naast dit gebouw is een POUR-website noodzakelijk.

Nu rijst de vraag waar POUR voor staat en het antwoord wordt hieronder gegeven:

P. begrijpelijk:De presentatie van de websuite moet waarneembaar zijn. Inhoud moet vanuit het hele perspectief van alle gebruikers logisch zijn.

OF vergankelijk:Men kan zeggen dat de site bruikbaar is als een gebruiker gemakkelijk door de site kan navigeren.

U begrijpelijk:Alles wat op de website aanwezig is, moet door elk type gebruiker worden begrepen. Kortom, de taal moet gemakkelijk zijn en niet ingewikkeld.

R hou op:Ongeacht de veranderende technologie en het type gebruikers, moet de inhoud robuust zijn.

Toegankelijkheidstests uitvoeren - Een stapsgewijze handleiding

Dit kan zowel met de handmatige als met de automatiseringstestmethode worden gedaan.

Handmatige methode

Er zijn veel tools beschikbaar op de markt voor toegankelijkheidstesten, maar er kunnen enkele problemen zijn, zoals gebrek aan geschoolde middelen, budget enz. In dat geval kunnen we gaan voor handmatig testen.

Hieronder volgen enkele manieren om de toegankelijkheid van websites handmatig te testen:

# 1) We kunnen de modus voor hoog contrast gebruiken:

Met behulp van de modus voor hoog contrast kunnen we de inhoud van de website benadrukken. Wanneer we de modus voor hoog contrast inschakelen, wordt de inhoud van de website automatisch gemarkeerd als deze wit of geel wordt en de achtergrond zwart.

Om de modus voor hoog contrast in te schakelen, zoekt u de modus voor hoog contrast in het zoekvak.

Hier krijg je een optie om een ​​thema te kiezen, selecteer het thema met hoog contrast in de vervolgkeuzelijst.

Een browser ziet eruit zoals hieronder weergegeven nadat de instellingen zijn gewijzigd.

Hierna kunnen we zien of de inhoud goed zichtbaar is of niet.

# 2) Door geen toegang te krijgen tot de afbeeldingen ​

Tijdelijk kunt u de toegang uitschakelen en kijken of de tekst de inhoud rechtvaardigt, aangezien sommige mensen daar misschien geen toegang toe hebben of soms duurt het te lang om de afbeeldingen te laden.

U kunt de toegang tot de browser op de onderstaande manieren uitschakelen:

Internet Explorer: Extra-> Internetopties-> Geavanceerd-> afbeeldingen weergeven (niet aanvinken).

Firefox: Open Firefox en typ over ​ config , in de adresbalk en u krijgt de uitvoer zoals hieronder weergegeven.

wat voor soort softwareprogramma's zijn access, oracle, db2, mysql en sql server?

Nadat je dit scherm hebt gekregen, moet je zoeken naar ‘ toestemming.default.image ’ en pas de waarde aan van 0-1.

# 3) Controleren op bijschriften ​Controleer of er een bijschrift beschikbaar is en zorg ervoor dat het redelijk beschrijvend is. Vaak komen we links tegen op de Facebook-pagina waar het lang kan duren voordat de afbeeldingen of video's worden weergegeven, maar de bijschriften zullen ons veel helpen.

# 4) Door de cascading style sheet (CSS) uit te schakelen: CSS wordt in principe gebruikt om de presentatie van het document te beschrijven. Door dit uit te schakelen, kunnen we de achtergrondkleur, tekststijl en tekstpresentatiestijl controleren.

# 5) Probeer het toetsenbord te gebruiken ​Als je een gamer- of Excel-expert bent, moet deze test gemakkelijker voor je zijn. Probeer de muis niet aan te raken en toegang tot de website met behulp van een toetsenbord.

U kunt de 'Tab' -toets gebruiken om tussen links te schakelen.

'Tab' + 'Shift' zal je brengen waar je eerder was.

# 6) Gebruik veldlabel ​Het is handig bij het invullen van een formulier, veld Label is wat u ziet tijdens het bekijken van een sjabloon. Door dit te gebruiken, kan men de nodige informatie invullen tijdens het aanmelden of online iets bestellen.

# 7) De lettergrootte wijzigen in groot ​Gebruik een grote lettergrootte en controleer de toegankelijkheid van de doorgang.

# 8) Navigatie overslaan: Dit kan handig zijn voor mensen met een motorische handicap. Door te klikken Ctrl + Home u kunt uw focus naar de bovenkant van de pagina verplaatsen.

# 9) PDF-document: Probeer het pdf-bestand op te slaan in de vorm van tekst en controleer of de volgorde van de inhoud behouden blijft of niet.

# 10) Door de stijl uit te schakelen: Schakel de stijl uit en controleer of de inhoud van de tabel correct is uitgelijnd of niet.

# 11) Schalen van inhoud: Probeer uit te zoomen op de afbeelding en controleer of deze leesbaar is.

Geautomatiseerde toegankelijkheidstests

Omdat automatisering zich wijd verspreidt in het testveld, kunnen we ook voor automatisering gaan voor toegankelijkheidscontrole. We hebben verschillende tools voor geautomatiseerd testen.

# 1) een ontwerper: Het is ontwikkeld door IBM en is handig voor het testen van de software vanuit het perspectief van slechtzienden.

# 2) WebAnywhere: Het fungeert als een schermlezer en vereist geen speciale installatie.

# 3) Vischeck: Deze tool helpt ons om de afbeelding in verschillende vormen te reproduceren, zodat we ons kunnen voorstellen hoe deze eruit zal zien wanneer deze door verschillende soorten gebruikers wordt geopend.

# 4) Kleurcontrastanalysator: Het controleert op kleurencombinaties en analyseert de zichtbaarheid.

# 5) Hera: Het controleert de stijl van de applicatie en wordt geleverd met een meertalige optie.

# 6) Firefox-toegankelijkheidsextensie: Met Firefox kunt u de functionaliteit uitbreiden.

U kunt het toevoegen om te openen Firefox-> Add-ons-> toegankelijkheidsextensie ​Het zal u helpen om het rapport, de navigatie, de linktekst etc. te testen.

Nadat u op het uitbreiding u krijgt een optie om te zoeken add-ons ​

# 7) TAW online: Het geeft u de mogelijkheid om te testen of de software is ontwikkeld volgens de richtlijn van WCAG 1.0 of WCAG 2.0 ​Het heeft ook de mogelijkheid om het analyseniveau te selecteren.

# 8) PDF-toegankelijkheidscontrole: Het controleert de toegankelijkheid van een pdf-bestand.

=> Voor de volledige lijst bekijk dit bericht over toegankelijkheidstesthulpmiddelen

Toegankelijkheidstest Checklist / testcases / scenario's

Hieronder staan ​​een paar punten die moeten worden gecontroleerd tijdens het uitvoeren van dit type testen:

• Of de labels correct zijn geschreven en geplaatst of niet.
• Of de audio- / video-inhoud goed hoorbaar / zichtbaar is of niet.
• Of de kleurcontrastverhouding behouden blijft of niet.
• Of de besturingsacties voor video goed werken of niet.
• Als de sneltoetsen voor het menu beschikbaar zijn, moet u controleren of deze allemaal goed werken.
• U moet op tabbladen controleren of de navigatie tussen tabbladen een gemakkelijke taak is.
• Of de applicatie alle principes en richtlijnen heeft gevolgd of niet.
• Of de titel uniek is en de betekenis en structuur overbrengt of niet.
• Als de linktekst is geschreven met een inhoudsbeschrijving in plaats van dubbelzinnigheid te creëren.
• Of er al dan niet een zinvolle multimediatitel wordt verstrekt.
• Of de instructies duidelijk zijn gegeven of niet.
• Of de inhoud duidelijk, beknopt en begrijpelijk is of niet.

De volgende zijn de belangrijkste punten waaraan de website moet voldoen voor toegankelijkheid:

• Linktekst moet beschrijvend zijn ​Visueel gehandicapte gebruiker krijgt toegang tot de webpagina door op de tab-knop op het toetsenbord te klikken en van link naar link te gaan. Het is dus essentieel dat de beschrijving van de links correct is gedefinieerd. Zorg ervoor dat de hyperlinks toegankelijk zijn door de tab-toets te gebruiken.
• Voorzie waar mogelijk passende afbeeldingen ​Een foto spreekt luider dan woorden. Probeer waar mogelijk geschikte afbeeldingen voor tekst toe te voegen. Afbeeldingen kunnen de inhoud van de website voor geletterdheid-uitgedaagde gebruikers beschrijven.
• Gebruik eenvoudige taal ​De cognitief gehandicapte gebruiker heeft leerproblemen, het is erg belangrijk om zinnen eenvoudig en gemakkelijk leesbaar te maken.
• Consistente navigatie ​Consistente navigatie door pagina's is ook erg belangrijk voor gebruikers met cognitieve beperkingen. Het is een goede gewoonte om de consistentie van de website te behouden en de pagina's niet regelmatig te wijzigen. Aanpassen aan de nieuwe lay-out is tijdrovend en kan moeilijk worden.
• Negeer pop-ups ​Gebruikers die een schermlezer gebruiken om de webpagina's te lezen, kunnen pop-ups erg lastig voor hen zijn. De schermlezer leest de pagina van boven naar beneden voor en een plotselinge pop-up komt binnen, de lezer begint het eerst voor te lezen voordat de daadwerkelijke inhoud. Het kan visueel gehandicapte gebruikers verwarren.
• CSS-indeling ​Op CSS gebaseerde websites zijn toegankelijker dan op HTML-code gebaseerde websites.
• Verdeel een grote zin in een kleine, eenvoudige zin. Visueel gehandicapte gebruikers luisteren naar de informatie op de webpagina en proberen deze te onthouden. Door de grote zin in een kleine, eenvoudige zin te verdelen, kunt u dingen gemakkelijk herinneren.
• Gebruik geen selectiekader. Vermijd glanzende tekst en houd het simpel.

Kortom, we moeten nagaan of de applicatie ontwikkeld is volgens de W3C richtlijnen, website design principes en toegankelijkheidsprincipes en hiervoor moeten we op de hoogte zijn van al deze principes.

We kunnen de bovenstaande ijkpunten samenvatten door de geschreven inhoud, het ontwerp en de ontwikkelingsmethode van de website / applicatie te verifiëren en valideren.

Lees ook ​ Volledige gids voor webtesten.

Gevolgtrekking

Toegankelijkheidstests leggen eenvoudig uit hoe gemakkelijk men kan navigeren, toegang kan krijgen tot software en deze kan begrijpen. Het is voor alle soorten gebruikers. De tester moet het testen doen vanuit het perspectief van iedereen.

Net als elke andere vorm van testen, kan deze test zowel handmatig als met behulp van automatiseringstools worden uitgevoerd. Het doel van een tester zou moeten zijn om te controleren of aan de richtlijnen wordt voldaan of niet en hoe gemakkelijk en vriendelijk een gebruiker de software kan gebruiken.

Aanbevolen lezing = >> Topaanbieders van toegankelijkheidstests

In het volgende deel van deze tutorialserie laten we je kennismaken met nog een paar tools en technieken voor het testen van webtoegankelijkheid, dus blijf alsjeblieft bij ons.

Geef zoals altijd commentaar met uw vragen, suggesties en ervaringen.

VOLGENDE zelfstudie

Aanbevolen literatuur

• Tutorial WAVE Accessibility Testing Tool
• Alfatesten en bètatesten (een complete gids)
• WAT (Web Accessibility Toolbar) Tutorial voor toegankelijkheidstests
• Functioneel testen versus niet-functioneel testen
• Tutorial over bruikbaarheidstests: een complete handleiding om aan de slag te gaan
• Build Verification Testing (BVT Testing) Complete Guide
• Tutorial DevOps Testing: welke invloed heeft DevOps op QA-testen?
• Implementatie in MongoDB: stapsgewijze zelfstudie