I believe thit rule is best described here, at the User Interface Components section: * https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html Other more user friendly explanations can be seen here: * https://www.digitalpolicy.gov.hk/en/our_work/digital_government/digital_inclusion/accessibility/promulgating_resources/handbook/new_success_criteria/wcag_1411.html#:~:text=Success%20Criterion%201.4.-,11%20%E2%80%93%20Non%2DText%20Contrast,contrast%20ratio%20against%20adjacent%20colour.&text=The%20grey%20textboxes%20on%20the,with%20low%20vision%20to%20identify.&text=Dark%20border%20is%20applied%20to,they%20can%20be%20identified%20easily. * https://www.audioeye.com/post/accessibility-for-buttons/ * https://yatil.net/blog/non-text-contrast-in-detail-ui-components Note: This report compares the button’s background with the dialog’s background. However, there is a thin white/gray border around the button that may need to be compared with the dialog background instead. This suggests I may have misinterpreted the guidelines. It might be helpful to bring in a more experienced Accessibility Engineer for a second opinion, as these guidelines can be difficult to interpret with certainty. @Anna: Can you help me understand the minimum color contrast requirements for this specific situation?
Bug 1995394 Comment 2 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
I believe this rule is best described here, at the User Interface Components section: * https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html For clearer and more accessible explanations, please refer to the following sources: * https://www.digitalpolicy.gov.hk/en/our_work/digital_government/digital_inclusion/accessibility/promulgating_resources/handbook/new_success_criteria/wcag_1411.html#:~:text=Success%20Criterion%201.4.-,11%20%E2%80%93%20Non%2DText%20Contrast,contrast%20ratio%20against%20adjacent%20colour.&text=The%20grey%20textboxes%20on%20the,with%20low%20vision%20to%20identify.&text=Dark%20border%20is%20applied%20to,they%20can%20be%20identified%20easily. * https://www.audioeye.com/post/accessibility-for-buttons/ * https://yatil.net/blog/non-text-contrast-in-detail-ui-components Note: This report compares the button’s background with the dialog’s background. However, there is a thin white/gray border around the button that may need to be compared with the dialog background instead. This suggests I may have misinterpreted the guidelines. It might be helpful to bring in a more experienced Accessibility Engineer for a second opinion, as these guidelines can be difficult to interpret with certainty. @Anna: Can you help me understand the minimum color contrast requirements for this specific situation?