💡 Proposal - Remove underline in links

[Gracegross]

Forma 36 contribution proposal

The underline on all links makes the page less readable and is unnecessary. It is also such an out-dated way to visual a link, it makes Contentful look naff. Down with underlines!!!

Let's get rid of the underline and simply indicate link by making the text blue.

Breaking changes

[gui-santos]

I'm down for it!

How should the hover state be? Underline or just a different blue?

[Gracegross]

I'm down for it!

How should the hover state be? Underline or just a different blue?

Yes!!! fabulous idea

[domarku]

Thanks for the proposal, @Gracegross!

Making the links just another color might not be enough to separate them from the rest of the text. We could also make the links thicker (like a semibold or a bold) and do what @gui-santos suggested on hover.

[denkristoffer]

As long as there's some sort of way to differentiate links from body text for colour blind people. I'm sure we can come up with something good 🙂

[Gracegross]

Here are the accessiblity guidelines I found:

• A non-color indicator, such as an underline, must be present on hover
• The contrast ratio between the surrounding text and the background must be at least 4.5:1
• The contrast ratio between the link and the background must be at least 4.5:1
• The contrast ratio between the link and the surrounding text must be at least 3:1.

I propose these changes:

• underline on hover
• change colour from 3965AD to 2E75D4 ...this is a higher contrast
• thoughts on making it semi-bold? I'm not too opinionated

Here is the current version and 2 new versions... one semibold, one regular

[m10l]

Nice! Like the changes 🚀

[domarku]

Cool, me too! Vote for semibold 👍

[m10l]

I'd vote against semibold as it'd have a negative impact on our Rich Text editor. Could be a prop though

[domarku]

Wait, what's the negative impact? Inline links? Seems like it wouldn't be a big change (or am I looking at the wrong thing)