Drugs A to Z | FRANK

Honest information about drugs | 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)

Title / URL	Issues
Drugs A to Z \| FRANKwww.talktofrank.com/drugs-a-z	100
Honest information about drugs \| FRANKwww.talktofrank.com/drug/speed?a=Amphetamine	52
Honest information about drugs \| FRANKwww.talktofrank.com/drug/ecstasy	52
Honest information about drugs \| FRANKwww.talktofrank.com/drug/magic-mushrooms	52
Honest information about drugs \| FRANKwww.talktofrank.com/drug/cannabis?a=Bud	52
Honest information about drugs \| FRANKwww.talktofrank.com/drug/cocaine?a=Flake	52
Honest information about drugs \| FRANKwww.talktofrank.com/drug/heroin?a=Horse	52
Honest information about drugs \| FRANKwww.talktofrank.com/drug/alcohol?a=Bevvy	52
Honest information about drugs \| FRANKwww.talktofrank.com/drug/mephedrone?a=Bubble	52
Honest information about drugs \| FRANKwww.talktofrank.com/drug/mephedrone?a=M-CAT	52

Aim for large interactive controls

Talk To Frank

Where this issue has occurred