Course Outline
Legal Context & Accessibility Fundamentals
Module 1: Introduction to the Accessibility Law and Its Importance
- Overview of the new Accessibility Law (effective June 28)
- Specific legal requirements and compliance deadlines
- Implications for public sector entities, private corporations, and developers
- The value of accessibility from social, ethical, and business perspectives
- Consequences and penalties for non-compliance
- Summary of accessibility standards (WCAG 2.1/2.2, ARIA)
- Categories of disabilities
Module 2: Accessibility Principles & Guidelines
- The POUR principles (Perceivable, Operable, Understandable, Robust)
- Introduction to WCAG guidelines
- ARIA roles, states, and properties
- The role of Semantic HTML in accessibility
Module 3: Configuring an Accessible Development Environment
- Essential tools: browser dev tools, screen readers (NVDA, VoiceOver), and accessibility extensions
- Configuration of linters and automated accessibility testing tools
- Survey of common accessibility testing solutions
- Setting up accessibility testing on mobile simulators and physical devices (using VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Module 4: Practical Coding – Semantic HTML & Keyboard Navigation
- Writing semantic markup optimized for accessibility
- Ensuring complete keyboard navigability
- Techniques for effective focus management
- Handling forms and interactive elements with accessibility in mind
Accessibility in Native Mobile Apps (Optional additional module for 1.5 hour)
- Key platform guidelines (Google Material, Apple Human Interface)
- Ensuring navigation, buttons, and forms are accessible on mobile
- Identifying common mobile accessibility issues and their solutions
- Practical testing using VoiceOver and TalkBack
Advanced Coding & Assistive Technologies
Module 5: Accessible CSS and Visual Design
- Best practices for color contrast and text sizing
- Implementing focus styles and visible focus indicators
- Responsive design considerations for accessibility
- Avoiding common accessibility pitfalls in animations and transitions
- Guidelines for color contrast and sizing on mobile screens.
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- Strategies for when and how to apply ARIA attributes
- Managing live regions for screen reader compatibility
- Building accessible widgets and custom components
- The role of ARIA in Single Page Applications (SPA)
- For mobile, discussing accessibility roles and labels in native platforms (e.g. contentDescription in Android, accessibilityLabel in iOS).
Module 7: Hands-on Coding Lab: Building Accessible Components
- Creating accessible buttons, modals, dropdowns, and tabs
- Implementing accessible form validation and error handling
- Applying ARIA and semantic HTML to real-world UI components
Testing, Compliance, and Continuous Accessibility
Module 8: Accessibility Testing & Auditing
- Manual testing techniques using screen readers and keyboard navigation
- Automated testing using tools such as axe, Lighthouse, and pa11y
- Formulating accessibility test cases for QA teams
- Integrating accessibility testing into CI/CD pipelines
- Conducting accessibility audits on native mobile apps (manual tests, automated tools like Accessibility Scanner, Espresso for Android, XCTest for iOS)
Module 9: Remediation & Continuous Accessibility
- Identifying common accessibility issues and remediation strategies
- Managing accessibility within legacy codebases
- Maintaining accessibility during feature updates and refactoring
- Ensuring accessibility across multi-platform apps (mobile, desktop, web)
Module 10: Final Practical Exercise and Wrap-up
- Building or refactoring 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
Requirements
- Foundational to intermediate proficiency in HTML, CSS, and JavaScript
- Basic to intermediate understanding of mobile app techniques (Android, iOS)
- Working familiarity with frontend frameworks (React, Angular, Vue, etc.) is advantageous
- Experience with mobile app development is beneficial
- A foundational grasp of the web/mobile development lifecycle
- A laptop configured with a development environment (code editor, browser developer tools)
Target Audience
- Frontend, Backend, and Mobile Developers
- UI/UX Designers with coding capabilities
- QA Engineers specializing in accessibility testing
- Product Owners and Project Managers responsible for accessibility compliance
Custom Corporate Training
Training solutions designed exclusively for businesses.
- Customized Content: We adapt the syllabus and practical exercises to the real goals and needs of your project.
- Flexible Schedule: Dates and times adapted to your team's agenda.
- Format: Online (live), In-company (at your offices), or Hybrid.
Price per private group, online live training, starting from 3900 € + VAT*
Contact us for an exact quote and to hear our latest promotions
Testimonials (3)
Bearing in mind what to take into consideration when I design process flows, to ensure the UX will benefit or become easy to implement.
Lineo Nchaba - Revenue Services Lesotho
Course - User Experience (UX) Design
Experimenting with tools
Nuwan Gunaratne - AZQORE
Course - User Experience Design with Figma
Our trainer, Yashank, was incredibly knowledgeable. He modified the curriculum to match what we truly needed to learn, and we had a great learning experience with him. His understanding of the domain he was teaching was impressive; he shared insights from real experience and helped us solve actual problems we were facing in our work.