1416528 - Distinc hyperlink style from normal text in dashboard header

Status: RESOLVED FIXED

(Webtools Graveyard :: Pontoon, defect, P3)

Description

[xvip10]

Attachment: Projects page header

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20171109183137

Steps to reproduce:

1. Go to Projects page on Pontoon (https://pontoon.mozilla.org/projects/);
2. Read the statistics in the heading.


Actual results:

Did not notice the text under "Most translations", "Most suggestions", "Most missing strings" and "Most enabled strings" is clickable because it has the same style as the normal text under "Number of projects".

This can also be reproduced on the teams page, any project page and any team page.


Expected results:

Clickable text should have a different style then normal text. W3C (https://www.w3.org/WAI/GL/WCAG20-TECHS/G183.html, https://www.w3.org/WAI/gettingstarted/tips/designing.html#ensure-that-interactive-elements-are-easy-to-identify) recommends a 3:1 contrast between links and normal text in paragraphs. A similar technique could be used in case color change is not desired.

Comment 1

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/833

Comment 2

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/c9318d732cbc7b523621d07320187521a116be23
Fix bug 1416528: In dashboard headings, make regular text and link colors distinct (#833)