aria-label

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.