Which approach helps ensure clickable targets meet accessibility guidelines on touch devices?

Which approach helps ensure clickable targets meet accessibility guidelines on touch devices?

• A. Rely on default browser targets without padding
• B. Provide hit targets around 44x44 px and maintain spacing; use padding on clickable elements; ensure focus outlines.
• C. Use only text links with no padding
• D. Use 12x12 px targets

Answer: (B)

Touch targets must be large enough and spaced so they’re easy to tap on small screens. The best approach sets hit targets around 44 by 44 CSS pixels and keeps adequate spacing between them. You can expand the clickable area by adding padding to the interactive element, which increases the tap area without changing the visible label, and you should provide a visible focus outline so keyboard and assistive-tech users can clearly see which control is focused. This combination helps prevent missed taps and supports accessibility for touch devices. Targets that are too small (like 12 by 12) or rely solely on default browser hit areas without padding don’t meet the guideline, and using only text links with no padding leaves tiny tap areas.

Touch targets must be large enough and spaced so they’re easy to tap on small screens. The best approach sets hit targets around 44 by 44 CSS pixels and keeps adequate spacing between them. You can expand the clickable area by adding padding to the interactive element, which increases the tap area without changing the visible label, and you should provide a visible focus outline so keyboard and assistive-tech users can clearly see which control is focused. This combination helps prevent missed taps and supports accessibility for touch devices. Targets that are too small (like 12 by 12) or rely solely on default browser hit areas without padding don’t meet the guideline, and using only text links with no padding leaves tiny tap areas.