Skip to main content

Web A11y for Developers

A comprehensive training course teaching developers best practices for building accessible, inclusive web applications that work for everyone

Quick start

Get up and running with the course materials in minutes

1

Clone the repository

Clone the course repository to your local machine to access all exercises and examples.
git clone https://github.com/dshijakovskiTDL/web-a11y-for-developers.git
cd web-a11y-for-developers
2

Install dependencies

Install the required dependencies using Bun (or your preferred package manager).
bun install
3

Start the development server

Launch the local development server to view the course website.
bun run dev
The application will be available at http://localhost:3000
4

Explore the course materials

Navigate through the course pages, complete exercises, and download additional materials like slides and notes from the course website.

Course topics

Explore core web accessibility concepts and best practices

Screen readers

Learn how screen readers work and how to test your applications with assistive technologies

Reduced motion

Respect user preferences for reduced motion to avoid triggering vestibular disorders

Focus indicators

Ensure keyboard users can navigate your interface with visible, clear focus indicators

Semantic HTML

Use proper HTML elements to provide meaning and structure for assistive technologies

Button patterns

Build accessible buttons with proper semantics and keyboard support

Landmark elements

Structure your pages with landmark elements for easy navigation

Additional resources

Expand your knowledge with curated tools and guidelines

Testing tools

Discover essential tools for testing and validating web accessibility

Guidelines & standards

Explore WCAG, ARIA, and other accessibility standards

Learning materials

Access tutorials, articles, and community resources

Ready to build more accessible web applications?

Start learning web accessibility fundamentals and best practices today

Begin the course