Contrast fixes for text

Description

Some texts and background combinations has contrast that does not fulfill accessibility requirements. New colors should be designed and implemented for these.
The contrast requirements are:

  • 4.5:1 for small text (<24px or <19px bold)

  • 3:1 for larger text

  • Stop code in stop page

  • Stop code and stop desc in popup that appears when stop page opens

  • Grey text under each itinerary listing

  • Green departure time indicating realtime

  • Blue "add favorite" text in dropdown

Acceptance Criteria

None

Activity

Show:
Ville Hämäläinen
September 24, 2020, 9:40 AM
  • Stop code in stop page
    -> The color of text should be: #666666;

  • Stop code and stop desc in popup that appears when stop page opens
    -> The color of text should be: #666666;

  • Grey text under each itinerary listing
    -> The color of the grey text should be: #333333;
    -> Change the color of the green text to: #46850E;

  • Green departure time indicating realtime
    -> Change the color of the green text to: #46850E;

  • Blue "add favorite" text in dropdown
    -> Change the color of this hover text to: #0074BE;

Assignee

Unassigned

Reporter

Tarmo Asikainen

More details from

None

Components

Priority

Medium

Epic Link

Story Points

None

Labels

None
Configure