Plan du cours
Day 1: Legal Context & Accessibility Fundamentals
Module 1: Introduction to the Accessibility Law and Its Importance
- Overview of the new Accessibility Law (effective June 28)
- Legal requirements and deadlines
- Impact on public sector, private companies, and developers
- Why accessibility matters: social, ethical, and business perspectives
- Penalties for non-compliance
- Overview of accessibility standards (WCAG 2.1/2.2, ARIA)
- Categories of disabilities
Module 2: Accessibility Principles & Guidelines
- POUR principles (Perceivable, Operable, Understandable, Robust)
- Introduction to WCAG guidelines
- ARIA roles, states, and properties
- Semantic HTML and its role in accessibility
Module 3: Setting Up an Accessible Development Environment
- Tools: browser dev tools, screen readers (NVDA, VoiceOver), accessibility extensions
- Setting up linters and automated accessibility testing tools
- Overview of common accessibility testing tools
- Setting up accessibility testing on mobile simulators and real devices (using VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Module 4: Practical Coding – Semantic HTML & Keyboard Navigation
- Writing semantic markup for accessibility
- Ensuring full keyboard navigability
- Focus management techniques
- Handling forms and interactive elements accessibly
Accessibility in Native Mobile Apps (Optional additional module for 1.5 hour)
- Key platform guidelines (Google Material, Apple Human Interface)
- Making navigation, buttons, forms accessible on mobile
- Common mobile accessibility issues and solutions
- Testing hands-on with VoiceOver and TalkBack
Day 2: Advanced Coding & Assistive Technologies
Module 5: Accessible CSS and Visual Design
- Color contrast and text size best practices
- Focus styles and visible focus indicators
- Responsive design considerations for accessibility
- Avoiding accessibility pitfalls in animations and transitions
- Color contrast and sizing guidelines for mobile screens.
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- When and how to use ARIA attributes
- Managing live regions for screen readers
- Creating accessible widgets and custom components
- Role of ARIA in SPA (Single Page Applications)
- For mobile, discuss accessibility roles and labels in native platforms (e.g. contentDescription in Android, accessibilityLabel in iOS).
Module 7: Hands-on Coding Lab: Building Accessible Components
- Create accessible buttons, modals, dropdowns, tabs
- Implement accessible form validation and error handling
- Use ARIA and semantic HTML for real-world UI components
Day 3: Testing, Compliance, and Continuous Accessibility
Module 8: Accessibility Testing & Auditing
- Manual testing techniques with screen readers and keyboard only
- Automated testing with tools like axe, Lighthouse, pa11y
- Writing accessibility test cases for QA teams
- Integrating accessibility testing in CI/CD pipelines
- How to run accessibility audits on native mobile apps (manual tests, automated tools like Accessibility Scanner, Espresso for Android, XCTest for iOS)
Module 9: Remediation & Continuous Accessibility
- Common accessibility issues and how to fix them
- Managing accessibility in legacy codebases
- Maintaining accessibility during feature updates and refactoring
- Accessibility in multi-platform apps (mobile, desktop, web)
Module 10: Final Practical Exercise and Wrap-up
- Build or refactor a small app/module to meet accessibility standards
- Peer review and group discussion
- Q&A and feedback session
- Resources for ongoing learning and compliance updates
Pré requis
- Basic to intermediate knowledge of HTML, CSS, JavaScript
- Basic to intermedia knowledge of mobile app techniques (Android, IOS)
- Familiarity with frontend frameworks (React, Angular, Vue, etc.) is a plus
- Familiarity with mobile app development is a plus
- Basic understanding of web/mobile development lifecycle
- Laptop with development environment setup (code editor, browser dev tools)
Audience - Frontend/Backend/Mobile Developers
- UI/UX Designers with coding knowledge
- QA Engineers focusing on accessibility testing
- Product Owners and Project Managers involved in accessibility compliance
Nos clients témoignent (5)
Le fait qu'il y avait des exemples pratiques avec le contenu
Smita Hanuman - Standard Bank of SA Ltd
Formation - Basel III – Certified Basel Professional
Traduction automatique
Voir les outils puissants de Figma
Emile Ste-Marie - Loto-Quebec
Formation - User Experience Design with Figma
- les exercices sont pratiques - le formateur est utile pour répondre à nos questions spécifiques
Germaine Choi - The Hong Kong Jockey Club
Formation - User Experience (UX) Design
Traduction automatique
Atmosphère, approche des exercices et commentaires sur les tâches. C'était une façon si agréable et détendue de transmettre les connaissances.
Elzbieta Moc-Kilanska - EY GDS
Formation - User Experience UX Design Fundamentals
Traduction automatique
Le formateur était extrêmement clair et concis. Très facile à comprendre et à assimiler les informations.
Paul Clancy - Rowan Dartington
Formation - CGEIT – Certified in the Governance of Enterprise IT
Traduction automatique