Comparison
Accessible namevsAlt text
Accessible name
the icon button was announced as just 'button' because there was no text and no label anywhere.
The string assistive technology uses to identify a control, computed by a fixed precedence: `aria-labelledby`, then `aria-label`, then the element's own content or associated label, then the title attribute. Anything interactive without one is unusable by name, and a name that does not include the visible text breaks voice control. It is the single highest-value thing to check on every control you build.
Full entry →Alt text
you wrote what the image conveys, and left the attribute empty for the ones that convey nothing.
The textual equivalent of an image, which should carry the information the image carries in its context rather than describe it. An empty `alt` is the correct and deliberate value for decoration; a missing attribute is different and makes readers announce the filename. The same image can need different text on different pages, because the alternative depends on why it is there.
Full entry →