Skip to content

Aria labeling for docs of plain form controls, aria-invalid attrib on EuiFormRow#799

Merged
snide merged 5 commits intoelastic:masterfrom
snide:accessibility/forms
May 7, 2018
Merged

Aria labeling for docs of plain form controls, aria-invalid attrib on EuiFormRow#799
snide merged 5 commits intoelastic:masterfrom
snide:accessibility/forms

Conversation

@snide
Copy link
Contributor

@snide snide commented May 7, 2018

Fixes #782, #784

  • Our docs should show using aria-labels when no actual label tag is in use.
  • aria-invalid passed to EuiFormRow items if the input is invalid.

I looked into using aria-errormessage as @timroes suggested but found that the errors would not be read by screenreaders in chrome / safari. It seemed safer to leave them on aria-describedby, even if they mix in with help text. At least with aria-invalid the messaging is more clear.

@snide snide changed the title Aria labeling for docs of naked form controls Aria labeling for docs of plain form controls, aria-invalid attrib on form-row May 7, 2018
@snide snide requested a review from aphelionz May 7, 2018 19:37
@snide snide changed the title Aria labeling for docs of plain form controls, aria-invalid attrib on form-row Aria labeling for docs of plain form controls, aria-invalid attrib on EuiFormRow May 7, 2018
@snide snide merged commit 8de9311 into elastic:master May 7, 2018
@snide snide deleted the accessibility/forms branch May 7, 2018 20:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants