Course Outline
Legal Context & Accessibility Fundamentals
Module 1: Introduction to the Accessibility Law and Its Importance
- Overview of the new Accessibility Law (effective June 28)
- Legal requirements and deadlines for government agencies, private companies, and developers
- Impact on public sector operations, governance, and accountability
- Why accessibility matters: social, ethical, and business perspectives
- Penalties for non-compliance in the public and private sectors
- Overview of accessibility standards (WCAG 2.1/2.2, ARIA)
- Categories of disabilities and their implications for government services
Module 2: Accessibility Principles & Guidelines
- POUR principles (Perceivable, Operable, Understandable, Robust)
- Introduction to WCAG guidelines for government websites and applications
- ARIA roles, states, and properties in government digital services
- Semantic HTML and its role in enhancing accessibility for government content
Module 3: Setting Up an Accessible Development Environment
- Tools: browser dev tools, screen readers (NVDA, VoiceOver), accessibility extensions for government use
- Setting up linters and automated accessibility testing tools in government projects
- Overview of common accessibility testing tools used by government agencies
- Setting up accessibility testing on mobile simulators and real devices (using VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector) for government applications
Module 4: Practical Coding – Semantic HTML & Keyboard Navigation
- Writing semantic markup for accessibility in government websites
- Ensuring full keyboard navigability in government digital interfaces
- Focus management techniques for government applications
- Handling forms and interactive elements accessibly for government services
Accessibility in Native Mobile Apps (Optional additional module for 1.5 hours)
- Key platform guidelines (Google Material, Apple Human Interface) for government mobile applications
- Making navigation, buttons, forms accessible on mobile government apps
- Common mobile accessibility issues and solutions in government services
- Testing hands-on with VoiceOver and TalkBack for government mobile applications
Advanced Coding & Assistive Technologies
Module 5: Accessible CSS and Visual Design
- Color contrast and text size best practices for government websites
- Focus styles and visible focus indicators in government digital interfaces
- Responsive design considerations for accessibility in government services
- Avoiding accessibility pitfalls in animations and transitions for government applications
- Color contrast and sizing guidelines for mobile screens in government apps
Module 6: ARIA for Dynamic Content & Rich Internet Applications
- When and how to use ARIA attributes in government digital services
- Managing live regions for screen readers in government applications
- Creating accessible widgets and custom components for government websites
- Role of ARIA in Single Page Applications (SPAs) for government use
- For mobile, discuss accessibility roles and labels in native platforms (e.g., contentDescription in Android, accessibilityLabel in iOS) for government apps
Module 7: Hands-on Coding Lab: Building Accessible Components
- Create accessible buttons, modals, dropdowns, tabs for government applications
- Implement accessible form validation and error handling in government digital services
- Use ARIA and semantic HTML for real-world UI components in government projects
Testing, Compliance, and Continuous Accessibility
Module 8: Accessibility Testing & Auditing
- Manual testing techniques with screen readers and keyboard only for government applications
- Automated testing with tools like axe, Lighthouse, pa11y for government projects
- Writing accessibility test cases for QA teams in government agencies
- Integrating accessibility testing in CI/CD pipelines for government software development
- How to run accessibility audits on native mobile apps (manual tests, automated tools like Accessibility Scanner, Espresso for Android, XCTest for iOS) for government use
Module 9: Remediation & Continuous Accessibility
- Common accessibility issues and how to fix them in government applications
- Managing accessibility in legacy codebases for government systems
- Maintaining accessibility during feature updates and refactoring in government projects
- Accessibility in multi-platform apps (mobile, desktop, web) for government services
Module 10: Final Practical Exercise and Wrap-up
- Build or refactor a small app/module to meet accessibility standards for government use
- Peer review and group discussion of government projects
- Q&A and feedback session on government accessibility practices
- Resources for ongoing learning and compliance updates in government accessibility efforts
Requirements
- Basic to intermediate knowledge of HTML, CSS, and JavaScript for government applications.
- Basic to intermediate knowledge of mobile app development techniques (Android, iOS).
- Familiarity with frontend frameworks such as React, Angular, or Vue is beneficial.
- Experience with mobile app development is advantageous.
- Basic understanding of the web and mobile development lifecycle for government projects.
- A laptop equipped with a development environment (code editor, browser developer tools).
Audience
- Frontend, Backend, and Mobile Developers for government systems.
- UI/UX Designers with coding expertise.
- QA Engineers specializing in accessibility testing for government applications.
- Product Owners and Project Managers involved in ensuring accessibility compliance for government initiatives.
Testimonials (3)
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.
Ahmed Nazeem - Maldives Pension Administration Office
Course - Multimodal AI for Enhanced User Experience
“I really appreciated the real-time approach the trainer used to show how our team can apply Human-Centered Design (HCD) to our project. It was also great that the trainer took the time to understand our project at a high level, which helped provide clear and practical guidance on how we can better approach both UX and UI.