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
  • Impact on public sector, private companies, and developers
  • Why accessibility matters: social, ethical, and business perspectives
  • Penalties for non-compliance
  • Overview of accessibility standards (WCAG 2.1/2.2, ARIA)
  • Categories of disabilities

Module 2: Accessibility Principles & Guidelines

  • POUR principles (Perceivable, Operable, Understandable, Robust)
  • Introduction to WCAG guidelines
  • ARIA roles, states, and properties
  • Semantic HTML and its role in accessibility

Module 3: Setting Up an Accessible Development Environment

  • Tools: browser dev tools, screen readers (NVDA, VoiceOver), accessibility extensions
  • Setting up linters and automated accessibility testing tools
  • Overview of common accessibility testing tools
  • Setting up accessibility testing on mobile simulators and real devices (using VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).

Module 4: Practical Coding – Semantic HTML & Keyboard Navigation

  • Writing semantic markup for accessibility
  • Ensuring full keyboard navigability
  • Focus management techniques
  • Handling forms and interactive elements accessibly

Accessibility in Native Mobile Apps (Optional additional module for 1.5 hour)

  • Key platform guidelines (Google Material, Apple Human Interface)
  • Making navigation, buttons, forms accessible on mobile
  • Common mobile accessibility issues and solutions
  • Testing hands-on with VoiceOver and TalkBack

Advanced Coding & Assistive Technologies

Module 5: Accessible CSS and Visual Design

  • Color contrast and text size best practices
  • Focus styles and visible focus indicators
  • Responsive design considerations for accessibility
  • Avoiding accessibility pitfalls in animations and transitions
  • Color contrast and sizing guidelines for mobile screens.

Module 6: ARIA for Dynamic Content & Rich Internet Applications

  • When and how to use ARIA attributes
  • Managing live regions for screen readers
  • Creating accessible widgets and custom components
  • Role of ARIA in SPA (Single Page Applications)
  • For mobile, discuss accessibility roles and labels in native platforms (e.g. contentDescription in Android, accessibilityLabel in iOS).

Module 7: Hands-on Coding Lab: Building Accessible Components

  • Create accessible buttons, modals, dropdowns, tabs
  • Implement accessible form validation and error handling
  • Use ARIA and semantic HTML for real-world UI components

Testing, Compliance, and Continuous Accessibility

Module 8: Accessibility Testing & Auditing

  • Manual testing techniques with screen readers and keyboard only
  • Automated testing with tools like axe, Lighthouse, pa11y
  • Writing accessibility test cases for QA teams
  • Integrating accessibility testing in CI/CD pipelines
  • How to run accessibility audits on native mobile apps (manual tests, automated tools like Accessibility Scanner, Espresso for Android, XCTest for iOS)

Module 9: Remediation & Continuous Accessibility

  • Common accessibility issues and how to fix them
  • Managing accessibility in legacy codebases
  • Maintaining accessibility during feature updates and refactoring
  • Accessibility in multi-platform apps (mobile, desktop, web)

Module 10: Final Practical Exercise and Wrap-up

  • Build or refactor a small app/module to meet accessibility standards
  • Peer review and group discussion
  • Q&A and feedback session
  • Resources for ongoing learning and compliance updates

Requirements

  • Basic to intermediate knowledge of HTML, CSS, JavaScript
  • Basic to intermedia knowledge of mobile app techniques (Android, IOS)
  • Familiarity with frontend frameworks (React, Angular, Vue, etc.) is a plus
  • Familiarity with mobile app development is a plus
  • Basic understanding of web/mobile development lifecycle
  • Laptop with development environment setup (code editor, browser dev tools)

Audience

  • Frontend/Backend/Mobile Developers
  • UI/UX Designers with coding knowledge
  • QA Engineers focusing on accessibility testing
  • Product Owners and Project Managers involved in accessibility compliance
 21 Hours

Number of participants


Price per participant

Testimonials (5)

Upcoming Courses

Related Categories


Fatal error: Uncaught TypeError: _isl_get_excluded_site(): Return value must be of type ?array, none returned in /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc:38 Stack trace: #0 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc(30): _isl_get_excluded_site() #1 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc(17): isl_get_excluded_site() #2 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/islc7.module(51): get_outline_isls() #3 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/islc7.module(7): islc_prepare_links() #4 /apps/hitra7/npfrontend/nptemplates/default.php(272): islc7_sites_links_array_v3() #5 /apps/hitra7/npfrontend/modules/course/course.php(143): require_once('...') #6 /apps/hitra7/npfrontend/core/routes.php(15): course_menu_callback() #7 /apps/hitra7/npfrontend/__index.php(81): require_once('...') #8 /apps/hitra7/npfrontend/index.php(15): include_once('...') #9 /apps/hitra7/index.php(66): include_once('...') #10 {main} thrown in /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc on line 38