No Code Attached Yet a11y
avatar kapetanov
kapetanov
5 Oct 2021

hi,

the pagnation in the frontend template (cassiopaia) has an misuse of the aria-label. If you use aria-label, aria-labelledby, or aria-describedby with any other elements (like div, span, p, blockquote, or strong etc.), they generally won’t work across all browser/assistive technology combinations.

https://github.com/joomla/joomla-cms/blob/4.0-dev/layouts/joomla/pagination/link.php (line 94)

avatar kapetanov kapetanov - open - 5 Oct 2021
avatar joomla-cms-bot joomla-cms-bot - change - 5 Oct 2021
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 5 Oct 2021
avatar kapetanov kapetanov - change - 5 Oct 2021
The description was changed
avatar kapetanov kapetanov - edited - 5 Oct 2021
avatar richard67 richard67 - change - 5 Oct 2021
Labels Added: a11y
avatar richard67 richard67 - labeled - 5 Oct 2021
avatar chmst
chmst - comment - 5 Oct 2021

@kapetanov it is not cassiopeia but the lyout in the core as you correctly found out. Thanks for the hint.

avatar kapetanov
kapetanov - comment - 5 Oct 2021

yes, its the core. the same issue is in the backend pagnation. i made an override, until the fix is coming.

avatar brianteeman
brianteeman - comment - 5 Oct 2021

why not contribute your fix

avatar kapetanov
kapetanov - comment - 6 Oct 2021

ok, here is my workaround.

replace line 94 in

https://github.com/joomla/joomla-cms/blob/4.0-dev/layouts/joomla/pagination/link.php

<span aria-current="true" aria-label="<?php echo $aria; ?>" class="page-link"><?php echo $display; ?></span>

with

<span aria-current="true" class="hidden"><?php echo $aria; ?></span><span aria-hidden="true" class="page-link"><?php echo $display; ?></span>

i made two span tags. the first is hidden for display users and readable for assistive technology. the second span ist hidden for assistive technology and readable for display users.

avatar kapetanov kapetanov - change - 6 Oct 2021
Status New Closed
Closed_Date 0000-00-00 00:00:00 2021-10-06 18:05:11
Closed_By kapetanov
avatar kapetanov kapetanov - close - 6 Oct 2021

Add a Comment

Login with GitHub to post a comment