1.4.1 clarification on Link/button/control with surrounding text #3126
Replies: 1 comment 6 replies
-
According to https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html it would pass. However, it would not be recommended because regardless of WCAG, these elements would be difficult to recognize as controls. This is especially true for visually impaired people, for whom the 3:1 contrast ratio may not be sufficient for certain colors
No. WCAG does not require hover effects. It would be more important that the elements are easily recognizable as controls even without hover. However, hover effects are additionally useful, so that their use is recommended. |
Beta Was this translation helpful? Give feedback.
-
|
"This technique goes beyond the success criterion and asks for visual highlights when the user hovers over each link" (https://www.w3.org/WAI/WCAG21/Techniques/general/G183) |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
In below situation do we need to verify color contrast between text and button text as well under 1.4.1?
|
Beta Was this translation helpful? Give feedback.
-
|
I think not. You always have to imagine: Would the page be usable if text and buttons were the same color for everyone. The answer would be: yes, because the buttons are recognizable as buttons due to their position and labeling. But some people would certainly have problems to identify the buttons clearly as controls. Therefore the recommendation would be to design the buttons better, e.g. with a black border. 1.4.1 and 1.4.11 require sufficient contrast (3:1) only when the color is essential to recognize the elements, e.g. when links are in running text. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you |
Beta Was this translation helpful? Give feedback.
-
If the link/button/control (without non-color visual indicator) and the surrounding text have at least 3:1 luminance contrast, is it pass of 1.4.1?
Do we need to have hover state with non-color visual indicator?
Beta Was this translation helpful? Give feedback.
All reactions