seL4 / website

The seL4.systems website

Home Page:https://seL4.systems

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Links are indistinguishable from regular text

xurtis opened this issue · comments

The link colour specified in the stylesheet is too dark, I can't easily tell where the links on a page are.

steel 2020-10-09T1448 20

color: #385378 /* neutral */

Probably depends on the screen, it looked fine here, but that doesn't mean much. Would it make it more visible for you if it was one step lighter? Or better darker?

I should probably add that the objective is not to make all links on a page stand out. They should mostly flow into the text, the main navigation links are buttons etc. But of course it still needs to be easily recognisable, otherwise there is no point.

Either a fair bit lighter or indicated by something in addition to colour (potentially both). Closer to #4060a0 would be easier to tell.

Maybe as much as #4070c0

Cool, thanks. Will have a look later.

Might also need to adjust hover colour similarly (going darker on hover is strange)

Might also need to adjust hover colour similarly (going darker on hover is strange)

Pretty sure the darker-on-hover was a bootstrap default. But I'll experiment a bit.

There's some WCAG contrast guidelines here for some requirements that are standardized: https://www.w3.org/WAI/WCAG21/quickref/?currentsidebar=%23col_overview&showtechniques=1413%2C143#contrast-minimum

New link colour implemented, so I'm closing this. Please re-open or open another issue if it is still a problem.