Understanding 2.4.11 minimum area clarification

guidelines/sc/22/focus-appearance-minimum.html

@@ -7,7 +7,7 @@ <h4>Focus Appearance (Minimum)</h4>
 
     <p>When user interface components receive keyboard focus, all of the following are true:</p>
     <ul>
-        <li><strong>Minimum area:</strong> The area of the <a>focus indicator</a> is at least as large as the area of a 1 <a>CSS pixel</a> thick <a>perimeter</a> of the focused control, or the focus indicator has a thickness of at least 8 CSS pixels along the shortest side of the user interface component.</li>      
+        <li><strong>Minimum area:</strong> The area of the <a>focus indicator</a> is at least as large as the area of a 1 <a>CSS pixel</a> thick <a>perimeter</a> of the unfocused control, or the focus indicator has a thickness of at least 8 CSS pixels along the shortest side of the user interface component.</li>      
         <li><strong>Change of contrast:</strong> The pixels making up the minimum focus indicator area achieve at least a 3:1 contrast ratio between their colors in the focused and unfocused states.</li>
         <li><strong>Adjacent contrast:</strong> The pixels in the minimum focus indicator area achieve at least a 3:1 against adjacent colors in the focused control or the minimum focus indicator area has a thickness of at least 2 CSS pixels.</li>
         <li><strong>Not fully obscured:</strong> The item with focus is not entirely hidden by author-created content.</li>

understanding/22/focus-appearance-minimum.html

@@ -70,7 +70,7 @@ <h3>Minimum area</h3>
 
             <p>The Success Criterion defines a minimum area using a calculation for perimeter. It also provides an alternative way of meeting a minimum area for focus indicators where the design relies on a smaller but very thick indicator.</p>
 
-            <p>The minimum area of the focus indicator must be at least as large as the area of a 1 CSS pixel thick perimeter (border) of the control with focus. The indicator does not have to be a border, but the indicator's area must be at least as large. For example, if a control is a rectangle of 90px wide and 30px tall, the size of the outer border is 90 + 90 + 30 + 30 = 240 CSS pixels. You then must subtract the 4 corner pixels (which are counted twice, both horizontally and vertically), for a total minimum area of 236 CSS pixels.</p>
+            <p>The minimum area of the focus indicator must be at least as large as the area of a 1 CSS pixel thick perimeter (border) of the control in its unfocussed state. The indicator does not have to be a border, but the indicator's area must be at least as large. For example, if a control is a rectangle of 90px wide and 30px tall, the size of the outer border is 90 + 90 + 30 + 30 = 240 CSS pixels. You then must subtract the 4 corner pixels (which are counted twice, both horizontally and vertically), for a total minimum area of 236 CSS pixels.</p>
 
             <p class="note">A <a>CSS pixel</a> is what developers use in CSS declarations like “width: 200px”, it is device-independent and not to be confused with device pixels which vary depending on the physical pixel density. <br />
                 The rest of this document notates CSS pixels as "px".