Currently, contrast failures only save HTML code snippets and do not give any information about the HEX codes or color combinations that failed.
This can be confusing for users, especially if the failure is on a hover or focus state.
It would be ideal if every view of a contrast issue (front-end highlighter, issue modal, and metabox) included:
- color: (example:
#777)
- background-color: (example:
#fff)
- contrast ratio: (example:
4.47:1)
- CSS saved as or with the code snippet, such as:
body {
width: 100%;
margin: 0 auto;
background-color: #fff;
color: #777;
}
Currently, contrast failures only save HTML code snippets and do not give any information about the HEX codes or color combinations that failed.
This can be confusing for users, especially if the failure is on a hover or focus state.
It would be ideal if every view of a contrast issue (front-end highlighter, issue modal, and metabox) included:
#777)#fff)4.47:1)