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 Significance
- Summary of the new Accessibility Law (effective June 28)
- Legal obligations and compliance deadlines
- Consequences for the public sector, private enterprises, and developers
- The value of accessibility: social, ethical, and business perspectives
- Penalties associated with non-compliance
- Introduction to 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
- The role of Semantic HTML in accessibility
Module 3: Configuring an Accessible Development Environment
- Tools: Browser developer tools, screen readers (NVDA, VoiceOver), and accessibility extensions
- Implementing linters and automated accessibility testing tools
- Survey of common accessibility testing instruments
- Setting up accessibility testing on mobile simulators and physical devices (utilizing VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Module 4: Practical Coding – Semantic HTML & Keyboard Navigation
- Creating semantic markup for accessibility
- Ensuring complete keyboard navigability
- Techniques for managing focus
- Handling forms and interactive elements with accessibility in mind
Accessibility in Native Mobile Apps (Optional additional module for 1.5 hours)
- Core platform guidelines (Google Material, Apple Human Interface)
- Enabling accessibility for navigation, buttons, and forms on mobile
- Addressing common mobile accessibility challenges and solutions
- Hands-on testing with 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 visible focus indicators
- Responsive design considerations for accessibility
- Avoiding accessibility pitfalls in animations and transitions
- Color contrast and sizing guidelines for mobile screens.
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- Timing and methodology for using ARIA attributes
- Managing live regions for screen reader compatibility
- Developing accessible widgets and custom components
- The role of ARIA in SPA (Single Page Applications)
- For mobile, examining accessibility roles and labels on native platforms (e.g., contentDescription in Android, accessibilityLabel in iOS).
Module 7: Hands-on Coding Lab: Building Accessible Components
- Developing 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 utilizing screen readers and keyboard-only navigation
- Automated testing with tools such as axe, Lighthouse, and pa11y
- Authoring 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 strategies for resolution
- Managing accessibility within legacy codebases
- Preserving 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 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
- Familiarity with mobile app development processes is beneficial
- A basic 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)
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.
