-
Notifications
You must be signed in to change notification settings - Fork 237
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Clarify in understanding whether SC 1.4.11 Non-text contrast adjacent colors requires both sides of adjacent colors or only one side have sufficient contrast #540
Comments
Does the suggested technique in the other issue cover this? |
Hi @mraccess77, I think the understanding updates covered this, i.e. each state of the component must have contrast against the non-component adjacent colors, but not within the component. There is also a potential 2.2 SC for better defining 'visible' for focus states, can we close this issue? |
Hi @mraccess77, can we close this one? |
My question applies outside of focus. Say the button has a border. Does the border have to conform to both the outside and inside colors? Button is dark gray. Border is black and background of page is white. No states are present. The gray contrast with the white background but the gray border does not contrast with the button's black internal background. |
The 'Adjacent colors' section of the understanding doc was overhauled to answer this type of question, so the question is now: does that answer it for you? |
Yes. It answers my question. |
Official WG Response: (approved on Feb 12 call) The updated Understanding document for 1.4.11 should now cover this question, the relevant bits for this question include: What aspects of a control need contrast?
Boundaries are not necessarily included:
And the several visual examples in the 'Adjacent colors' section (and the examples section) should help to indicate various methods. |
Take a dark blue button with white text. When the button is focused a black border appears around the button. The black border has sufficient contrast with the page background of white but does not have sufficient contrast with the button background color of dark blue.
Options
Fail: While outer side has sufficient contrast this materially help the user distinguish the focus state.
Pass: outside border is sufficient.
The text was updated successfully, but these errors were encountered: