HTMLInputElement: alt property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The alt property of the HTMLInputElement interface defines the textual label for the button for users and user agents who cannot use the image. It reflects the <input> element's alt attribute.
The alt property is valid for the image type only. It should be a non-empty string giving the label that would be appropriate for an equivalent button if the image was unavailable.
Value
A string.
Examples
js
const inputElement = document.getElementById("imageButton");
console.log(inputElement.alt);
inputElement.alt = "A much better description";
Specifications
| Specification |
|---|
| HTML # dom-input-alt |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
alt
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
HTMLImageElement.altHTMLButtonElement<button><input><img>- Good alt text, bad alt text — Making your content perceivable on WCAG.com (2021)
- An alt Decision Tree on W3C Web Accessibility Initiative (WAI)