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: Introduction to the Accessibility Law and Its Importance
- Overview of the new Accessibility Law (effective from 28 June)
- Specific legal requirements and compliance deadlines
- Impact on the public sector, private enterprises, and individual developers
- The importance of accessibility from social, ethical, and business perspectives
- Consequences and penalties for non-compliance
- Overview of key accessibility standards (WCAG 2.1/2.2, ARIA)
- Categorisation of different types of disabilities
Module 2: Accessibility Principles & Guidelines
- The POUR principles (Perceivable, Operable, Understandable, Robust)
- An introduction to WCAG guidelines
- Understanding ARIA roles, states, and properties
- The role of Semantic HTML in ensuring accessibility
Module 3: Setting Up an Accessible Development Environment
- Essential tools: browser dev tools, screen readers (NVDA, VoiceOver), and accessibility extensions
- Configuring linters and automated accessibility testing tools
- Survey of common accessibility testing utilities
- Establishing accessibility testing workflows on mobile simulators and physical devices (utilising VoiceOver/TalkBack, Android Accessibility Scanner, and Xcode Accessibility Inspector).
Module 4: Practical Coding – Semantic HTML & Keyboard Navigation
- Writing semantic markup to enhance accessibility
- Ensuring complete keyboard navigability
- Techniques for effective focus management
- Handling forms and interactive elements in an accessible manner
Accessibility in Native Mobile Apps (Optional additional module for 1.5 hours)
- Key platform guidelines (Google Material, Apple Human Interface)
- Rendering navigation, buttons, and forms accessible on mobile devices
- 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 colour contrast and text sizing
- Implementing focus styles and visible focus indicators
- Responsive design considerations for accessibility
- Avoiding accessibility pitfalls in animations and transitions
- Guidelines for colour contrast and sizing on mobile screens.
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- Determining when and how to apply ARIA attributes
- Managing live regions for screen reader users
- Creating accessible widgets and custom components
- The role of ARIA in SPAs (Single Page Applications)
- For mobile development, 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
- Utilising ARIA and semantic HTML for real-world UI components
Testing, Compliance, and Continuous Accessibility
Module 8: Accessibility Testing & Auditing
- Manual testing techniques using screen readers and keyboard-only navigation
- Automated testing with tools such as axe, Lighthouse, and pa11y
- Developing accessibility test cases for QA teams
- Integrating accessibility testing into CI/CD pipelines
- Conducting accessibility audits on native mobile apps (manual testing and automated tools like Accessibility Scanner, Espresso for Android, and XCTest for iOS)
Module 9: Remediation & Continuous Accessibility
- Identifying common accessibility issues and remediation strategies
- Managing accessibility within legacy codebases
- Maintaining accessibility standards during feature updates and refactoring
- Ensuring accessibility across multi-platform apps (mobile, desktop, and web)
Module 10: Final Practical Exercise and Wrap-up
- Building or refactoring a small application/module to meet accessibility standards
- Peer review and group discussion sessions
- Q&A and feedback exchange
- Resources for continuous learning and staying updated on compliance changes
Requirements
- Foundational to intermediate proficiency in HTML, CSS, and JavaScript
- Basic to intermediate knowledge of mobile app development techniques (Android, iOS)
- Familiarity with front-end frameworks (such as React, Angular, Vue) is beneficial
- Experience with mobile app development is advantageous
- A basic understanding of the web/mobile development lifecycle
- A laptop configured with a development environment (code editor, browser dev tools)
Target Audience
- Front-end, Back-end, and Mobile Developers
- UI/UX Designers with coding capabilities
- QA Engineers specialising 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.
