Drugs A to Z | FRANK

Speed | Effects of Speed | FRANK

Cannabis | Weed | Effects of Cannabis | FRANK

Magic Mushrooms | Effects of Magic Mushrooms | FRANK

Heroin | Smack | Effects of Heroin | FRANK

Alcohol | Effects of Alcohol | FRANK

Cocaine | Effects of Cocaine | FRANK

Mephedrone | Mcat | Effects of Mephedrone | FRANK

MDMA | Ecstasy | Effects of MDMA | FRANK

All interactive components on a page, such as buttons or fields, should ideally be large enough 
to be easily used by people with motor impairments. 

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

The recommended size is 44 x 44 CSS pixels, with some exceptions:

* **Equivalent available** - the functionality provided by
  the control is available elsewhere, and large enough, on the same page.
* **Inline text** - the control appears inside a sentence or block of text. 
* **User Agent control** - the size of the target is determined by the user agent 
  and is not modified by the author. Generally this is not the case for web content.
* **Essential** - the size of the target is essential to the information being conveyed,
  e.g. a tutorial demonstrating what a small button looks like. This exception is rare.

## Applying this check

Nearly all websites will fail this check by default. The minimum size requirement
is larger than most links and controls on most websites.

This is the much stricter version of the WCAG 2.2 AA check for target size. Most websites
should focus on the AA check before considering this AAA check:

* [Target Size (Minimum)](https://w3c.github.io/wcag/understanding/target-size-minimum.html)

## 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 preceded or followed directly by a non-empty text node, the control
   is ignored.
3. 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).
4. If an element is a link, and another visible link on the page points to the same URL, with 
   that other link meeting the size requirements, the element is ignored.
5. Otherwise, the element must have a minimum size of 44 x 44 CSS pixels.

## Troubleshooting

Silktide only records the first 100 instances of a failure on a page. Because failures
of this check are common, it is possible that your page has more than 100 failures, but
only the first 100 will be shown.

## Further reading

* [Target Size (Enhanced)](https://www.w3.org/WAI/WCAG22/Understanding/target-size-enhanced)

ensure-reasonable-target-size

June 2025

May 2025

Talk To Frank

Title / URL	Issues
Drugs A to Z \| FRANKwww.talktofrank.com/drugs-a-z	100
Speed \| Effects of Speed \| FRANKwww.talktofrank.com/drug/speed?a=Amphetamine	52
Cannabis \| Weed \| Effects of Cannabis \| FRANKwww.talktofrank.com/drug/cannabis?a=Bud	52
Magic Mushrooms \| Effects of Magic Mushrooms \| FRANKwww.talktofrank.com/drug/magic-mushrooms	52
Heroin \| Smack \| Effects of Heroin \| FRANKwww.talktofrank.com/drug/heroin?a=Horse	52
Alcohol \| Effects of Alcohol \| FRANKwww.talktofrank.com/drug/alcohol?a=Bevvy	52
Cocaine \| Effects of Cocaine \| FRANKwww.talktofrank.com/drug/cocaine?a=Flake	52
Mephedrone \| Mcat \| Effects of Mephedrone \| FRANKwww.talktofrank.com/drug/mephedrone?a=M-CAT	52
Mephedrone \| Mcat \| Effects of Mephedrone \| FRANKwww.talktofrank.com/drug/mephedrone?a=Bubble	52
MDMA \| Ecstasy \| Effects of MDMA \| FRANKwww.talktofrank.com/drug/ecstasy	52

Aim for large interactive controls

Talk To Frank

Where this issue has occurred