Add tabIndex=-1 to aria hidden links

Created on 24 October 2024, 28 days ago

The SVG icons in the teasers are decorative and they have the attribute aria-hidden="true", thanks to https://www.drupal.org/node/3179128 →

However, this makes it possible to tab to the link, and Axe reports the violation, [ARIA hidden element must not be focusable or contain focusable elements](https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus)

Tab through a page that has teasers, observe that you're able to tab to the SVG icon.

Add tabIndex=-1 to the link.

📌 Task

Status

Active

Version

13.0

Component

Front-End

Created by

🇬🇧United Kingdom matason

Live updates comments and jobs are added and updated live.

Merge Requests

Issue created by @matason
Comment 28 days ago →
🇬🇧United Kingdom matason
Apologies, I have reported this to the wrong project, I'll move it.
Comment 25 days ago →
🇬🇧United Kingdom matason
Comment 25 days ago →
🇮🇳India rohan_singh India
Merge request !254Issue #3483187: Added tab index to aria hidden svg links. → (Open) created by Unnamed author
Comment 24 days ago →
🇮🇳India rohan_singh India
Hi @matason,
I have created an MR for fixing the issue.
Please review.

Thanks,
Rohan Singh
Comment 9 days ago →
🇬🇧United Kingdom matason
Thanks Rohan!

Thanks for doing that, I've made a small comment on the merge request.

Best,

Chris

Production build 0.71.5 2024