Skip to content

Commit a0215ed

Browse files
iadawnpatrickhlaukembgower
authored
Fix <span> (#3732)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk> Co-authored-by: Mike Gower <mikegower@gmail.com>
1 parent 33a5559 commit a0215ed

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

understanding/21/non-text-contrast.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -140,7 +140,7 @@ <h4 id="related-focus">Relationship with Focus Visible</h4>
140140
<figure id="figure-focus-outer-green">
141141
<img src="img/ntc-focus-outer-green.png" alt="Three blue buttons on a white background, the middle has a dark green outline outside of the botton's non-focused boundary." width="400" />
142142
<figcaption>
143-
The external green indicator (#008000) does contrast with the white background (#FFF) which the component is on, <strong>passing</strong> the criterion. It does not need to contrast with both the component background and the component, as visually the effect is that the button is noticeably larger, and it's not necessary for a user to be able to discern this extra border in isolation. Although this passes non-text contrast, it is not a good indicator unless it is very thick. <span class="wcag22">There is a AAA criterion in WCAG 2.2 that addresses this aspect, <a href="../22/focus-appearance.html">Focus Appearance</a>.
143+
The external green indicator (#008000) does contrast with the white background (#FFF) which the component is on, <strong>passing</strong> the criterion. It does not need to contrast with both the component background and the component, as visually the effect is that the button is noticeably larger, and it's not necessary for a user to be able to discern this extra border in isolation. Although this passes non-text contrast, it is not a good indicator unless it is very thick. <span class="wcag22">There is a AAA criterion in WCAG 2.2 that addresses this aspect, <a href="../22/focus-appearance.html">Focus Appearance</a></span>.
144144
</figcaption>
145145
</figure>
146146

0 commit comments

Comments
 (0)