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 (taking effect June 28).
- Specific legal requirements and key deadlines.
- Implications for public sector entities, private corporations, and developers.
- The value of accessibility from social, ethical, and business viewpoints.
- Consequences and penalties 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.
- Understanding ARIA roles, states, and properties.
- The function of Semantic HTML in enhancing accessibility.
Module 3: Configuring an Accessible Development Environment
- Essential tools: browser developer tools, screen readers (NVDA, VoiceOver), and accessibility extensions.
- Configuration of linters and automated accessibility testing utilities.
- Review of widely used accessibility testing tools.
- Establishing accessibility testing protocols 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 optimal accessibility.
- Ensuring complete keyboard navigability.
- Techniques for effective focus management.
- Accessible handling of 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 accessibility for navigation, buttons, and forms on mobile devices.
- Identifying common mobile accessibility challenges and their solutions.
- Practical testing using VoiceOver and TalkBack.
Advanced Coding & 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 specific to accessibility.
- Preventing accessibility issues in animations and transitions.
- Color contrast and sizing guidelines tailored for mobile screens.
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- Best practices for using ARIA attributes: when and how to apply them.
- Managing live regions for screen reader compatibility.
- Developing accessible widgets and custom components.
- The role of ARIA in Single Page Applications (SPAs).
- 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 handling.
- Applying ARIA and semantic HTML to real-world UI components.
Testing, Compliance, and Continuous Accessibility
Module 8: Accessibility Testing & Auditing
- Manual testing techniques utilizing screen readers and keyboard-only navigation.
- Automated testing using tools such as axe, Lighthouse, and pa11y.
- Developing 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 implementing fixes.
- Managing accessibility within legacy codebases.
- Maintaining accessibility standards during feature updates and refactoring.
- Ensuring accessibility across multi-platform applications (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 sessions.
- Q&A and feedback collection.
- Resources for continued learning and compliance updates.
Requirements
- Fundamental to intermediate proficiency in HTML, CSS, and JavaScript.
- Basic to intermediate knowledge of mobile app development techniques (Android, iOS).
- Experience with frontend frameworks (such as React, Angular, or Vue) is advantageous.
- Background in mobile app development is beneficial.
- A solid grasp of the web/mobile development lifecycle.
- A laptop equipped with a configured development environment (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 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.
