HCM button vs. links

[alizedebray]

How should we colorize the buttons and links in HCM?

Multiple colors exist for the high contrast mode:

• Buttons:
  • ButtonBorder: the base border color for push buttons.
  • ButtonFace: the face background color for push buttons.
  • ButtonText: text on push buttons.
• Links:
  • ActiveText: text in active links. For light backgrounds, traditionally red.
  • LinkText: text in non-active, non-visited links. For light backgrounds, traditionally blue.
  • VisitedText: text in visited links. For light backgrounds, traditionally purple.

Reference: https://www.w3.org/TR/css-color-4/#css-system-colors

Normally, buttons use the <button> tag whereas links use the <a> tag.
But we also ha classes that could be used on both tags: .btn-primary, .btn-secondary, .btn-tertiary, and .btn-link.

Should the HCM color be set depending on the class or rather on the HTML tag?

[alizedebray]

Short term resolution:
Use different colors depending on the semantic element used:

• <button> tags should use the ButtonText, ButtonFace, and ButtonBorder colors
• <a> tags should use the LinkText, ActiveText, and VisitedText colors

Long term resolution:
Conduct user tests or follow Access for All recommendations