grahamperrin
commented
6 years ago Contrast of texts in buttons
For one of the buttons:
Info for current <a> element
-------------------------------------- font ---------------------------------
font size: 14px,
font style: normal,
font weight: 300,
font variant: normal,
rendered font family: sans-serif,
font family: sans-serif,
------------------------------------- color ---------------------------------
font color: rgb(155, 155, 155),
background color: rgb(251, 251, 251),
-------------------------------------- text ----------------------------------
text align: start,
text indent: 0px,
line height: 24px,
text transform: none,
text decoration: none,
------------------------------------- HTML --------------------------------
HTML element id: N/A,
HTML element type: a,
HTML element class: button,
-------------------------------------- tab -----------------------------------
tab.id: 605,
tab.height: 751px,
tab.width: 1240px,
tab.title: The Waterfox Blog | Waterfox 56.2.1 Release,
tab.url: https://blog.waterfoxproject.org/waterfox-56.2.1-release-download– information presented by Font Inspector.
Meta, tracking: #582
Suggested priority: P5
An unmodified view:
Issues
Accessibility: buttons, and some of the texts in the left hand column, lack contrast.
I'm not sure why one of the four buttons is to the right.
Workarounds
I'll post to Reddit.