Editorial update to target size (minimum) exceptions (#3189)

* use "except when" to match the existing target size (enhanced) (rather
than "except where")
* structure the exceptions as definition list, in line with target size
(enhanced) and all other cases in WCAG where we list things like this in
normative SC wording
* <s>change the `.` full stop to a `;` semicolon in the "Equivalent"
description (as it's not the last definition)</s> (already now addressed
by #2668)

See #3086 (comment)

guidelines/sc/22/target-size-minimum.html

@@ -3,17 +3,22 @@
     <h4>Target Size (Minimum)</h4>
 
     <p class="conformance-level">AA</p>
-	<p class="change">New</p>
+	  <p class="change">New</p>
 
-    <p>The size of the <a>target</a> for <a>pointer inputs</a> is at least 24 by 24 <a>CSS pixels</a>, except where:</p>
-    <ul>
-        <li><strong>Spacing:</strong> Undersized targets (those less than 24 by 24 CSS pixels) are positioned so that if a 24 CSS pixel diameter circle is centered on the <a>bounding box</a> of each, the circles do not intersect another target or the circle for another undersized target;</li>
-        <li><strong>Equivalent:</strong> The function can be achieved through a different control on the same page that meets this criterion;</li>
-        <li><strong>Inline:</strong> The target is in a sentence or its size is otherwise constrained by the line-height of non-target text;</li>
-        <li><strong>User agent control:</strong> The size of the target is determined by the <a>user agent</a> and is not modified by the author;</li>
-        <li><strong>Essential:</strong> A particular <a>presentation</a> of the target is <a>essential</a> or is legally required for the information being conveyed.</li>
-    </ul>
+    <p>The size of the <a>target</a> for <a>pointer inputs</a> is at least 24 by 24 <a>CSS pixels</a>, except when:</p>
+    <dl>
+        <dt>Spacing</dt>
+        <dd>Undersized targets (those less than 24 by 24 CSS pixels) are positioned so that if a 24 CSS pixel diameter circle is centered on the <a>bounding box</a> of each, the circles do not intersect another target or the circle for another undersized target;</dd>
+        <dt>Equivalent</dt> 
+        <dd>The function can be achieved through a different control on the same page that meets this criterion;</dd>
+        <dt>Inline</dt> 
+        <dd>The target is in a sentence or its size is otherwise constrained by the line-height of non-target text;</dd>
+        <dt>User Agent Control</dt> 
+        <dd>The size of the target is determined by the <a>user agent</a> and is not modified by the author;</dd>
+        <dt>Essential</dt> 
+        <dd>A particular <a>presentation</a> of the target is <a>essential</a> or is legally required for the information being conveyed.</dd>
+    </dl>
     <p class="note">Targets that allow for values to be selected spatially based on position within the target are considered one target for the purpose of the success criterion. Examples include sliders, color pickers displaying a gradient of colors, or editable areas where you position the cursor.</p>
     <p class="note">For inline targets the line-height should be interpreted as perpendicular to the flow of text. For example, in a language displayed vertically, the line-height would be horizontal.</p>
 
-</section>	
+</section>