aria-label

Erfahren Sie, wie das aria-label Attribut zur digitalen Barrierefreiheit beiträgt, wie es in HTML eingesetzt wird und welche typischen Fehler vermieden werden sollten. Praxisnaher Leitfaden für barrierefreie Webentwicklung.

I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Master ARIA labels, roles, and states for WCAG 2.2 compliance. Comprehensive guide covering aria-label, aria-labelledby, aria-describedby, live regions, and modern best practices for accessible web applications in 2025.

An examination of how aria-label behaves on static elements across browsers, and why real-world support differs from common assumptions.

Same, same but different. Let's find out how to (not) use which attribute!

As of my 25 July 2025 update at the end of this post, aria-label auto-translation support is less spotty than when I first wrote this post, but still unreliable. It does, actually. Sometimes. One of the big risks of using ARIA to define text content is that it often gets…

Diving deep into three attributes that bring clarity to elements in assistive technologies.

The [aria-label] attribute is used to provide an accessible name to an element that might not otherwise have one. For example, let’s say you have a button that’s used to download a file. Instead of text, it includes a download icon as an inline SVG, like this… button svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 16 16"path fill="currentColor" d="M13.922 5.626A3.72 3.72 0 0010.205 2a3.712 3.712 0 00-2.92 1.418 2.09 2.09 0 00-3.