Accessibility/Design Guide: Difference between revisions

Jump to navigation Jump to search
Update button hover guidance
m (Update link sys colors)
(Update button hover guidance)
Line 18: Line 18:


For components which represent a combination of states, a combination of colors is necessary. For example:
For components which represent a combination of states, a combination of colors is necessary. For example:
* A hovered button should invert its colors, using ButtonFace for text and border, and ButtonText for its background.
* A hovered button should use SelectedItemText for its foreground and SelectedItem for its background. We don't do a simple invert here because we often place primary (ButtonFace/ButtonText) buttons next to secondary (ButtonText/ButtonFace) buttons, and inverting one would cause it to take on the same appearance as its neighbour.  
* A visited link on a selected card should use VisitedText as its foreground, letting SelectedItem show through as its background.
* A visited link on a selected card should use VisitedText as its foreground, letting SelectedItem show through as its background.
* An inactive button should use GrayText / ButtonFace
* An inactive button should use GrayText / ButtonFace
Confirmed users
36

edits

Navigation menu