Course Outline
Legal Context & Accessibility Fundamentals
Module 1: Introduction to the Accessibility Law and Its Importance
- Overview of the new Accessibility Law (effective 28 June)
- Legal requirements and deadlines
- Impact on the 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 developer tools, screen readers (NVDA, VoiceOver), and 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 hours)
- Key platform guidelines (Google Material, Apple Human Interface)
- Making navigation, buttons, and forms accessible on mobile
- Common mobile accessibility issues and solutions
- Hands-on testing with VoiceOver and TalkBack
Advanced Coding & Assistive Technologies
Module 5: Accessible CSS and Visual Design
- Best practices for colour contrast and text size
- Focus styles and visible focus indicators
- Responsive design considerations for accessibility
- Avoiding accessibility pitfalls in animations and transitions
- Colour 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
- The role of ARIA in SPAs (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, and tabs
- Implement accessible form validation and error handling
- Use 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
- Automated testing with tools such as axe, Lighthouse, and pa11y
- Writing accessibility test cases for QA teams
- Integrating accessibility testing into 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
Requirements
- Basic to intermediate knowledge of HTML, CSS, and JavaScript
- Basic to intermediate knowledge of mobile app development 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 the web/mobile development lifecycle
- Laptop with a development environment set up (code editor, browser developer tools)
Audience
- Frontend, Backend, and Mobile Developers
- UI/UX Designers with coding knowledge
- QA Engineers specialising in accessibility testing
- Product Owners and Project Managers involved in accessibility compliance
Testimonials (3)
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.
Ahmed Nazeem - Maldives Pension Administration Office
Course - Multimodal AI for Enhanced User Experience
“I really appreciated the real-time approach the trainer used to show how our team can apply Human-Centered Design (HCD) to our project. It was also great that the trainer took the time to understand our project at a high level, which helped provide clear and practical guidance on how we can better approach both UX and UI.