ILIAS icon indicating copy to clipboard operation
ILIAS copied to clipboard

Fix: Add accessible name to mainbar slate regions.

Open ZallaxDev opened this issue 2 months ago • 2 comments

The mainbar's expandable panels (slates), such as 'Tools' or 'Mail', were dynamically assigned role="region" but lacked an accessible name.

This change fixes the issue by dynamically adding an accessible label to each slate region when it is expanded, using the visible text from its trigger button.

Changes:

  • Modified the additional_engage function in mainbar.renderer.js.
  • When a slate is engaged, the script now finds the corresponding trigger button and extracts its visible text content (e.g., "Tools").
  • This text is then used to populate the aria-labelledby attribute on the slate's region element, providing it with an accessible name.

Ticket 43946

ZallaxDev avatar Oct 16 '25 15:10 ZallaxDev

@ZallaxDev: Thank you very much for your work! Unfortunately, the solution suggested here does not solve the problem. The expandable panels (slates) still cannot be accessed directly by screen readers using the tab key and therefore cannot be read aloud (tested with Chrome and NVDA).

Kind regards, Annett

Annett7811 avatar Dec 08 '25 07:12 Annett7811

Hello @Annett7811, Thank you very much for your feedback 😊

We will look into the issue and run tests directly with the NVDA reader to ensure that the problem is resolved.

Best regards, Daniel.

ZallaxDev avatar Dec 09 '25 13:12 ZallaxDev