Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-4435

Adjust Link colour for better accessibility

XMLWordPrintable

    • Icon: UI task UI task
    • Resolution: Unresolved
    • Icon: Should have Should have
    • None
    • Styling/Theme

      The blue link colour fails accessibility on dark backgrounds. Review and create an alternative link colour that either works on all backgrounds (The ideal) or provide two styles for light and dark.

      Having done lots of tests on multiple colours accross backgrounds from #FFFFFF to #1a1a1a to is clear that links are more likely to pass accessability if they are bold. The Four strongest link colours are #66cc00, #32ca89, #2980b9 and #F36D3A. #2980b9 is our current colour.

      Tasks

      • Change link color to #006DFD
      • On rollover add underline and 10% darker (by reducing the Luminance value in the HSL version of the color)

            wmorrisj William Morris-Julien
            wmorrisj William Morris-Julien
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated: