Skip to content

Instantly share code, notes, and snippets.

@ginader

ginader/bulletproof accessible required inputs

Created February 9, 2011 23:39
Show Gist options
  • Save ginader/819590 to your computer and use it in GitHub Desktop.
Save ginader/819590 to your computer and use it in GitHub Desktop.
Download ZIP
if ARIA is supported it will anounce required on the input and ignore the image. If not the user sees the required icon and gets the alt text.
Raw
bulletproof accessible required inputs
<label for="fname">
First Name <img src="required-icon.png" alt="required" role="presentation">
</label>
<input type="text" aria-required="true" required id="fname" name="fname" >
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment