diff --git a/guidelines/sc/21/target-size-enhanced.html b/guidelines/sc/21/target-size-enhanced.html index 683f50af99..44ea58d50d 100644 --- a/guidelines/sc/21/target-size-enhanced.html +++ b/guidelines/sc/21/target-size-enhanced.html @@ -4,10 +4,10 @@

Target Size (Enhanced)

AAA

-

The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when:

+

The size of the target for pointer inputs is at least 44 by 44 CSS pixels except where:

Equivalent
-
The target is available through an equivalent link or control on the same page that is at least 44 by 44 CSS pixels;
+
The function can be achieved through a different control on the same page that meets this criterion.
Inline
The target is in a sentence or block of text;
User Agent Control
diff --git a/guidelines/sc/22/target-size-minimum.html b/guidelines/sc/22/target-size-minimum.html index bb5a300116..9de6b7cac8 100644 --- a/guidelines/sc/22/target-size-minimum.html +++ b/guidelines/sc/22/target-size-minimum.html @@ -6,13 +6,18 @@

Target Size (Minimum)

New

The size of the target for pointer inputs is at least 24 by 24 CSS pixels, except where:

- +
+
Spacing:
+
The target does not overlap any other target and has a target offset of at least 24 CSS pixels to every adjacent target;
+
Equivalent:
+
The function can be achieved through a different control on the same page that meets this criterion.
+
Inline:
+
The target is in a sentence, or is in a bulleted or numbered list, or its size is otherwise constrained by the line-height of non-target text;
+
User agent control:
+
The size of the target is determined by the user agent and is not modified by the author;
+
Essential:
+
A particular presentation of the target is essential or is legally required for the information being conveyed;
+

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 with granular values, color pickers displaying a gradient of colors, or editable areas where you position the cursor.

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.