Garde côtière canadienne

Canadian Coast Guard

Contact the Canadian Coast Guard

Marine Communications and Traffic Services

Contactez-nous

Programmes et services

Programs and services

Wrecked, abandoned or hazardous vessels

Canadian Coast Guard fleet

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 2024

May 2024

Title / URL	Issues
Garde côtière canadiennewww.ccg-gcc.gc.ca/index-fra.html	100
Canadian Coast Guardwww.ccg-gcc.gc.ca/index-eng.html	100
Canadian Coast Guardwww.ccg-gcc.gc.ca/index-eng.html?wbdisable=true	95
Contact the Canadian Coast Guardwww.ccg-gcc.gc.ca/contact/index-eng.html	84
Marine Communications and Traffic Serviceswww.ccg-gcc.gc.ca/mcts-sctm/index-eng.html	82
Contactez-nouswww.ccg-gcc.gc.ca/contact/index-fra.html	82
Programmes et serviceswww.ccg-gcc.gc.ca/programs-services-fra.html	81
Programs and serviceswww.ccg-gcc.gc.ca/programs-services-eng.html	81
Wrecked, abandoned or hazardous vesselswww.ccg-gcc.gc.ca/awah-ienad/index-eng.html	80
Canadian Coast Guard fleetwww.ccg-gcc.gc.ca/fleet-flotte/index-eng.html	79

Aim for large interactive controls

Canadian Coast Guard

Where this issue has occurred