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 Framework and Accessibility Basics
Module 1: Overview of the Accessibility Law and Its Significance
- Summary of the new Accessibility Law (commencing June 28)
- Legal obligations and regulatory deadlines
- Consequences for the public sector, private enterprises, and developers
- The value of accessibility: social, ethical, and commercial viewpoints
- Sanctions associated with non-compliance
- Introduction to accessibility standards (WCAG 2.1/2.2, ARIA)
- Different types of disabilities
Module 2: Core Accessibility Principles and Directives
- The 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 Setup
- Tools: browser developer tools, screen readers (NVDA, VoiceOver), and accessibility extensions
- Configuring linters and automated accessibility testing utilities
- Survey of standard accessibility testing tools
- Implementing accessibility testing on mobile simulators and physical devices (using VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector)
Module 4: Applied Coding – Semantic HTML and Keyboard Interaction
- Creating semantic markup for accessibility
- Guaranteeing complete keyboard navigability
- Techniques for managing focus
- Accessibly handling forms and interactive elements
Native Mobile App Accessibility (Optional additional module for 1.5 hour)
- Essential platform guidelines (Google Material, Apple Human Interface)
- Making navigation, buttons, and forms accessible on mobile devices
- Addressing common mobile accessibility challenges and their solutions
- Practical testing with VoiceOver and TalkBack
Advanced Coding and 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 issues in animations and transitions
- Color contrast and sizing standards for mobile screens
Module 6: ARIA for Dynamic Content and Rich Internet Applications
- Appropriateness and application of ARIA attributes
- Managing live regions for screen readers
- Developing accessible widgets and custom components
- The role of ARIA in SPA (Single Page Applications)
- For mobile platforms, discussing accessibility roles and labels in native environments (e.g., contentDescription in Android, accessibilityLabel in iOS)
Module 7: Practical Coding Lab: Constructing Accessible Components
- Building 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 Ongoing Accessibility
Module 8: Accessibility Testing and Auditing
- Manual testing techniques using screen readers and keyboard navigation
- Automated testing using tools like axe, Lighthouse, and pa11y
- Creating accessibility test cases for QA teams
- Incorporating 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 and Continuous Accessibility
- Identifying common accessibility issues and corrective measures
- Managing accessibility within legacy codebases
- Preserving accessibility during feature updates and refactoring
- Accessibility across multi-platform applications (mobile, desktop, web)
Module 10: Final Practical Exercise and Conclusion
- Developing or refactoring a small app/module to satisfy accessibility standards
- Peer review and group discussion
- Q&A and feedback session
- Resources for continued learning and compliance updates
Requirements
- Fundamental to intermediate proficiency in HTML, CSS, and JavaScript
- Basic to intermediate knowledge of mobile application techniques (Android, iOS)
- Proficiency with frontend frameworks (React, Angular, Vue, etc.) is advantageous
- Experience with mobile app development is beneficial
- General comprehension of the web and mobile development lifecycle
- A laptop equipped with a configured 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.
