J4 Issue ? ?
avatar brianteeman
brianteeman
8 Oct 2018

The help button on the toolbar opens in a new window. To satisfy the accessibility rules there should be both a visible and audible notification of this.

There is no option to enable passing the required notification to the button

avatar brianteeman brianteeman - open - 8 Oct 2018
avatar joomla-cms-bot joomla-cms-bot - change - 8 Oct 2018
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 8 Oct 2018
avatar brianteeman brianteeman - change - 9 Oct 2018
Labels Added: J4 Issue
avatar brianteeman brianteeman - labeled - 9 Oct 2018
avatar bembelimen
bembelimen - comment - 28 Oct 2018

Do you have a link/code snippet how this should look like?

avatar brianteeman brianteeman - change - 8 Nov 2018
Status New Closed
Closed_Date 0000-00-00 00:00:00 2018-11-08 13:17:47
Closed_By brianteeman
avatar brianteeman brianteeman - close - 8 Nov 2018
avatar brianteeman brianteeman - change - 11 Feb 2019
Status Closed New
Closed_Date 2018-11-08 13:17:47
Closed_By brianteeman
avatar brianteeman
brianteeman - comment - 11 Feb 2019

For users using screenreaders this could be addressed by adding the text inside a sr-only span

<joomla-toolbar-button id="toolbar-help">
<button class="button-help btn btn-info" type="button" onclick="Joomla.popupWindow('https://help.joomla.org/proxy?keyref=Help40:Content_Article_Manager&amp;lang=en', 'Help', 700, 500, 1)">
	<span class="fa fa-question" aria-hidden="true"></span>
	Help
	<span class="sr-only">Opens in a new window</span>
</button>
</joomla-toolbar-button>

For sighted users we can simply use the title attribute so the full markup would be

<joomla-toolbar-button id="toolbar-help">
<button class="button-help btn btn-info" type="button" onclick="Joomla.popupWindow('https://help.joomla.org/proxy?keyref=Help40:Content_Article_Manager&amp;lang=en', 'Help', 700, 500, 1)"
title="Opens in a new window">
	<span class="fa fa-question" aria-hidden="true"></span>
	Help
	<span class="sr-only">Opens in a new window</span>
</button>
</joomla-toolbar-button>
avatar brianteeman brianteeman - reopen - 11 Feb 2019
avatar brianteeman brianteeman - change - 11 Feb 2019
The description was changed
avatar brianteeman brianteeman - edited - 11 Feb 2019
avatar brianteeman
brianteeman - comment - 11 Feb 2019

Instead of using the title we could use the fa-external-link icon like on the admin login screen but in this case I think it would not be clear

avatar hardik-codes
hardik-codes - comment - 14 Feb 2019

@brianteeman in which file should the above code has to go ?

avatar brianteeman
brianteeman - comment - 14 Feb 2019

If I knew that I would have done it myself :)

avatar hardik-codes
hardik-codes - comment - 14 Feb 2019

Is there any thing remains to be changed @bembelimen as I think the above file already has the code as suggested by @brianteeman

avatar brianteeman
brianteeman - comment - 14 Feb 2019

@hardik-codes no it doesn't. if it did then there wouldnt be an issue to fix :)

avatar hardik-codes
hardik-codes - comment - 27 Feb 2019

Working on it

avatar franz-wohlkoenig franz-wohlkoenig - change - 4 Mar 2019
Status New Discussion
avatar joomla-cms-bot joomla-cms-bot - change - 9 Mar 2019
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2019-03-09 11:09:44
Closed_By joomla-cms-bot
avatar franz-wohlkoenig franz-wohlkoenig - change - 9 Mar 2019
Closed_By joomla-cms-bot franz-wohlkoenig
avatar joomla-cms-bot joomla-cms-bot - close - 9 Mar 2019
avatar joomla-cms-bot
joomla-cms-bot - comment - 9 Mar 2019
avatar franz-wohlkoenig
franz-wohlkoenig - comment - 9 Mar 2019

closed as having Pull Request #24138

avatar joomla-cms-bot joomla-cms-bot - change - 18 Jun 2019
Status Closed New
Closed_Date 2019-03-09 11:09:44
Closed_By franz-wohlkoenig
avatar joomla-cms-bot joomla-cms-bot - reopen - 18 Jun 2019
avatar Quy Quy - change - 18 Jun 2019
Status New Pending
Closed_Date 0000-00-00 00:00:00
avatar joomla-cms-bot
joomla-cms-bot - comment - 18 Jun 2019

Set to "open" on behalf of @Quy by The JTracker Application at issues.joomla.org/joomla-cms/22544

avatar franz-wohlkoenig franz-wohlkoenig - change - 18 Jun 2019
Labels Added: ?
avatar franz-wohlkoenig franz-wohlkoenig - labeled - 18 Jun 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 18 Jun 2019
Title
[4.0] Help button opens new window [a11y]
[4.0] Help button opens new window
avatar franz-wohlkoenig franz-wohlkoenig - edited - 18 Jun 2019
avatar franz-wohlkoenig
franz-wohlkoenig - comment - 11 Jul 2019

Closed as having Pull Request #25519

avatar franz-wohlkoenig franz-wohlkoenig - close - 11 Jul 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 11 Jul 2019
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2019-07-11 11:17:58
Closed_By franz-wohlkoenig

Add a Comment

Login with GitHub to post a comment