openedx / openedx/frontend-app-learning

[a11y]: Missing heading markup in Course Overview accordions impacts screen reader usability

Open
#1,876 0 comments 0 reactions 1 assignee View on GitHub

@peterkulko is already working on this.

Since Mar 19, 2026.

a11y
Dominant language
JavaScript
Stars
70
Forks
335
Avg merge
1d 17h
Merged PRs (30d)
35

Description

Description

The show/hide accordions on the Course Overview screen lack markup which can significantly enhance the user experience for students who use a screen reader. Specifically, accordions are not marked up as headings to enable quick navigation. Adding heading markup to the accordion labels enables a person who uses a screen reader to jump to a specific accordion using heading navigation.

PR: https://github.com/openedx/frontend-app-learning/pull/1811

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.