Get in Touch
 Duration 21 hours

Course Outline

Regulatory Framework and Accessibility Foundations

Module 1: Overview of Accessibility Legislation and Strategic Importance

  • Summary of the recently enacted Accessibility Law (effective June 28)
  • Statutory obligations and critical compliance deadlines
  • Implications for public sector entities, private organizations, and technical developers
  • The case for accessibility: social equity, ethical responsibility, and operational efficiency
  • Regulatory penalties and consequences for non-compliance
  • Standard technical benchmarks for accessibility (WCAG 2.1/2.2, ARIA)
  • Classification and understanding of various disability categories

Module 2: Core Accessibility Principles and Technical Guidelines

  • The POUR framework (Perceivable, Operable, Understandable, Robust)
  • Fundamental principles of the Web Content Accessibility Guidelines (WCAG)
  • Application of ARIA roles, states, and properties
  • The function of semantic HTML in establishing accessible digital structures

Module 3: Configuring an Accessible Development Environment

  • Essential tooling: browser developer tools, screen readers (NVDA, VoiceOver), and specialized accessibility extensions
  • Implementation of linters and automated accessibility testing utilities
  • Survey of prevalent accessibility testing instruments
  • Configuration of accessibility testing on mobile simulators and physical devices (utilizing VoiceOver/TalkBack, Android Accessibility Scanner, and Xcode Accessibility Inspector)

Module 4: Applied Coding – Semantic HTML and Keyboard Interaction

  • Authoring semantic markup for optimal accessibility
  • Guaranteeing comprehensive keyboard navigability
  • Techniques for managing focus states effectively
  • Designing accessible forms and interactive elements

Accessibility in Native Mobile Applications (Optional supplementary module, 1.5 hours)

  • Key platform-specific guidelines (Google Material Design, Apple Human Interface Guidelines)
  • Ensuring accessibility of navigation controls, buttons, and forms on mobile devices
  • Identification and resolution of common mobile accessibility defects
  • Practical testing exercises using VoiceOver and TalkBack

Advanced Coding and Assistive Technology Integration

Module 5: Accessible CSS and Visual Design Standards

  • Best practices for color contrast and text sizing
  • Designing focus styles and visible focus indicators
  • Responsive design considerations to support accessibility
  • Mitigating accessibility risks in animations and transitions
  • Guidelines for color contrast and element sizing on mobile screens

Module 6: ARIA for Dynamic Content and Rich Web Applications

  • Strategic application of ARIA attributes: when and how to deploy them
  • Managing live regions for effective screen reader communication
  • Construction of accessible widgets and custom interface components
  • The role of ARIA in Single Page Applications (SPA)
  • Mobile-specific discussion on accessibility roles and labels in native platforms (e.g., contentDescription in Android, accessibilityLabel in iOS)

Module 7: Practical Coding Laboratory: Constructing Accessible Components

  • Development of accessible buttons, modal dialogs, dropdown menus, and tabbed interfaces
  • Implementation of accessible form validation and error reporting mechanisms
  • Application of ARIA and semantic HTML to production-grade UI components

Testing, Compliance, and Continuous Accessibility Management

Module 8: Accessibility Testing and Audit Procedures

  • Manual testing methodologies using screen readers and keyboard-only navigation
  • Automated testing using industry-standard tools such as axe, Lighthouse, and pa11y
  • Formulation of accessibility test cases for Quality Assurance teams
  • Integration of accessibility testing within Continuous Integration/Continuous Deployment (CI/CD) pipelines
  • Conducting accessibility audits on native mobile applications (manual verification, automated tools including Accessibility Scanner, Espresso for Android, and XCTest for iOS)

Module 9: Remediation and Sustaining Accessibility

  • Identification and correction of common accessibility defects
  • Managing accessibility standards within legacy codebases
  • Preserving accessibility during feature iterations and code refactoring
  • Ensuring accessibility across multi-platform applications (mobile, desktop, and web)

Module 10: Final Practical Exercise and Course Conclusion

  • Development or refactoring of a small application or module to meet established accessibility standards
  • Peer review sessions and collaborative discussion
  • Question and Answer session and feedback collection
  • Provision of resources for continued professional development and regulatory compliance monitoring

Requirements

  • Basic to intermediate proficiency in HTML, CSS, and JavaScript
  • Basic to intermediate knowledge of mobile application development techniques (Android, iOS)
  • Familiarity with frontend frameworks (e.g., React, Angular, Vue) is advantageous
  • Familiarity with mobile application development lifecycles is advantageous
  • Foundational understanding of the web and mobile development lifecycle
  • A laptop with a pre-configured development environment (code editor, browser developer tools)

Target Audience

  • Frontend, Backend, and Mobile Developers
  • UI/UX Designers with technical coding capabilities
  • QA Engineers specializing in accessibility testing
  • Product Owners and Project Managers responsible for accessibility compliance

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories