Emphasis and other text-level semantics are normally ignored by screen readers, so it you’re relying on them for meaning you could be in trouble.

In this article, Olushuyi explores a mental model that helps you decide between the `` and `` elements when writing documents. You will explore how grouping content affects accessibility and how you can make it all count for users.

Firefox has become one of the best tools for accessibility audits. Let’s go over Firefox’s accessibility features that you can use today.

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…

Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

With that bit of additional CSS, we are able to return the list semantics for VoiceOver users without needing to touch the markup.

Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.

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…

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.

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.

Now that we had a look at all the possible ARIA properties let's do the same for all of the...

“Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to use in any scenario.

An attempt to raise awareness of a topic that should be important to anyone building user interfaces for humans.

Konstantin thinks accessibility is a topic that anyone who builds user interfaces for humans on the web should be aware of. In this talk he's answering the "...

Google’s built-in testing tool Lighthouse judges the accessibility of our websites with a score between 0 and 100. It’s laudable to try to get a high grading...

Solve 30% of the web's accessibility defects with just the help of a calculator!

Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML

Keyboard interaction note for just one control from the entire panoply of HTML controls: A native button fires on key down when that key is Enter. If you hold down the Enter key, it continues to fire for as long you hold Enter (or something crashes). A native button fires…

A checklist for creating accessible websites and web applications.

Leitfaden zur digitalen Barrierefreiheit. Contribute to RZ-BY/Leitfaden-Barrierefreiheit development by creating an account on GitHub.

A foundational overview of how to build a color adaptive and accessible loading bar with the progress element.

Find out how the accessibility monitoring methodology is used to test websites and mobile apps under the Accessibility Regulations

Last year, I worked on a project which contained a reorderable list component – essentially, a group of items that users can rearrange in any order. Though I…

Accessibility Path is a collection of resources that can help you to learn web accessibility and inclusive design. - conedevelopment/accessibility-path: Accessibility Path is a collection of resour...