Target size is at least 44x44 pixels

• Interactive targets must be at least 44 by 44 CSS pixels in size.

‍

• A button in a web application has a minimum size of 44x44 pixels, ensuring it is easy to tap.

• A link within a block of text is accompanied by a larger, clearly distinguishable control that meets the size requirement.

‍

• Equivalent Target: If there is another button or link on the same page that is at least 44x44 pixels, this rule doesn’t apply. For example, if a large link or button with the same function is available elsewhere on the page, it meets the requirement.

• Inline Context: If the target is part of a sentence or a text block (like a small info icon or link within a paragraph), making it 44x44 pixels might not be practical or possible.

• User Agent Control: If the size of the target is determined by the browser or device settings, and cannot be adjusted by the website creator, then this rule doesn’t apply.

• Essential Design: If a specific size is crucial for the content’s function or meaning (like a special design that needs to stay as it is), then this rule might not apply.

‍

• Use responsive design principles to ensure targets remain accessible across different devices.

• Avoid placing multiple small targets too close together to reduce the risk of accidental activation.

‍

• Measure interactive targets using browser developer tools to confirm they are at least 44 by 44 CSS pixels.

• Test on touch devices to ensure targets are easily tappable and do not cause accidental activations.

‍