Fix: Add accessible name to mainbar slate regions.
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_engagefunction inmainbar.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-labelledbyattribute on the slate'sregionelement, providing it with an accessible name.
Ticket 43946
@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
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.