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

Street fields in checkout don't have a label that's readable by a screenreader #10894

Closed
TomFranssen opened this issue Sep 15, 2017 · 1 comment
Labels
Issue: Format is not valid Gate 1 Failed. Automatic verification of issue format is failed

Comments

@TomFranssen
Copy link

Preconditions

  1. Standard Magento ver. 2.1.7 installation

Steps to reproduce

  1. Add a product to your cart
  2. Go to checkout
  3. The address lines input fields don't have a <label> element with a valid value. There is a <span> infront of it with the text 'Address'. This text however doesn't get recognised by screen readers.

Expected result

  1. The labels should have a valid <label> element that is linked to the <input> field with a for attribute. My advice is to add linked elements to all the address line fields so that screen readers can know what kind of fields the address fields are and thus increasing accessibility.

If I test this on the default MAC screenreader (activated by CMD + F5) I get the feedback of: 'edit text blank'. In this situation the visually impaired user doesn't get feedback on what type of field it is.

@magento-engcom-team magento-engcom-team added the Issue: Format is not valid Gate 1 Failed. Automatic verification of issue format is failed label Sep 15, 2017
@pboisvert
Copy link

duplicate of #10893

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Issue: Format is not valid Gate 1 Failed. Automatic verification of issue format is failed
Projects
None yet
Development

No branches or pull requests

3 participants