ADG-469 - Tablist aria labels

[rudigier]

No description provided.

[netlify]

✅ Deploy Preview for accessibility-developer-guide ready!

Name	Link
🔨 Latest commit	c24dde0
🔍 Latest deploy log	https://app.netlify.com/projects/accessibility-developer-guide/deploys/69a981dd11a81c0007409175
😎 Deploy Preview	https://deploy-preview-470--accessibility-developer-guide.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[RA11y1]

Versions of used software

Firefox 147.0.1
Chrome 144.0.7559.59
NVDA 2025.3.2.535.88
JAWS 2026.2512.50

Code example

Tested with both screen readers in each browser. Behavior is robust across all combinations.

Changes in Text

Maybe one small thing to add here: Knowledge - Widgets
Under "The priciple" you state "Enhance with ARIA when semantic HTML alone isn't sufficient". Adding a caveat might be considered: attention should be paid on robustness of roles and attributes used , as browsers and screen readers still differ quite a lot in how certain aria roles and attributes are interpreted.

Otherwise I have nothing to add, thanks for implementing @rudigier !

[rudigier]

Added the mentioned hint.

[RA11y1]

thank you @rudigier looks great!
Just noticed one last thing: the section when to use standard html promotes using form controls. Since the section below (best practices) already states that one should start with plain HTML I think we could just remove the section when to use standard html, what do you think?

[rudigier]

@RA11y1 Makes sense, just removed.