Skip to content

Web development · Corporate training

Sample curriculum

Web accessibility

Make accessibility part of frontend implementation through semantic HTML, keyboard support, and practical testing.

  • Intermediate
  • Live online and in person
Explore the curriculum Discuss your team’s training

At a glance

Who it’s for

Engineers with the listed foundations who want to deepen this skill or apply it in a different stack.

Starting point: Intermediate

Bring these foundations

  • Experience building pages with HTML, CSS, and JavaScript.
Foundation sessions can be included when needed.

Technologies & tools

  • Semantic HTML
  • Browser DevTools
  • Screen reader
  • Accessibility checks
Setup and versions agreed for your environment.

A practical destination

Skills to practise.

The sample path works towards these capabilities. Final goals reflect your team’s starting point and agreed scope.

  1. 01

    Recognise accessibility needs in everyday interface decisions.

  2. 02

    Implement semantic, keyboard-friendly forms and interactions.

  3. 03

    Combine automated checks with manual testing and useful remediation notes.

Sample curriculum

Follow the learning route.

Each module connects the concepts to practical work. Open a module to explore both.

01Module 1

Accessibility foundations

Concepts to understand

  • User needs and assistive technologies
  • Understanding WCAG principles
  • Semantic structure and content order

Practical work

Inspect a page’s landmarks, headings and accessible names. Relate the findings to a user task and a WCAG principle.

Show the result. Explain one decision. Identify what you would improve.
02Module 2

Interaction & forms

Concepts to understand

  • Keyboard navigation and visible focus
  • Labels, instructions, and error feedback
  • Focus management in dialogs and menus

Practical work

Repair a form and dialog workflow using labels, error feedback and deliberate focus management. Complete it with a keyboard.

Show the result. Explain one decision. Identify what you would improve.
03Module 3

Visual & dynamic content

Concepts to understand

  • Color contrast and zoom
  • Accessible names and appropriate ARIA
  • Announcements and changing content

Practical work

Check contrast, zoom and dynamic updates. Explain when an announcement helps and when native HTML is sufficient.

Show the result. Explain one decision. Identify what you would improve.
04Module 4

Testing & remediation

Concepts to understand

  • Automated checks and their limits
  • Manual keyboard and screen reader testing
  • Prioritizing fixes and regression checks

Practical work

Run automated checks and a manual keyboard or screen-reader pass. Document what was fixed, what remains and how to verify it again.

Show the result. Explain one decision. Identify what you would improve.

A sample project

Bring the skills together.

Audit and improve a page's navigation, forms, and interactive widgets, then document the remaining issues.

Shorter engagements can focus on selected exercises. A larger, learner-owned capstone can be scoped for a longer programme.

Review the work & reasoning

Four useful questions.

  1. 01

    Does the work meet the agreed requirements?

  2. 02

    Can the learner explain the key decisions and trade-offs?

  3. 03

    What happens with invalid input, failure or an unexpected condition?

  4. 04

    What would they change or explore next?

Designed & delivered by Ragav Kumar V.

Training since 2016 · 100+ batches · 3,000+ professionals trained

Live demonstrations, guided exercises, pair work and project reviews connect the concepts to implementation. We agree the goals, starting knowledge, cohort size, delivery and schedule before shaping the final curriculum.

Shape this for your team

Connect the next skill

All web development curricula
Foundation

Web foundations: HTML, CSS & JavaScript

Intermediate

Advanced JavaScript

Intermediate

TypeScript