There is 1 update, 1 comment.
 
 
XWiki Platform / cid:jira-generated-image-avatar-4f687022-a766-4be0-8cbf-73ee6353cc7c XWIKI-25161 Open

Export modal close button is invisible to screen readers

 
View issue   ยท   Add comment
 

1 update

 
cid:jira-generated-image-avatar-6915c8cc-8676-4805-aca0-3f78a1ea4b41 Changes by Charpentier Lucas on 07/Oct/26 14:36
 
Attachment: xwiki-25161-comparison-aria-label-only.png
 
 

1 comment

 
cid:jira-generated-image-avatar-6915c8cc-8676-4805-aca0-3f78a1ea4b41 Charpentier Lucas on 07/Oct/26 14:33
 

Text alternative of icon-only buttons

Conclusion: give icon-only buttons (like a modal close X) a translated aria-label only. Don't add a title with the same text, and never put aria-hidden="true" on the focusable button.

Why not aria-label + title: when aria-label provides the name, browsers expose title as the accessible description, so the same text is exposed twice. In Chromium, aria-label="Close" title="Close" gives name "Close" and description "Close". NVDA with Chrome/Edge and VoiceOver can then say it twice, for example "Close, button, Close".

Why not title alone: it works as a fallback name, but the W3C guidance asks to avoid fallback naming, and the tooltip only appears on mouse hover, so keyboard and touch users never see it.

If a visible tooltip is needed: use a real tooltip shown on hover and focus, tied with aria-labelledby, not title.

Sources: