Item logo image for WCAG SC 2.5.8 Target Size Checker

WCAG SC 2.5.8 Target Size Checker

Item media 4 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 1 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 2 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 3 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 4 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 1 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 1 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 2 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 3 (screenshot) for WCAG SC 2.5.8 Target Size Checker
Item media 4 (screenshot) for WCAG SC 2.5.8 Target Size Checker

Overview

Identifies interactive elements that don't meet WCAG 2.2 SC 2.5.8 Level AA (24x24 CSS pixels) requirements.

A Chrome extension that helps accessibility auditors identify interactive elements that don't meet WCAG 2.2 Success Criterion 2.5.8 Level AA requirements (24×24 CSS pixels minimum target size). Features - **Comprehensive Element Detection**: Identifies all interactive elements including: - Standard HTML interactive elements (`<a>`, `<button>`, `<input>`, etc.) - ARIA-enabled custom controls (role="button", role="checkbox", etc.) - Elements within Shadow DOM - Elements with pointer event handlers - **Smart Exception Handling**: Accounts for WCAG 2.5.8 exceptions: - **Spacing**: Elements with sufficient 24×24px safe area around their center - **Inline**: Links within text blocks that would disrupt reading flow - **User Agent Controlled**: Browser-default controls (checkboxes, radio buttons) - **Equivalent** & **Essential**: Flags for manual review - **Visual Highlighting**: - Red border and semi-transparent overlay on failing elements - Tooltips showing exact dimensions and applicable exceptions (appear on hover or focus) - Non-intrusive overlays that don't interfere with page interaction - Smooth fade-in/fade-out transitions for tooltips

Details

  • Version
    1.1.1
  • Updated
    December 18, 2025
  • Offered by
    challa.anitha.a11y
  • Size
    42.29KiB
  • Languages
    English
  • Developer
    Email
    challa.anitha.a11y@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

CSS Peek: Element Inspector

5.0

Inspect elements instantly, view their CSS properties, colors, typography, xpath and more.

CSS Scanly - Copy CSS | Tailwind & Bootstrap

5.0

Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers

Web Element Selector

5.0

Advanced element locator with AI-powered xpath and css selector generation. Supports ChatGPT, Gemini, DeepSeek, and Claude.

Pesticide (without hover bar)

5.0

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

CSS Selector Tester

5.0

Highlight the elements matching a given CSS selector.

Accessibility Checker by WebYes

5.0

Accessibility Checker for developers and testers to identify WCAG issues directly in Chrome for improved accessibility compliance.

Outline HTML Elements

5.0

Outline HTML elements with a colorful border without affecting the layout to inspect website structure.

Target Size Minimum

0.0

A chrome extension used for testing AA and AAA Target Size WCAG 2.2

UI Bug Detector

5.0

Visually detect UI bugs in user-selected sections of a web page.

ElemSprite - Visual Theme Editor for Shopify & WordPress

0.0

AI web styling tool. Identify elements and generate high-quality CSS code based on your needs.

EqualWeb Accessibility Checker

4.1

EqualWeb Accessibility Checker - Web Accessibility Checker powered by EqualWeb for WCAG 2.2 compliance validation

CSS Peek: Element Inspector

5.0

Inspect elements instantly, view their CSS properties, colors, typography, xpath and more.

CSS Scanly - Copy CSS | Tailwind & Bootstrap

5.0

Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers

Web Element Selector

5.0

Advanced element locator with AI-powered xpath and css selector generation. Supports ChatGPT, Gemini, DeepSeek, and Claude.

Pesticide (without hover bar)

5.0

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

CSS Selector Tester

5.0

Highlight the elements matching a given CSS selector.

Accessibility Checker by WebYes

5.0

Accessibility Checker for developers and testers to identify WCAG issues directly in Chrome for improved accessibility compliance.

Outline HTML Elements

5.0

Outline HTML elements with a colorful border without affecting the layout to inspect website structure.

Google apps