You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
The text was updated successfully, but these errors were encountered:
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.The text was updated successfully, but these errors were encountered: