A11y

A11y

941 bookmarks
Newest
Don’t Use ARIA Menu Roles for Site Nav
Don’t Use ARIA Menu Roles for Site Nav
Once again, the advice is in the title of the post. But I will ramble anyway since you scrolled this far. First run with the advice, and then review some background on ARIA and how navigation and menu items are defined. This way you can tap out quickly when it…
·adrianroselli.com·
Don’t Use ARIA Menu Roles for Site Nav
Menu Structure
Menu Structure
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).
·w3.org·
Menu Structure
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties
It was late 2020 when I last tested how browsers use CSS display properties to break the semantics of elements. I had been waiting for Safari to fix how it handles display: contents for four years now, and was excited when the announcement came in June. Then I started testing…
·adrianroselli.com·
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties
Style with Stateful, Semantic Selectors
Style with Stateful, Semantic Selectors
If a state is important enough to indicate visually, it's probably important enough to expose to assistive technologies. Here's how we can use that to create more robust styles.
·benmyers.dev·
Style with Stateful, Semantic Selectors
Richtlinien für barrierefreie Webinhalte (WCAG) 2.1
Richtlinien für barrierefreie Webinhalte (WCAG) 2.1
Die Richtlinien für barrierefreie Webinhalte (WCAG) 2.1 decken einen großen Bereich von Empfehlungen ab, um Webinhalte barrierefreier zu machen. Wenn Sie diesen Richtlinien folgen, dann werden Inhalte für eine größere Gruppe von Menschen mit Behinderungen barrierefreier sein. Dies beinhaltet Vorkehrungen für Blindheit und Sehbehinderung, Gehörlosigkeit und nachlassendes Hörvermögen, eingeschränkte Bewegungsfähigkeit, Sprachbehinderungen, Photosensibilität und Kombinationen aus diesen Behinderungen sowie einige Vorkehrungen für Lernbehinderungen und kognitive Einschränkungen; es werden jedoch nicht alle Benutzeranforderungen für Menschen mit diesen Behinderungen abgedeckt. Diese Richtlinien beziehen sich auf die Barrierefreiheit von Webinhalten auf Desktops, Laptops, Tablets und mobilen Geräten. Darüber hinaus wird das Befolgen dieser Richtlinien Webinhalte in vielen Fällen für Nutzer im Allgemeinen benutzbarer machen.
·outline-rocks.github.io·
Richtlinien für barrierefreie Webinhalte (WCAG) 2.1