Target Size (Minimum) examples

This page shows examples of passing /failing the draft WCAG 2.2 SC Target Size (Minimum). The font size of paragraphs and lists is set to 14px.

Example 1 (PASS): List with more than 24px vertical offset between list items

The CSS-defined line-height: 1.8 works out as 25.2px which means that each item will have an offset of more than 24 px vertically.

Example 2 (PASS): Text with inline links, less than 24px vertical offset between lines of text

The CSS-defined line-height: 1.2 works out as 16.8 px which means that links may have a vertical offset of less than 24 px to vertically adjacent link targets - but they are inline links and thus fall under the exception.

The first keynote was by Maire Dupont (See [1]). After that we had a refresher by Edgar Wiesenbach (see [2],[3]). After the break, Georgina Forel presented her Master Thesis on cryptograms (see [4],[5]). Last not least, Caspar Boone treated us to his metaphysics of aleatoric parsing (see [6])

Example 3 (PASS): List items with inline links, less than 24px vertical offset between list items

The CSS-defined line-height: 1.2 which works out as 16.8 px between list items which means that links in those items may have a vertical offset of less than 24 px to vertically adjacent link targets - but they are inline links (not the entire list item is linked) and thus fall under the exception.

The first keynote was by Maire Dupont (See [1])
After that we had a refresher by Edgar Wiesenbach (see [2],[3])
Georgina Forel then presented her Master Thesis on cryptograms (see [4],[5])
Last not least, Caspar Boone treated us to his metaphysics of aleatoric parsing (see [6])

Example 4 (FAIL): List with less than 24px vertical offset beteeen items

The CSS-defined line-height: 1.2 works out as 16.8 px which means that the inner items 2 and 3 will have a vertical offset of less than 24 px vertically (the outer items have no links above / below, so they would pass). Since the entire list item is a target, these links are not considered inline links and therefore fail the SC.

Detlev Fischer, (fischer [ at ] dias [dot] de)

Last update: 16 March 2021