Plans and Policy | Argyll and Bute Council

Welcome to Argyll & Bute Council | Argyll and Bute Council

Pay it | Argyll and Bute Council

Award winning council | Argyll and Bute Council

Licences | Argyll and Bute Council

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
Plans and Policy \| Argyll and Bute Councilwww.argyll-bute.gov.uk/my-council/plans-and-policy	71
Welcome to Argyll & Bute Council \| Argyll and Bute Councilwww.argyll-bute.gov.uk/	54
Pay it \| Argyll and Bute Councilwww.argyll-bute.gov.uk/my-council/pay-it	43
Award winning council \| Argyll and Bute Councilwww.argyll-bute.gov.uk/my-council/award-winning-council	41
Licences \| Argyll and Bute Councilwww.argyll-bute.gov.uk/licences?page=1	39
Licences \| Argyll and Bute Councilwww.argyll-bute.gov.uk/licences?page=4	38
Licences \| Argyll and Bute Councilwww.argyll-bute.gov.uk/licences	36
Licences \| Argyll and Bute Councilwww.argyll-bute.gov.uk/licences?page=0	36
Licences \| Argyll and Bute Councilwww.argyll-bute.gov.uk/licences?page=2	34
Licences \| Argyll and Bute Councilwww.argyll-bute.gov.uk/licences?page=3	33

Aim for large interactive controls

Argyll & Bute Council

Where this issue has occurred