Skip to content
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.

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

Missing form labels in APD Builder #1779

Closed
2 tasks
jeromeleecms opened this issue Aug 27, 2019 · 1 comment · Fixed by #1916
Closed
2 tasks

Missing form labels in APD Builder #1779

jeromeleecms opened this issue Aug 27, 2019 · 1 comment · Fixed by #1916
Assignees
Labels
accessibility Development Issues for the dev team resolve

Comments

@jeromeleecms
Copy link
Contributor

The APD Builder has a number of form labels missing which will impact our ability to complete 508 testing.

Rationale:

What It Means
A form control does not have a corresponding label.
Why It Matters
If a form control does not have a properly associated text label, the function or purpose of that form control may not be presented to screen reader users. Form labels also provide visible descriptions and larger clickable targets for form controls.
How to Fix It
If a text label for a form control is visible, use the <label> element to associate it with its respective form control. If there is no visible label, either provide an associated label, add a descriptive title attribute to the form control, or reference the label(s) using aria-labelledby. Labels are not required for image, submit, reset, button, or hidden form controls.
The Algorithm... in English
An <input> (except types of image, submit, reset, button, or hidden), <select>, or <textarea> does not have a properly associated label text. A properly associated label is:

  • a <label> element with a for attribute value that is equal to the id of a unique form control
  • a <label> element that surrounds the form control, does not surround any other form controls, and does not reference another element with its for attribute
  • a non-empty title attribute, or
  • a non-empty aria-labelledby attribute.

This task is done when...

  • Each form field in the APD Builder has an appropriate label
  • WAVE (or comparable testing tool) reports that all form controls have a label
@jeromeleecms jeromeleecms added compliance Related to ATO Development Issues for the dev team resolve accessibility and removed compliance Related to ATO labels Aug 27, 2019
@mgwalker
Copy link
Contributor

This only happens once. It's the state selection dropdown in the state Medicaid office section of the state profile. There is a label, but it's not attached to the form element. Oopsie!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Development Issues for the dev team resolve
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants