diff --git a/css-forms-1/Overview.bs b/css-forms-1/Overview.bs index 6b3c18ea2c2..d37b0904baf 100644 --- a/css-forms-1/Overview.bs +++ b/css-forms-1/Overview.bs @@ -843,8 +843,14 @@ ISSUE: Refine meter, progress, switch and range input styling. ```css input:is([type=checkbox]:not([switch]), [type=radio]) { - width: 1em; - height: 1em; + /* These size rules ensure accessibility by following WCAG rules: + * https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html */ + block-size: max(1em, 24px); + inline-size: max(1em, 24px); + + /* This font-size rule ensures the checkmark fills the containing box. */ + font-size: max(1em, 24px); + display: inline-flex; align-items: center; justify-content: center;