Get in Touch
 Duration 21 hours

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)
  • Specific legal requirements and compliance deadlines
  • Implications for public sector entities, private corporations, and developers
  • The value of accessibility from social, ethical, and business perspectives
  • Consequences and penalties for non-compliance
  • Summary of accessibility standards (WCAG 2.1/2.2, ARIA)
  • Categories of disabilities

Module 2: Accessibility Principles & Guidelines

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

Module 3: Configuring an Accessible Development Environment

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

Module 4: Practical Coding – Semantic HTML & Keyboard Navigation

  • Writing semantic markup optimized for accessibility
  • Ensuring complete keyboard navigability
  • Techniques for effective focus management
  • Handling forms and interactive elements with accessibility in mind

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

  • Key platform guidelines (Google Material, Apple Human Interface)
  • Ensuring navigation, buttons, and forms are accessible on mobile
  • Identifying common mobile accessibility issues 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 visible focus indicators
  • Responsive design considerations for accessibility
  • Avoiding common accessibility pitfalls in animations and transitions
  • Guidelines for color contrast and sizing on mobile screens.

Module 6: ARIA for Dynamic Content & Rich Internet Applications

  • Strategies for when and how to apply ARIA attributes
  • Managing live regions for screen reader compatibility
  • Building accessible widgets and custom components
  • The role of ARIA in Single Page Applications (SPA)
  • For mobile, discussing accessibility roles and labels in native 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 using screen readers and keyboard navigation
  • Automated testing using tools such as axe, Lighthouse, and pa11y
  • Formulating 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 remediation strategies
  • Managing accessibility within legacy codebases
  • Maintaining accessibility during feature updates and refactoring
  • Ensuring accessibility across multi-platform apps (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
  • Q&A and feedback session
  • Resources for ongoing learning and compliance updates

Requirements

  • Foundational to intermediate proficiency in HTML, CSS, and JavaScript
  • Basic to intermediate understanding of mobile app techniques (Android, iOS)
  • Working familiarity with frontend frameworks (React, Angular, Vue, etc.) is advantageous
  • Experience with mobile app development is beneficial
  • A foundational grasp of the web/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 responsible for accessibility compliance

Custom Corporate Training

Training solutions designed exclusively for businesses.

  • Customized Content: We adapt the syllabus and practical exercises to the real goals and needs of your project.
  • Flexible Schedule: Dates and times adapted to your team's agenda.
  • Format: Online (live), In-company (at your offices), or Hybrid.
Investment

Price per private group, online live training, starting from 3900 € + VAT*

Contact us for an exact quote and to hear our latest promotions

Testimonials (3)

Provisional Upcoming Courses (Contact Us For More Information)

Related Categories