Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # 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
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant