Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Duration 21 hours
Course Outline
Regulatory Framework & Core Accessibility Concepts
Module 1: Understanding the Accessibility Act and Its Strategic Value
- Comprehensive overview of the new Accessibility Act (effective June 28).
- Specific legal obligations and implementation timelines.
- Consequences for the public sector, private enterprises, and development teams.
- The business case for accessibility: social, ethical, and commercial perspectives.
- Financial and legal penalties associated with non-compliance.
- Introduction to key accessibility standards (WCAG 2.1/2.2, ARIA).
- Classification of various types of disabilities.
Module 2: Core Accessibility Principles & Guidelines
- The POUR framework (Perceivable, Operable, Understandable, Robust).
- Deep dive into WCAG guidelines.
- ARIA roles, states, and associated properties.
- The critical role of semantic HTML in enhancing accessibility.
Module 3: Configuring an Accessible Development Environment
- Essential tooling: browser dev tools, screen readers (NVDA, VoiceOver), and accessibility extensions.
- Integrating linters and automated accessibility testing solutions.
- Survey of leading accessibility testing tools.
- Establishing accessibility testing protocols on mobile simulators and physical devices (utilizing VoiceOver/TalkBack, Android Accessibility Scanner, and Xcode Accessibility Inspector).
Module 4: Practical Implementation – Semantic HTML & Keyboard Navigation
- Crafting semantic markup optimized for accessibility.
- Ensuring complete keyboard navigability across interfaces.
- Advanced focus management techniques.
- Building accessible forms and interactive elements.
Accessibility in Native Mobile Apps (Optional Extended Module: 1.5 hours)
- Key platform-specific guidelines (Google Material, Apple Human Interface).
- Ensuring accessibility for navigation, buttons, and forms on mobile devices.
- Identifying common mobile accessibility challenges and effective solutions.
- Practical testing sessions using VoiceOver and TalkBack.
Advanced Coding & Integration of Assistive Technologies
Module 5: Accessible CSS & Visual Design Strategies
- Best practices for color contrast and text sizing.
- Defining focus styles and visible focus indicators.
- Responsive design considerations specific to accessibility.
- Avoiding common pitfalls in animations and transitions.
- Color contrast and sizing guidelines tailored for mobile screens.
Module 6: ARIA for Dynamic Content & Rich Applications
- Strategies for when and how to apply ARIA attributes effectively.
- Managing live regions for screen reader users.
- Developing accessible custom widgets and components.
- The role of ARIA in Single Page Applications (SPAs).
- Native platform accessibility roles and labels (e.g., contentDescription in Android, accessibilityLabel in iOS).
Module 7: Live Coding Lab: Constructing Accessible Components
- Building accessible buttons, modals, dropdowns, and tabs.
- Implementing robust accessible form validation and error handling.
- Applying ARIA and semantic HTML to real-world UI scenarios.
Testing, Compliance Assurance, & Continuous Accessibility
Module 8: Accessibility Testing & Audit Methodologies
- Manual testing techniques utilizing screen readers and keyboard-only navigation.
- Automated testing using tools such as axe, Lighthouse, and pa11y.
- Authoring effective accessibility test cases for QA teams.
- Integrating accessibility checks into CI/CD pipelines.
- Conducting accessibility audits on native mobile apps (manual testing, automated tools like Accessibility Scanner, Espresso for Android, and XCTest for iOS).
Module 9: Remediation & Sustaining Accessibility
- Diagnosing common accessibility issues and implementing fixes.
- Managing accessibility within legacy codebases.
- Maintaining accessibility standards during feature updates and refactoring.
- Ensuring consistency across multi-platform apps (mobile, desktop, web).
Module 10: Final Practical Exercise & Course Wrap-up
- Developing or refactoring a small application/module to meet accessibility standards.
- Peer review sessions and collaborative group discussions.
- Q&A and structured feedback session.
- Curated resources for continuous learning and tracking compliance updates.
Requirements
- Fundamental to intermediate proficiency in HTML, CSS, and JavaScript.
- Core understanding of mobile application development techniques (Android, iOS).
- Experience with frontend frameworks such as React, Angular, or Vue is highly beneficial.
- Background in mobile app development workflows is an advantage.
- A basic grasp of the web and mobile development lifecycle.
- A personal laptop configured with a suitable development environment, including a code editor and browser developer tools.
Target Audience
- Frontend, Backend, and Mobile Developers.
- UI/UX Designers with coding capabilities.
- QA Engineers specializing in accessibility validation.
- Product Owners and Project Managers responsible for accessibility compliance.
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.
