Cursusaanbod
Juridische context & Toegankelijkheidsbasis
Module 1: Inleiding tot het Toegankelijkheidsrecht en zijn belang
- Overzicht van het nieuwe Toegankelijkheidsrecht (ingang in werking op 28 juni)
- Juridische eisen en deadlines
- Impact op de publieke sector, private bedrijven en ontwikkelaars
- Waarom toegankelijkheid belangrijk is: sociale, ethische en zakelijke perspectieven
- Straffen voor niet-naleving
- Overzicht van toegankelijkheidsstandaarden (WCAG 2.1/2.2, ARIA)
- Categorieën van beperkingen
Module 2: Toegankelijkheidsprincipes & Richtlijnen
- POUR-principes (Perceerbaar, Bedienbaar, Begrijpelijk, Robuust)
- Inleiding tot WCAG-richtlijnen
- ARIA-rol, -staten en -eigenschappen
- Semantische HTML en haar rol in toegankelijkheid
Module 3: Een Toegankelijke Ontwikkelomgeving Instellen
- Tools: browser dev tools, screen readers (NVDA, VoiceOver), toegankelijkheidsextensies
- Linters en geautomatiseerde toegankelijkheidstesttools instellen
- Overzicht van veelgebruikte toegankelijkheidstesttools
- Toegankelijkheid testen op mobiele simulators en echte apparaten (met VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Module 4: Praktische Codering – Semantische HTML & Toetsenbordnavigatie
- Semantische markup voor toegankelijkheid schrijven
- Volledige toetsenbordnavigeerbaarheid waarborgen
- Focusbeheerstechnieken
- Formulieren en interactieve elementen toegankelijk maken
Toegankelijkheid in Native Mobiele Apps (Optioneel aanvullend module van 1,5 uur)
- Belangrijke platformrichtlijnen (Google Material, Apple Human Interface)
- Navigatie, knoppen en formulieren toegankelijk maken op mobiel
- Veelvoorkomende mobiele toegankelijkheidsproblemen en oplossingen
- Praktisch testen met VoiceOver en TalkBack
Geavanceerde Codering & Assistieve Technologieën
Module 5: Toegankelijke CSS en Visuele Ontwerp
- Best practices voor kleurcontrast en tekstgrootte
- Focusstijlen en zichtbare focusindicators
- Overwegingen voor responsief ontwerp in toegankelijkheid
- Toegankelijke valkuilen vermijden bij animaties en transities
- Richtlijnen voor kleurcontrast en grootte op mobiele schermen.
Module 6: ARIA voor Dynamische Inhoud & Rijke Internettoepassingen
- Wanneer en hoe ARIA-kenmerken te gebruiken zijn
- Live-regio's voor screen readers beheren
- Toegankelijke widgets en aangepaste componenten maken
- Rol van ARIA in SPA (Single Page Applications)
- Voor mobiel, bespreken we toegankelijkheidsrollen en labels op native platforms (bijvoorbeeld contentDescription in Android, accessibilityLabel in iOS).
Module 7: Hands-on Codelab: Toegankelijke Componenten Bouwen
- Toegankelijke knoppen, modals, dropdowns en tabs maken
- Toegankelijke formuliervalidatie en -foutebehandeling implementeren
- ARIA en semantische HTML gebruiken voor echte UI-componenten
Testen, Compliance en Continue Toegankelijkheid
Module 8: Toegankelijkheidstesten & -audits
- Handmatige testtechnieken met screen readers en alleen toetsenbord
- Geautomatiseerde testing met tools zoals axe, Lighthouse, pa11y
- Toegankelijkheidstestcases voor QA-teams schrijven
- Toegankelijkheidstesting integreren in CI/CD-pipelines
- Hoe toegankelijkheidsaudits uit te voeren op native mobiele apps (handmatige tests, geautomatiseerde tools zoals Accessibility Scanner, Espresso voor Android, XCTest voor iOS)
Module 9: Remediatie & Continue Toegankelijkheid
- Veelvoorkomende toegankelijkheidsproblemen en hoe ze te fixen zijn
- Toegankelijkheid beheren in legacy codebases
- Toegankelijkheid onderhouden tijdens feature-updates en refactoring
- Toegankelijkheid in multi-platform-apps (mobiel, desktop, web)
Module 10: Laatste Praktische Oefening en Afsluiting
- Een kleine app/module bouwen of herschrijven om aan toegankelijkheidseisen te voldoen
- Peerreview en groepsbespreking
- Q&A- en feedbacksessie
- Bronnen voor doorlopend leren en compliance-updates
Vereisten
- Basiskennis tot tusseniveau van HTML, CSS, JavaScript
- Basiskennis tot tusseniveau van mobiele app-technieken (Android, IOS)
- Kennis van front-end frameworks (React, Angular, Vue, etc.) is een voordeel
- Kennis van mobiele app-ontwikkeling is een voordeel
- Basiskennis van de levenscyclus van web/mobiele ontwikkeling
- Laptop met opgestelde ontwikkelomgeving (code editor, browser dev tools)
Doelgroep
- Frontend/Backend/Mobiele Ontwikkelaars
- UI/UX Designers met coderingkennis
- QA Engineers die zich richten op toegankelijkheidstesting
- Product Owners en Project Managers die betrokken zijn bij toegankelijkheidscumpliance
Getuigenissen (5)
"Ik heb de real-time aanpak die de trainer heeft gebruikt om te laten zien hoe ons team Human-Centered Design (HCD) kan toepassen op ons project, zeer gewaardeerd. Het was ook geweldig dat de trainer de tijd nam om een overzicht van ons project te krijgen, wat duidelijke en praktische richtlijnen heeft gegeven over hoe we onze aanpak voor zowel UX als UI kunnen verbeteren."
Nichole Bryant Joven - Grundfos
Cursus - Human-Centered Design (HCD)
Automatisch vertaald
Het feit dat er praktische voorbeelden bij de inhoud waren.
Smita Hanuman - Standard Bank of SA Ltd
Cursus - Basel III – Certified Basel Professional
Automatisch vertaald
Responsnijdheid en communicatie
Bader Bin rubayan - Lean Business Services
Cursus - ISO/IEC 27001 Lead Implementer
Automatisch vertaald
Zie de krachtige tools van Figma
Emile Ste-Marie - Loto-Quebec
Cursus - User Experience Design with Figma
Automatisch vertaald
- oefeningen zijn praktisch - trainer is behulpzaam bij het beantwoorden van onze specifieke vragen
Germaine Choi - The Hong Kong Jockey Club
Cursus - User Experience (UX) Design
Automatisch vertaald