New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve accessibility of error labels #54

Closed

cmoralesweb opened this issue May 25, 2015 · 1 comment

cmoralesweb commented May 25, 2015 •

edited

Loading

Error messages are displayed using a label, which is correct per spec, but can cause accessibility issues.

Accessibility can be improved following the last suggestion here http://www.html5accessibility.com/tests/mulitple-labels.html

<label id="l1" for="f3">label text </label> 
<input type="text" id="f3" aria-labelledby="l1 l2"> 
<p>other content</p> 
<label id="l2">more label text</label>

In brief, using aria-labelledby referencing the 2 IDs of the 2 labels.

The text was updated successfully, but these errors were encountered:

oscarotero added a commit that referenced this issue


          improvements in labels #53, #54

37899b1

oscarotero added a commit that referenced this issue


          improved accesibility #54

642ed7a

Owner

oscarotero commented May 30, 2015

Released in 4.4.0 😄

oscarotero closed this as completed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment