Services | City of San Diego Official Website

Programs & Events | City of San Diego Official Website

Community Planning | City of San Diego Official Website

Recreation Centers and Pools | City of San Diego Official Website

Bids & Contracts | City of San Diego Official Website

Kids and Teens | City of San Diego Official Website

Permits and Approvals | City of San Diego Official Website

Golf Courses | City of San Diego Official Website

Citations | City of San Diego Official Website

eLibrary | City of San Diego Official Website

All interactive components on a page, such as buttons or menus, should be far enough apart 
from other interactive areas, to avoid them being used by mistake. 

This ensures people with motor impairments can easily click or tap on the right element.

## How to fix

* Ensure all interactive elements are at least 24 CSS pixels wide and tall
* OR ensure there is at least 24 CSS pixels (minus the width and height of the element)
  between each interactive element

## Methodology

This check is run on both the mobile and desktop versions of every page. Results
for each may differ.

1. All interactive elements are identified, including buttons, links, and form controls.
2. If an element is not normally visible, it is ignored. This includes elements which
   are positioned offscreen or cropped (e.g. for 'screen-reader only' text).
3. If an element is larger than 24 CSS pixels in both dimensions, it passes.
4. Otherwise, the element is compared to all other elements on the page.
5. The minimum horizontal gap between the element is calculated as 24 CSS pixels,  
   minus the width of the element.
6. The minimum vertical gap between the element is calculated as 24 CSS pixels,  
   minus the height of the element.
7. If another element falls within the minimum horizontal or vertical gap, the 
   element fails, unless both are links that point to the same place.

## Further reading

* [Target Size (Minimum)](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html)
* [Technique C42 - Using min-height and min-width to ensure sufficient target spacing](https://www.w3.org/WAI/WCAG22/Techniques/css/C42)

ensure-minimum-target-size

October 2025

September 2025

City of San Diego

	Title / URL	Issues
	Services \| City of San Diego Official Websitewww.sandiego.gov/public-library/services	72
	Programs & Events \| City of San Diego Official Websitewww.sandiego.gov/public-library/news-events	64
	Community Planning \| City of San Diego Official Websitewww.sandiego.gov/planning/community-plans	56
	Recreation Centers and Pools \| City of San Diego Official Websitewww.sandiego.gov/park-and-recreation/centers	52
	Bids & Contracts \| City of San Diego Official Websitewww.sandiego.gov/purchasing/bids-contracts	52
	Kids and Teens \| City of San Diego Official Websitewww.sandiego.gov/public-library/kidsandteens	52
	Permits and Approvals \| City of San Diego Official Websitewww.sandiego.gov/development-services/permits	46
	Golf Courses \| City of San Diego Official Websitewww.sandiego.gov/park-and-recreation/golf	45
	Citations \| City of San Diego Official Websitewww.sandiego.gov/parking/citations	44
	eLibrary \| City of San Diego Official Websitewww.sandiego.gov/public-library/elibrary	44

Ensure interactive components are far enough apart

City of San Diego

Where this issue has occurred