Confirmed users
36
edits
Accessibility/Design Guide: Difference between revisions
Jump to navigation
Jump to search
m
Update link sys colors
Mreschenberg (talk | contribs) (Clarify combo color usage.) |
Mreschenberg (talk | contribs) m (Update link sys colors) |
||
| Line 12: | Line 12: | ||
* Selected elements should use SelectedItemText / SelectedItem | * Selected elements should use SelectedItemText / SelectedItem | ||
* Controls should use ButtonText / ButtonFace | * Controls should use ButtonText / ButtonFace | ||
* Unvisited links should use | * Unvisited links should use LinkText for their foreground, background preserved | ||
* Visited links should use | * Visited links should use VisitedTeg for their foreground, background preserved | ||
* Inactive components should preserve their background, but change their foreground to GrayText | * Inactive components should preserve their background, but change their foreground to GrayText | ||
* Components not in the above categories should use CanvasText / Canvas (older implementations may use WindowText / Window) | * Components not in the above categories should use CanvasText / Canvas (older implementations may use WindowText / Window) | ||
| Line 19: | Line 19: | ||
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 invert its colors, using ButtonFace for text and border, and ButtonText for its background. | ||
* A visited link on a selected card should use | * 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 | ||
* A selected tab should use SelectedItemText / SelectedItem with a ButtonText border | * A selected tab should use SelectedItemText / SelectedItem with a ButtonText border | ||