wave accessibility testing tool tutorial
WAVE Web Accessibility Tool-zelfstudie: WAVE Chrome en Firefox-extensie gebruiken
Werkbalk voor webtoegankelijkheid werd in onze vorige tutorial in detail uitgelegd. Deze tutorial is een vervolg op de eerste in deze serie, bekijk hem hier - Testen van webtoegankelijkheid - deel 1
In die tutorial hebben we een aantal fundamentele concepten bekeken van wat toegankelijkheid is en hoe het kan worden geëvalueerd met behulp van hulpprogramma's voor het testen van toegankelijkheid.
In deze tutorial zullen we nog een aantal toegankelijkheidstools zien, zoals WAVE Toolbar, JAWS Accessibility tool, technieken en details.
(beeld bron)
Wat je leert:
microsoft dynamics ax 2012 tutorial voor beginners
GOLF(Evaluatietool voor webtoegankelijkheid)
WAVE-tool is een evaluatietool voor webtoegankelijkheid - een werkbalk voor Firefox-browser.
Het is belangrijk op te merken dat WAVE u niet kan vertellen of uw webinhoud toegankelijk is; alleen een mens kan de ware toegankelijkheid bepalen. Maar WAVE kan u helpen de toegankelijkheid van uw webinhoud te evalueren.
Alle evaluatie gebeurt rechtstreeks in de browser en er wordt geen informatie naar WAVE-servers gestuurd. Dit zorgt voor 100% privé en veilige toegankelijkheidsrapportage.
Ga naar om de WAVE-werkbalk voor webtoegankelijkheid te downloaden http://wave.webaim.org/toolbar/ en download het in F irefox-browser Zorg ervoor dat u de download-URL in de Firefox-browser opent, omdat de WAVE-werkbalk alleen Firefox ondersteunt.
De WAVE-werkbalk voor webtoegankelijkheid gebruiken
Hieronder volgen de functies die we kunnen gebruiken tijdens het werken in de Firefox-browser:
# 1) Selecteer de website http://www.easports.com/ , klik vervolgens op 'Fouten, functies en waarschuwingen'. U vindt de pagina met toegankelijkheidswaarschuwingen en fouten in gele kleur. Beweeg uw muis over de afbeeldingen om de details van waarschuwingen te zien.
Notitie : klik op een afbeelding voor een vergrote weergave)
#twee) Klik nu op “Structuur / Order View”, u komt op de pagina met Inline Frame details.
# 3) Klik nu op 'Alleen tekstweergave', de site wordt weergegeven zonder afbeeldingen, stijlen en lay-outs.
# 4) 'Overzichtsweergave' pictogrammen op de werkbalk laten u weten of de koppen in de juiste volgorde staan of niet.
# 5) Het pictogram 'Pagina opnieuw instellen' zal de pagina vernieuwen.
# 6) Als u op 'Stijl uitschakelen' klikt, worden de CSS-stijlen van de pagina verwijderd.
# 7) De 'Icon Key' -knop geeft een lijst weer van alle WAVE-pictogrammen met aanvullende details, informatie en aanbevelingen.
U kunt ook de toegankelijkheid van de website evalueren zonder de wave-tool te downloaden en deze direct online gebruiken.
Stappen om de toegankelijkheid van de website te verifiëren
Stap 1) Klik op URL: http://wave.webaim.org/
Stap 2) Voer het Adres van webpagina in de tekst doos en druk op enter. We gaan gebruiken met als voorbeeld. Voer dus de site www.facebook.com in het tekstvak in en klik op de enter-knop.
Stap 3) U vindt beknopte details aan de linkerkant van de navigatie.
- Fouten worden in rood weergegeven met een telling. In mijn geval wordt het weergegeven als 13.
- Waarschuwingen zouden in het geel worden weergegeven met een telling van 13.
- Functies zouden in het groen zijn met een telling van 10.
- Structurele elementen zouden 6 in blauwe kleur zijn.
- HTML5 en ARIA zouden 15 in paarse kleur zijn.
- Contrastfouten zouden 14 zijn in zwarte kleur.
Als u op elk pictogram klikt, krijgt u meer informatie over de elementen zoals hierboven weergegeven voor waarschuwing (in het midden van de pagina).
Laten we nu eens kijken naar een andere categorie tools:
Gratis toegankelijkheidsvalidators voor webpagina's:
Enkele meer beste hulpprogramma's voor het controleren van webtoegankelijkheid:
- AChecker open source evaluatietool voor toegankelijkheid
- PowerMapper
- Toegankelijkheid Valet
- EvalAccess
- MAGENTA
Tools voor visuele handicap
Visiebeperking verwijst naar verlies van gezichtsvermogen. Er zijn verschillende soorten gezichtsstoornissen:
- Blindheid
- Laag of beperkt zicht
- Kleurenblind
Gebruikers met een visuele beperking gebruiken ondersteunende technologiesoftware die inhoud hardop voorleest.BijvoorbeeldJAWS voor Windows-besturingssystemen, NVDA voor Windows-besturingssystemen, Voice Over voor Mac. UA-gebruikers met een zwak gezichtsvermogen kunnen ook tekst groter maken met een browserinstelling of een prachtige instelling van het besturingssysteem. We gaan deze functies leren met behulp van vergrootglazen en JAWS-tools.
A) Vergrootglazen
1) Zoom Tekstvergroter vergroot alles op uw computerscherm en maakt de applicatie gemakkelijk te zien en te gebruiken. U kunt het downloaden van deze link
Om een goed beeld te krijgen van hoe dit werkt, raden we u ten zeerste aan om een gratis proefversie te downloaden en te experimenteren.
2) Venster vergrootglas vergroot ook verschillende delen van het scherm. We kunnen het openen door op de Start-knop op uw bureaublad te klikken en vervolgens Vergrootglas te typen. Klik op het programma Vergrootglas. Wanneer u met de muis over de webpagina beweegt, vergroot deze tool de grootte van het scherm en worden weergegeven.
3) Blinde computergebruikers die geen normaal computermonitor kunnen gebruiken, gebruiken een vernieuwbare brailleleesregel of brailleterminal om tekstuitvoer te lezen.
Volgens Wikipedia , een vernieuwbare brailleleesregel of brailleterminal is een elektromechanisch apparaat voor het weergeven van brailletekens, meestal door middel van ronde pinnen die door gaten in een plat oppervlak omhoog steken.
B) JAWS- Taaktoegang met spraak
JAWS is een schermlezer die wordt gebruikt om webpagina's te testen op het Windows-besturingssysteem waarmee visueel beschadigde gebruikers het scherm kunnen lezen. JAWS ondersteunt alle versies van besturingssystemen en biedt tevens vernieuwbare brailleleesregels.
Hieronder volgen toetsenbordopdrachten om JAWS te gebruiken:
De basisfuncties die worden getest met behulp van JAWS zijn:
- JAWS geeft het aantal toetsaanslagen aan om door webpagina's te navigeren. Bijvoorbeeld pijltoetsen, Page Up en Down-toetsen, Home, End en diverse andere JAWS-navigatietoetsen.
- Links, afbeeldingen en afbeeldingskaarten: JAWS biedt toetsaanslagen om van de ene link naar de andere op de webpagina te navigeren.
- HTML-formuliervelden en besturingselementen : JAWS biedt toetsaanslagen om tussen formulierelementen te navigeren
- HTML-frames : Door frames navigeren met het toetsenbord.
- Tabellen : Door tabelcellen navigeren
Dit is een beknopt overzicht van de verschillende technieken en tools die gebruikt worden om de toegankelijkheid te evalueren.
Toegankelijkheidstesttips voor ontwikkelaars en testers
- Hebben alle actieve afbeeldingen alt-tekst die aangeeft wat de link of knop doet?
- Hebben alle decoratieve afbeeldingen en overtollige afbeeldingen null (alt = ””) alt-tekst?
- Hebben alle informatieafbeeldingen alt-tekst die dezelfde informatie geeft als de afbeeldingen?
- Is de pagina georganiseerd met koppen? Zijn ze gemarkeerd als koppen?
- Heb je toegang tot alles met het toetsenbord?
- Wordt uw pagina in een logische volgorde gelezen in een schermlezer?
- Is het duidelijk welk element de focus heeft terwijl u de toetsenbordtoegang gebruikt?
- Is alle belangrijke informatie in een video beschikbaar via standaardaudio of via toegevoegde audiodescriptie?
Het ontwikkelingsteam kunnen ervoor zorgen dat hun product voldoet aan de toegankelijkheid door middel van code-inspectie en unit-testen.
Typische testgevallen:
- Zorg ervoor dat alle functies alleen via het toetsenbord beschikbaar zijn (gebruik niet de muis)
- Zorg ervoor dat de informatie zichtbaar is wanneer de weergave-instelling wordt gewijzigd in de modi Hoog contrast.
- Zorg ervoor dat schermleestools alle beschikbare tekst kunnen lezen en dat aan elke afbeelding / afbeelding een bijbehorende alternatieve tekst is gekoppeld.
- Zorg ervoor dat door het product gedefinieerde toetsenbordacties geen invloed hebben op de sneltoetsen voor toegankelijkheid.
Gevolgtrekking
Webtoegankelijkheid biedt veel mogelijkheden voor gehandicapte gebruikers. We moeten echter erkennen dat het moeilijk is om volledige toegang te bieden voor alle soorten handicaps of moeilijkheden die een gebruiker ervan kunnen weerhouden de inhoud van een website te bereiken.
Er kunnen stappen worden ondernomen, maar het is misschien niet 100%. Als we de normen die in dit artikel worden beschreven vanaf de beginfase van de ontwikkeling volgen, kunnen we gemakkelijk een toegankelijke website maken voor de meeste gebruikers.
Voel je vrij om meer tools en tips voor het testen van toegankelijkheid voor te stellen in onderstaande opmerkingen.
PREV-zelfstudie EERSTE Tutorial
Aanbevolen literatuur
- WAT (Web Accessibility Toolbar) Tutorial voor toegankelijkheidstests
- Tutorial over toegankelijkheidstesten (een complete stapsgewijze handleiding)
- Diepgaande Eclipse-zelfstudies voor beginners
- Geb-zelfstudie - Browserautomatiseringstests met Geb Tool
- Beste softwaretesttools 2021 (QA Test Automation Tools)
- Top 20 hulpprogramma's voor het testen van toegankelijkheid voor webapplicaties
- Tutorial over destructief testen en niet-destructief testen
- Functioneel testen versus niet-functioneel testen