Skip to content

Conversation

arbirali
Copy link

@arbirali arbirali commented May 2, 2025

Description

This pull request resolves the button accessibility issue on the course outline page in the Tutor Indigo theme identified during a recent accessibility review. This update aims to improve usability for all users, especially those relying on assistive technologies. The changes also help ensure compliance with recognized accessibility standards, such as the Web Content Accessibility Guidelines (WCAG) 2.1.

For further details, please refer to the related issue: overhangio/tutor-indigo#146.


Improve Accessibility for Expand/Collapse Functionality on Course Home Page

Accessibility enhancements were made to the expand/collapse functionality on the course home page to improve screen reader support:

  • ARIA labels are added to the "Expand All" and "Collapse All" buttons, now reading "Expand all sections" and "Collapse all sections" respectively. This provides clear context to users of assistive technologies.
  • For individual section toggle buttons, ARIA labels now follow the format:
    "Expand section [Title]" or "Collapse section [Title]", which clearly communicates the action and associated section to screen reader users.

These changes enhance usability and ensure better alignment with WCAG 2.1 accessibility guidelines.


Accessibility Audit Report

For the full audit and issue breakdown, please refer to the following report:
Accessibility Audit

Copy link

@wittjeff wittjeff left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Doesn't hurt, but not strictly required for WCAG AA

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants