If you have made wrong or empty entries in the login form, the error message will appear directly in the label, but will be placed optically under the field. From a accessibility point of view it is better if the error message does not change the label but is displayed after the input field.
Otherwise the screen reader reads the label as "Username please fill in this field" and later in the input field again that there is an error.
Better would be an output in the screenreader like the following:
Username (label)
Username Input field
Username error message
This can be done by entering the attribute aria-describedby in the input field and referencing the error message.
References:
https://www.w3.org/WAI/GL/wiki/Using_ARIA_role_of_alert_for_Error_Feedback_in_Forms
Labels |
Added:
?
|
Title |
|
Labels |
Added:
J4 Issue
?
|
Title |
|
Status | New | ⇒ | Discussion |
My issue relates to the empty fields notifications as described above, perhaps I have expressed myself unhappily with Error, I come from Germany, please be pardoned with my choice of words.
Thanks for the clarification.
One easy possibility for that specific page would be to remove the "required" on those fields.
After further investigation and consultation with external experts I am closing this. The error messages you are referring to are generated by the browser (not joomla) for an html5 required input field
Status | Discussion | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2020-02-06 23:24:42 |
Closed_By | ⇒ | brianteeman | |
Labels |
Added:
?
Removed: ? |
On the login this only applies to empty fields not fields with errors - If you have an example of it appearing with an error the please post details on how to replicate that