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)
- Regulatory requirements and key deadlines
- Consequences for public sector entities, private firms, and developers
- The importance of accessibility: social, ethical, and business viewpoints
- Sanctions associated with non-compliance
- Overview of key accessibility standards (WCAG 2.1/2.2, ARIA)
- Classification of different disability categories
Module 2: Accessibility Principles & Guidelines
- The POUR principles (Perceivable, Operable, Understandable, Robust)
- Fundamentals of WCAG guidelines
- ARIA roles, states, and properties
- The function of Semantic HTML in ensuring accessibility
Module 3: Configuring an Accessible Development Environment
- Tools: browser dev tools, screen readers (NVDA, VoiceOver), and accessibility extensions
- Installation of linters and automated accessibility testing utilities
- Survey of popular accessibility testing tools
- Setup of 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 enhanced accessibility
- Ensuring complete keyboard navigability
- Strategies for focus management
- Managing forms and interactive elements in an accessible manner
Accessibility in Native Mobile Apps (Optional additional module for 1.5 hour)
- Essential platform guidelines (Google Material, Apple Human Interface)
- Ensuring accessibility for navigation, buttons, and forms on mobile devices
- Common mobile accessibility challenges and their resolutions
- 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
- Responsive design strategies considering accessibility
- Preventing accessibility issues in animations and transitions
- Color contrast and sizing recommendations for mobile displays.
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- Appropriate timing and methods for using ARIA attributes
- Managing live regions for screen reader users
- Developing accessible widgets and custom components
- The function of ARIA in Single Page Applications (SPA)
- For mobile, exploration of accessibility roles and labels in native platforms (e.g., contentDescription in Android, accessibilityLabel in iOS).
Module 7: Hands-on Coding Lab: Building Accessible Components
- Creation of accessible buttons, modals, dropdowns, and tabs
- Implementation of accessible form validation and error handling
- Application of ARIA and semantic HTML for real-world UI components
Testing, Compliance, and Continuous Accessibility
Module 8: Accessibility Testing & Auditing
- Manual testing methodologies 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 tests, automated tools like Accessibility Scanner, Espresso for Android, XCTest for iOS)
Module 9: Remediation & Continuous Accessibility
- Identification of common accessibility issues and their fixes
- Managing accessibility within legacy codebases
- Sustaining accessibility during feature updates and code refactoring
- Accessibility considerations in multi-platform apps (mobile, desktop, web)
Module 10: Final Practical Exercise and Wrap-up
- Building or refactoring a small app/module to satisfy accessibility standards
- Peer review and collaborative group discussion
- Q&A and feedback session
- Resources for continued learning and staying updated on compliance
Requirements
- Fundamental to intermediate proficiency in HTML, CSS, and JavaScript
- Basic to intermediate understanding of mobile app development techniques (Android, iOS)
- Experience with frontend frameworks (such as React, Angular, Vue) is advantageous
- Background in mobile app development is a plus
- Basic grasp of the web and 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 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.
