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

Ensures select element has an accessible name (select) #8172

Open
msftedad opened this issue Sep 6, 2022 · 2 comments
Open

Ensures select element has an accessible name (select) #8172

msftedad opened this issue Sep 6, 2022 · 2 comments

Comments

@msftedad
Copy link

msftedad commented Sep 6, 2022

Issue:
Ensures select element has an accessible name (select)

User Experience:
User who relies on screen reader is being affected.

Test environment:
OS: Win 11, OS 22000.675
Microsoft Edge Version 102.0.1245.33 (Official build) (64-bit)
AT: Accessibility Insights for Web Version 2.32.0

System Setting:
N/A

Repro Steps:
Hit the URL https://validator.swagger.io/ .
'Home page' screen will open
Start AI4W tool and inspect a screen for any issues.

Actual Result:
Selected element not have accessible name (select)

Expected Result:
Ensures select element has an accessible name (select)

MAS Reference:
Ensures select element has an accessible name (select)

(https://microsoft.sharepoint.com/:w:/r/sites/accessibility/_layouts/15/Doc.aspx?sourcedoc=%7b97358E88-4367-4121-BF9D-F0C6597D03B7%7d&file=MAS%201.3.1%20%E2%80%93%20Info%20and%20Relationships%20.docx&wdLOR=cC67AE285-FA8E-4A9C-8615-42813289BF4A&action=default&mobileredirect=true&cid=5752710b-7e5b-4fb6-93d5-a98589f9135c)

[MAS 1.3.1 – Info and Relationships .docx (sharepoint.com)]

alexperovich added a commit to alexperovich/swagger-ui that referenced this issue Nov 9, 2022
@mgifford
Copy link

This looks like a related issue - #6512 - from AccessibilityInsights.io 

Would also be replicated in axe.

@maggiewachs
Copy link
Contributor

There appear to be a few places where form elements are missing labels, which can be verified with most accessibility browser tools (I used Chrome's WAVE extension) -- see screenshot, which shows a select box and input box with WAVE error/warning badges:

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants