Jouw website toegankelijk maken
Op deze pagina de volgende onderdelen:
Testen en testprocedures
- Testprocedures voor websites naar de EN 301 549 of WCAG
- Référentiel d'Évaluation de l'Accessibilité Web (RAWeb 1), testprocedure van Luxemburg
- Easy Checks – A First Review of Web Accessibility - W3C Web Accessiiblity Initiative
- Professional Web Accessibility Auditing Made Easy:Essential Skills for Web Developers, Content Creators, and Designers (gratis e-book)
- How to review for accessibility - Web.dev
Tools
De volgende tools helpen je bij het testen op toegankelijkheidsproblemen en zijn dus goed om in je toolkit te hebben!
- ARC toolkit
- axe DevTools
- Colorblindly
- Web Developer
- HeadingsMap
- Tab11y
- WAVE Evaluation tool
- Visual ARIA
- Accessibility View
- Accessibility Insights for Web
- Colour contrast analyzer
Werken met screenreaders
- Using JAWS to Evaluate Web Accessibility - WebAim
- Using NVDA to Evaluate Web Accessibility - WebAim
- Using VoiceOver to Evaluate Web Accessibility - WebAim
- Using Narrator to Evaluate Web Accessibility - WebAim
- Using Dolphin to Evaluate Web Accessibility - WebAim
- Testing with Screen Readers: Questions and Answers - WebAim
- Desktop Screen Readers Survival Guide - Basic Keyboard Shortcuts - Deque University
- Desktop Screen Readers Forms Guide - Deque University
- NVDA Keyboard Shortcuts - Deque University
- JAWS Keyboard Shortcuts - Deque University
- Narrator Keyboard Shortcuts - Deque University
- VoiceOver Keyboard Shortcuts on a Mac - Deque University
- Enabling Keyboard Accessibility on a Mac - Deque University
- Using Windows Screen Readers on a Mac - Deque University
Toegankelijk maken
In dit gedeelte vind je alle belangrijke informatie terug over hoe je jouw content toegankelijk maakt en waar je daarbij op moet letten.
- Semantiek, structuur en navigatie
- Titel van de pagina
- Landmarks
- Koppen
- Links
- Skiplinks
- Lijsten
- Tabellen
- Frames
- Op meerdere manieren je content aanbieden
- Correcte code gebruiken
- Visueel design en kleur
- Responsive design
- Reflow
- Orientatie van het scherm
- CSS gegenereerde content
- Content met overgangen en parralax effecten
- Target size
- Lettertypen
- Opmaak (typografie)
- Tekst vergroten
- Tekst spatiëring
- Voorwaarden rond contrast
- Testen van contrast
- Niet steunen op enkel kleur: toegankelijk maken voor kleurenblinden
- Device-Independent Input Methods
- Muis
- Toetsenbord
- Testen van toetsenbordtoegankelijkheid
- Focusmanagement
- Focusindicator (focus outline)
- Lees- en tabvolgorde (ook wel focusvolgorde)
- Het tabindex attribuut
- Access keys (sneltoetsen)
- Touch
- Stem
- Input modalities
- Bewegingsactivering
- Taalgebruik en tekst
- Afbeeldingen, grafieken en iconen
- Alt-tekst
- Wanneer is een afbeelding informatief en wanneer decoratief?
- Complexe afbeeldingen als kaarten, grafieken, infografieken, etc.
- Iconen, icon fonts en afbeeldingen ingeladen via CSS
- Correcte SVG's
- Het canvas element
- Audio en video
- Ondertiteling
- Audiobeschrijving
- Transcripties
- YouTube video's
- Automatisch afspelen
- Flitsen en flikkeren: het gevaar van bewegende content
- Formulieren, labels, instructies en validatie
- Dynamisch updaten van inhoud
- Aankondigen van veranderingen
- AJAX en lazy loading
- AJAX en infinite scrolling
- AJAX en interstitial views
- Single Page Applications
- ARIA
- JavaScript
Rapporteren
Tijdens het testen wil je jouw bevindingen ook rapporteren. In dit gedeelte vind je informatie hoe je dat het beste doet.
- Template for Accessibility Evaluation Reports van het W3C legt uit wat de inhoud van een goed toegankelijkheidsrapport is
- Writing Impactful Accessibility Reports - Mike Gifford
- Hoe schrijf ik een toegankelijkheidsverklaring - AnySurfer