Problem/Motivation

The "Close"-link for the crisis-banner has a different text as the aria-label:
<a href="/node#close" class="banner-close-button active dvgCrisisBanner-processed" aria-label="Sluit deze banner" role="button" tabindex="0">Sluiten</a>

According to https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html these should be the same.

Steps to reproduce

Inspect the code when a crisis banner is active.

Proposed resolution

* Change the title of the link to "Close this banner"
* Remove the aria-label, as they are the same

CommentFileSizeAuthor
#3 dvg-crisis_banner_close_wcag-3227506-3.patch900 bytesjoshahubbers

Comments

JoshaHubbers created an issue. See original summary.

joshahubbers’s picture

joshahubbers commented
Issue summary: View changes
joshahubbers’s picture

joshahubbers commented
StatusFileSize
new dvg-crisis_banner_close_wcag-3227506-3.patch900 bytes

This patch changes the link label and removes the aria-label.

bskibinski’s picture

bskibinski
Primary language Dutch
Location Breda, The Netherlands
commented
Status: Needs review » Reviewed & tested by the community

Yes, perfect, this will make it easier for voice command navigation.

Works as intended!

joshahubbers’s picture

joshahubbers commented
Status: Reviewed & tested by the community » Fixed

Committed

  • JoshaHubbers authored 30c289f on 7.x-1.x 
    Issue #3227506 by JoshaHubbers, bskibinski: WCAG 2.5.3: Label in Name....

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.