feat(target-size-automation): adding target size to the needs-review rules

src/common/components/cards/rich-resolution-content.tsx

@@ -108,6 +108,16 @@ export const RichResolutionContent = NamedFC<RichResolutionContentProps>(
                     </span>
                 );
             }
+            case 'web/target-size': {
+                return (
+                    <div>
+                        Targets must be at least 24 by 24 CSS pixels in size or a target must have a
+                        24 by 24 CSS pixel spacing circle that does not intersect with another
+                        target of any size. Check all targets and be sure they have sufficient size
+                        or spacing from another target.
+                    </div>
+                );
+            }
             default: {
                 throw new Error(
                     `Cannot render RichResolutionContent with unrecognized contentId ${contentId}`,

src/scanner/get-rule-inclusions.ts

@@ -61,6 +61,7 @@ export const needsReviewRules = [
     'th-has-data-cells',
     'label-content-name-mismatch',
     'p-as-heading',
+    'target-size',
 ];
 
 export const getNeedsReviewRulesConfig: () => DictionaryStringTo<RuleIncluded> = () => {

src/tests/unit/tests/common/self-fast-pass.test.ts

@@ -74,6 +74,7 @@ describe('SelfFastPass', () => {
                             'th-has-data-cells',
                             'label-content-name-mismatch',
                             'p-as-heading',
+                            'target-size',
                         ],
                     },
                     It.isAny(),