Underline is not enough to distinguish links

View issue · Add comment

1 update

Changes by Manuel Leduc on 18/Dec/24 10:13

Description:

Not a regression because there is no issue in Cristal 0.12, where the links have the default browser style.
I'm looking for the root cause. Caused by CRISTAL-300
This issue is still here to block the release before introducing a regression.
h2. Reproduction steps
# create a content with a typo and make it a link
# observe the result

h2. Expected

The link is easy to spot
h2. Actual

The link is only distinguished by a small dotted underline.

In my case, because of the typo, the small dotted underline is hidden by a big red line (see screenshot below)

Edit mode:

!image-2024-12-18-09-57-18-983.png!

View mode:

!image-2024-12-18-09-57-41-805.png!

1 comment

Charpentier Lucas on 18/Dec/24 10:15

In regards to WCAG, this is a violation of https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html

In XWiki's standard tests, we use Axe core, which would report this as a `link-in-text-block` violation: https://dequeuniversity.com/rules/axe/4.6/link-in-text-block?application=axeAPI

To be honest, I'm not sure what solution to go with.
1. Change the color of links to something that has enough contrast with regular text AND the background (quite difficult to satisfy all of those, I'd avoid it).
2. Have a unique decoration for links.

The issue we can see here is that the decoration you used is quite similar to the typo decoration AND it's invisible when there's a typo decoration.
IMO it's different enough, the width of the typo underlining and link underlining are noticeably different. Someone with colorblindness would be able to differentiate them.

This message was sent by Atlassian Jira (v9.3.0#930000-sha1:287aeb6)

If image attachments aren't displayed, see this article.