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

There are two icons on the login page that are not immediately logical even for sighted people. One is the symbol to get into the frontend. The title of this symbol is "Preview". In my opinion this is not a sufficient term in terms of accessibility. Apart from the fact that the semantic of this element is rather bent and should be done differently (see my issue on usage of icon font vs. SVG Sprites), it should be replaced for screenreaders at least with "Preview Frontend", "Open Website in a new window "or similar. Here it wouldn't bother the layout if sighted people knew exactly what this symbol does.
The other problem can be seen in the button with the eye. The button simply says "Show" - here it should be clearly communicated that by clicking on this button the password is displayed. For example by "Show Password".

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 brianteeman
brianteeman - comment - 15 Sep 2019

Absolutely correct about the text - please submit a pull request

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
Joomla 4 Login page naming of hidden text
[4.0] Login page naming of hidden text
avatar franz-wohlkoenig franz-wohlkoenig - edited - 15 Sep 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 15 Sep 2019
Status New Discussion
avatar unknown-sudo
unknown-sudo - comment - 16 Sep 2019

Allright, which words do we use for the frontend?

  • (Show || Preview) + (frontend || site || website)
  • Show Password / Hide Password ?

Another problem occurs with the title of the preview button, as said, the semantics is not nice and as you mentioned in the other issue, the title is not sufficient for accessibility, so this icon is probably not accessible at all?

avatar brianteeman
brianteeman - comment - 24 Sep 2019

(Show || Preview) + (frontend || site || website)

Show Frontend

Show Password / Hide Password ?

Yes

avatar Quy
Quy - comment - 6 Jan 2020

See PR #27425 for Show/Hide Password.

avatar Quy Quy - change - 10 Jan 2020
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2020-01-10 13:44:31
Closed_By Quy
Labels Added: ?
Removed: ?
avatar Quy
Quy - comment - 10 Jan 2020

See PR #27461 for Show Frontend

avatar Quy Quy - close - 10 Jan 2020

Add a Comment

Login with GitHub to post a comment