Add missing for-attribute and (hidden) label to input (#6249)

Gomez · Gomez · commit 85f08bc13686 · 2024-08-23T09:02:14.000+02:00
diff --git a/packages/components/news/6249.fix b/packages/components/news/6249.fix
@@ -0,0 +1 @@
+Add missing `for` attribute to checkbox label to improve accessibility. @gomez
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/CheckboxFacet.jsx b/packages/volto/src/components/manage/Blocks/Search/components/CheckboxFacet.jsx
@@ -21,8 +21,10 @@ const CheckboxFacet = (props) => {
         {choices.map(({ label, value }, i) => (
           <div className="entry" key={value}>
             <Checkbox
+              id={value}
               disabled={isEditMode}
               label={label}
+              htmlFor={value}
               radio={!isMulti}
               checked={
                 isMulti

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	+Add missing `for` attribute to checkbox label to improve accessibility. @gomez