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 & Core Accessibility Concepts
Module 1: Overview of the Accessibility Law and Its Relevance
- Summary of the new Accessibility Law (commencing June 28)
- Specific legal obligations and compliance deadlines
- Implications for the public sector, private enterprises, and individual developers
- The value of accessibility from social, ethical, and commercial standpoints
- Consequences and penalties for failing to comply
- Introduction to key accessibility standards (WCAG 2.1/2.2, ARIA)
- Understanding various categories of disabilities
Module 2: Core Accessibility Principles & Guidelines
- The POUR framework (Perceivable, Operable, Understandable, Robust)
- Fundamentals of WCAG guidelines
- Understanding ARIA roles, states, and properties
- The critical role of semantic HTML in accessibility
Module 3: Configuring an Accessible Development Workspace
- Essential tools: browser dev tools, screen readers (NVDA, VoiceOver), and accessibility extensions
- Configuring linters and automated accessibility testing solutions
- Survey of prevalent accessibility testing utilities
- Establishing accessibility testing on mobile simulators and physical devices (utilizing VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector)
Module 4: Practical Application – Semantic HTML & Keyboard Navigation
- Crafting semantic markup for optimal accessibility
- Ensuring comprehensive keyboard navigability
- Techniques for effective focus management
- Building accessible forms and interactive elements
Accessibility in Native Mobile Apps (Optional extension, 1.5 hours)
- Key platform-specific guidelines (Google Material, Apple Human Interface)
- Enhancing accessibility for navigation, buttons, and forms on mobile
- Addressing common mobile accessibility challenges and solutions
- Practical testing using VoiceOver and TalkBack
Advanced Implementation & Assistive Technologies
Module 5: Accessible CSS and Visual Design
- Best practices for color contrast and text sizing
- Implementing focus styles and clear focus indicators
- Responsive design considerations for accessibility
- Preventing accessibility issues in animations and transitions
- Guidelines for color contrast and sizing optimized for mobile screens
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- Strategic use of ARIA attributes: when and how
- Managing live regions for screen reader users
- Developing accessible widgets and custom components
- The role of ARIA in Single Page Applications (SPAs)
- Exploring accessibility roles and labels in native mobile platforms (e.g., contentDescription in Android, accessibilityLabel in iOS)
Module 7: Practical Lab: Developing Accessible Components
- Constructing accessible buttons, modals, dropdowns, and tabs
- Implementing robust accessible form validation and error handling
- Applying ARIA and semantic HTML to real-world UI components
Quality Assurance, Compliance, & Ongoing Accessibility
Module 8: Testing & Auditing Accessibility
- Manual testing methods using screen readers and keyboard-only navigation
- Automated testing with tools such as axe, Lighthouse, and pa11y
- Formulating accessibility test cases for QA teams
- Incorporating accessibility testing into CI/CD pipelines
- Conducting accessibility audits on native mobile apps (manual verification, automated tools like Accessibility Scanner, Espresso for Android, XCTest for iOS)
Module 9: Remediation & Sustained Accessibility
- Identifying and resolving common accessibility defects
- Managing accessibility within legacy codebases
- Preserving accessibility during feature updates and refactoring
- Ensuring consistency across multi-platform applications (mobile, desktop, web)
Module 10: Final Practical Assessment and Conclusion
- Develop or refactor a small application/module to satisfy accessibility standards
- Collaborative peer review and group discussion
- Q&A session and feedback exchange
- Curated resources for continued learning and compliance tracking
Requirements
- Foundational to intermediate proficiency in HTML, CSS, and JavaScript
- Basic to intermediate understanding of mobile application techniques (Android, iOS)
- Working knowledge of 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 (including a code editor and 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 compliance oversight
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.
