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 Importance
- Summary of the new Accessibility Law (effective June 28)
- Key legal requirements and compliance deadlines
- Effects on the public sector, private enterprises, and development teams
- The significance of accessibility from social, ethical, and commercial standpoints
- Consequences of non-compliance
- Introduction to accessibility standards (WCAG 2.1/2.2, ARIA)
- Classification of various types of disabilities
Module 2: Accessibility Principles & Guidelines
- The POUR principles (Perceivable, Operable, Understandable, Robust)
- Overview of WCAG guidelines
- ARIA roles, states, and properties
- The function of semantic HTML in enhancing accessibility
Module 3: Setting Up an Accessible Development Environment
- Essential tools: browser developer tools, screen readers (NVDA, VoiceOver), and accessibility extensions
- Configuring linters and automated accessibility testing utilities
- Survey of common accessibility testing applications
- Establishing accessibility tests on mobile simulators and physical devices (utilizing VoiceOver/TalkBack, Android Accessibility Scanner, and Xcode Accessibility Inspector)
Module 4: Practical Coding – Semantic HTML & Keyboard Navigation
- Crafting semantic markup for accessibility
- Guaranteeing complete keyboard navigability
- Techniques for effective focus management
- Managing forms and interactive elements with accessibility in mind
Accessibility in Native Mobile Apps (Optional additional module for 1.5 hour)
- Core platform guidelines (Google Material, Apple Human Interface)
- Ensuring accessibility for navigation, buttons, and forms on mobile devices
- Addressing frequent mobile accessibility challenges and their solutions
- Practical testing with VoiceOver and TalkBack
Advanced Coding & Assistive Technologies
Module 5: Accessible CSS and Visual Design
- Best practices for color contrast and text sizing
- Defining focus styles and visible focus indicators
- Considerations for responsive design to support accessibility
- Preventing accessibility issues in animations and transitions
- Guidelines for color contrast and sizing on mobile displays
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- Determining when and how to apply ARIA attributes
- Managing live regions for screen reader users
- Developing accessible widgets and custom components
- The role of ARIA in Single Page Applications (SPA)
- Discussing accessibility roles and labels in native mobile 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 management
- Applying ARIA and semantic HTML to real-world UI components
Testing, Compliance, and Continuous Accessibility
Module 8: Accessibility Testing & Auditing
- Manual testing techniques using screen readers and keyboard navigation
- Automated testing using tools such as axe, Lighthouse, and pa11y
- Developing accessibility test cases for QA teams
- Incorporating accessibility testing into CI/CD pipelines
- Conducting accessibility audits for native mobile apps (manual tests and automated tools like Accessibility Scanner, Espresso for Android, and XCTest for iOS)
Module 9: Remediation & Continuous Accessibility
- Identifying common accessibility issues and methods for resolution
- Managing accessibility within legacy codebases
- Preserving accessibility during feature updates and code refactoring
- Ensuring accessibility across multi-platform apps (mobile, desktop, and web)
Module 10: Final Practical Exercise and Wrap-up
- Constructing or refactoring a small app/module to satisfy accessibility standards
- Peer review and group discussion
- Q&A and feedback session
- Resources for continuous learning and staying updated on compliance
Requirements
- Fundamental to intermediate proficiency in HTML, CSS, and JavaScript
- Basic to intermediate understanding of mobile application techniques (Android, iOS)
- Knowledge of frontend frameworks (such as React, Angular, or Vue) is advantageous
- Experience with mobile app development is a plus
- A general grasp of the web/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 involved in ensuring 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.
