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 (5)
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.
Nichole Bryant Joven - Grundfos
Course - Human-Centered Design (HCD)
I did like how the instructor seemed very knowledgeable with Figma.
January Oliva - Eko Health
Course - User Experience Design with Figma
- exercises are practical - trainer is helpful in answering our specific questions
Germaine Choi - The Hong Kong Jockey Club
Course - User Experience (UX) Design
Atmosphere, approach to the exercises and comments about the tasks. It was so nice and relaxed way of relay the knowledge