🤖 Deploy to GitHub Pages: 80b4095 from branch refs/heads/main

understanding/non-text-contrast.html

@@ -141,6 +141,32 @@ <h2>Intent</h2>
 
                   </div>
                </div>
+               <div class="note">
+                  <p class="note-title marker">Note</p>
+                  <div>
+
+                     <p>Because authors do not have control over user settings for font smoothing and anti-aliasing,
+                        when evaluating this
+                        					 Success Criterion, refer to the colors obtained from the user agent, or the
+                        underlying
+                        					 markup and stylesheets, rather than the non-text elements as presented on screen.
+                     </p>
+
+                     <p>Due to anti-aliasing, particularly thin lines and shapes of non-text elements may
+                        be rendered by user agents with
+                        					 a much fainter color than the actual color defined in the underlying CSS. This
+                        can lead to situations where
+                        					 non-text elements have a contrast ratio that nominally passes the Success Criterion,
+                        but have a much lower contrast
+                        					 in practice. In these cases, best practice would be for authors to avoid particularly
+                        thin lines and shapes,
+                        					 or to use a combination of colors that exceeds the normative requirements of
+                        this Success Criterion.
+
+                     </p>
+
+                  </div>
+               </div>
                <section id="user-interface-components">
 
                   <h3>User Interface Components</h3>