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
- Overview of the new Accessibility Law (effective June 28)
- Specific legal requirements and deadlines
- Impact on the public sector, private enterprises, and developers
- The importance of accessibility: social, ethical, and business perspectives
- Consequences and 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 function in accessibility
Module 3: Establishing an Accessible Development Environment
- Tools: browser dev tools, screen readers (NVDA, VoiceOver), and accessibility extensions
- Configuring linters and automated accessibility testing utilities
- Overview of prevalent accessibility testing tools
- Setting up accessibility testing on mobile simulators and physical devices (using VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Module 4: Practical Coding – Semantic HTML & Keyboard Navigation
- Writing semantic markup optimized for accessibility
- Ensuring complete keyboard navigability
- Focus management techniques
- Accessibly handling forms and interactive elements
Accessibility in Native Mobile Apps (Optional additional module for 1.5 hour)
- Key platform guidelines (Google Material, Apple Human Interface)
- Ensuring navigation, buttons, and forms are accessible on mobile
- Common mobile accessibility challenges and resolutions
- 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 size
- 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
- When and how to deploy ARIA attributes
- Managing live regions for screen readers
- Creating accessible widgets and custom components
- The role of ARIA in SPA (Single Page Applications)
- For mobile, covering 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
- Utilizing 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 using tools such as 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 like Accessibility Scanner, Espresso for Android, XCTest for iOS)
Module 9: Remediation & Continuous Accessibility
- Identifying common accessibility issues and strategies for remediation
- Managing accessibility within 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
- Building or refactoring 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
- Fundamental to intermediate proficiency in HTML, CSS, and JavaScript
- Basic to intermediate knowledge of mobile app techniques (Android, IOS)
- Experience with frontend frameworks (React, Angular, Vue, etc.) is advantageous
- Familiarity with mobile app development is a benefit
- A foundational understanding of the web/mobile development lifecycle
- A laptop configured with a development environment (code editor, browser dev tools)
Target Audience
- Frontend, Backend, and Mobile Developers
- UI/UX Designers possessing coding knowledge
- QA Engineers specializing in accessibility testing
- Product Owners and Project Managers involved in 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.