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
Legal Context & Accessibility Fundamentals
Module 1: Overview of the Accessibility Law and Its Significance
- Summary of the new Accessibility Law (commencing June 28)
- Statutory requirements and adherence deadlines
- Consequences for the public sector, private enterprises, and developers
- The value of accessibility: social, ethical, and commercial viewpoints
- Sanctions for non-compliance
- Summary of accessibility standards (WCAG 2.1/2.2, ARIA)
- Types of disabilities
Module 2: Core Accessibility Principles & Guidelines
- POUR principles (Perceivable, Operable, Understandable, Robust)
- Fundamentals of WCAG guidelines
- ARIA roles, states, and properties
- The function of Semantic HTML in accessibility
Module 3: Configuring an Accessible Development Environment
- Tools: browser developer tools, screen readers (NVDA, VoiceOver), accessibility extensions
- Configuration of linters and automated accessibility testing utilities
- Review of prevalent accessibility testing instruments
- Establishing accessibility testing on mobile simulators and physical devices (utilising VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Module 4: Practical Coding – Semantic HTML & Keyboard Navigation
- Composing semantic markup for accessibility
- Guaranteeing complete keyboard navigability
- Methods for managing focus
- Handling forms and interactive elements in an accessible manner
Accessibility in Native Mobile Apps (Optional extra module for 1.5 hours)
- Key platform directives (Google Material, Apple Human Interface)
- Ensuring accessibility for navigation, buttons, and forms on mobile
- Typical mobile accessibility challenges and remedies
- 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
- Focus styles and distinct focus indicators
- Responsive design considerations for accessibility
- Preventing accessibility issues in animations and transitions
- Color contrast and sizing recommendations for mobile displays.
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- When and how to apply ARIA attributes
- Managing live regions for screen readers
- Developing accessible widgets and custom components
- The role of ARIA in SPAs (Single Page Applications)
- For mobile, explore accessibility roles and labels in native platforms (e.g. contentDescription in Android, accessibilityLabel in iOS).
Module 7: Practical Coding Lab: Constructing 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 methods using screen readers and keyboard only
- Automated testing via tools like 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 such as Accessibility Scanner, Espresso for Android, XCTest for iOS)
Module 9: Remediation & Continuous Accessibility
- Typical accessibility issues and correction strategies
- Managing accessibility within legacy codebases
- Sustaining accessibility during feature updates and refactoring
- Accessibility in multi-platform apps (mobile, desktop, web)
Module 10: Final Practical Exercise and Conclusion
- Develop or refactor a small app/module to satisfy accessibility standards
- Peer evaluation and group discussion
- Q&A and feedback session
- Resources for continued learning and compliance updates
Requirements
- Foundational to intermediate proficiency in HTML, CSS, and JavaScript
- Basic to intermediate understanding of mobile application techniques (Android, iOS)
- Experience with frontend frameworks (React, Angular, Vue, etc.) is advantageous
- Background in mobile app development is beneficial
- Fundamental 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
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.
