J4 Issue ? ?
avatar unknown-sudo
unknown-sudo
15 Sep 2019

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

avatar unknown-sudo unknown-sudo - open - 15 Sep 2019
avatar joomla-cms-bot joomla-cms-bot - change - 15 Sep 2019
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 15 Sep 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 15 Sep 2019
Title
Joomla 4 Login Page Error Messages for inputs a11y
[4.0] Login Page Error Messages for inputs a11y
avatar franz-wohlkoenig franz-wohlkoenig - edited - 15 Sep 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 15 Sep 2019
Labels Added: J4 Issue ?
avatar franz-wohlkoenig franz-wohlkoenig - labeled - 15 Sep 2019
avatar franz-wohlkoenig franz-wohlkoenig - labeled - 15 Sep 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 15 Sep 2019
Title
[4.0] Login Page Error Messages for inputs a11y
[4.0] Login Page Error Messages for inputs
avatar franz-wohlkoenig franz-wohlkoenig - edited - 15 Sep 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 15 Sep 2019
Status New Discussion
avatar brianteeman
brianteeman - comment - 15 Sep 2019

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

avatar unknown-sudo
unknown-sudo - comment - 16 Sep 2019

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.

avatar brianteeman
brianteeman - comment - 16 Sep 2019

Thanks for the clarification.

One easy possibility for that specific page would be to remove the "required" on those fields.

avatar brianteeman
brianteeman - comment - 6 Feb 2020

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

avatar brianteeman brianteeman - close - 6 Feb 2020
avatar brianteeman brianteeman - change - 6 Feb 2020
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2020-02-06 23:24:42
Closed_By brianteeman
Labels Added: ?
Removed: ?

Add a Comment

Login with GitHub to post a comment