Skip to content

Commit ecad30a

Browse files
authored
[css-forms-1] Add 24px sizing rule for checkbox and radio inputs (#12489)
1 parent 3797069 commit ecad30a

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

css-forms-1/Overview.bs

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -871,8 +871,12 @@ ISSUE: Refine meter, progress, switch and range input styling.
871871

872872
```css
873873
input:is([type=checkbox]:not([switch]), [type=radio]) {
874-
width: 1em;
875-
height: 1em;
874+
/* These size rules ensure accessibility by following WCAG rules:
875+
* https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html */
876+
block-size: 1em;
877+
inline-size: 1em;
878+
font-size: max(1em, 24px);
879+
876880
display: inline-flex;
877881
align-items: center;
878882
justify-content: center;

0 commit comments

Comments
 (0)