This example relates to technique C42.
inline-block, min-height:44px and min-width:44px set on list items inside pagination menu)The first example shows a situation where the targets (in this case, the linked numbers in the pagination menu) are smaller than 44 × 44 CSS pixels. However, the list items that contain them have a minimum height and width of 44px, so that sufficient target spacing is assured.
HarperCollins, 1800. Condition: Good.
Real People Press, 1804. Shows some signs of wear, and may have some markings on the inside.
1838. Condition: Very Good. Published by Belmont Books, 1969.
display: flex, min-height:44px and min-width:44px set on links inside pagination menu)The second example uses min-width and min-height on the targets (the linked numbers in the pagination menu) and not on the parent container, thereby meeting this target spacing Success Criterion and the AAA Success Criterion 2.5.5 Target Size.
HarperCollins, 1800. Condition: Good.
Real People Press, 1804. Shows some signs of wear, and may have some markings on the inside.
1838. Condition: Very Good. Published by Belmont Books, 1969.