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

Make required fields screen reader friendly #1029

Open
kimisgold opened this issue Jun 24, 2024 · 0 comments
Open

Make required fields screen reader friendly #1029

kimisgold opened this issue Jun 24, 2024 · 0 comments
Labels

Comments

@kimisgold
Copy link
Member

In some places where we use required fields, like the login and installation views, we use CSS to add an asterisk as a pseudo element. Screen readers cannot access this information, and users only find out a field is required if it does not validate.

We could maybe create some kind of view helper to add to the field decorators. Something to generate markup like <span class="required sr-only" title="(Required)">(Required)</span>. We could style it so that the full text is only viewable to screen readers, keep the asterisk, but also provide a tooltip with the text when hovering over it.

@kimisgold kimisgold added the a11y label Jun 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant