diff --git a/src/components/Questionnaire/LabelCheckbox.tsx b/src/components/Questionnaire/LabelCheckbox.tsx index 2ebf3273a..efc876de8 100644 --- a/src/components/Questionnaire/LabelCheckbox.tsx +++ b/src/components/Questionnaire/LabelCheckbox.tsx @@ -69,7 +69,7 @@ const LabelCheckbox: FC = ({ data-type="boolean" value={checked ? "true" : "false"} onChange={() => {}} - aria-labelledby={`${idPrefix}-label`} + aria-label={rest?.inputProps?.["aria-label"]} checked hidden /> diff --git a/src/components/Questionnaire/ReviewDataListing.tsx b/src/components/Questionnaire/ReviewDataListing.tsx index 44220d7f4..3e9462e5b 100644 --- a/src/components/Questionnaire/ReviewDataListing.tsx +++ b/src/components/Questionnaire/ReviewDataListing.tsx @@ -29,7 +29,7 @@ const ReviewDataListing = ({ idPrefix, title, description, hideTitle, children } {title || description ? ( {title && ( - + {!hideTitle ? title : null} )} diff --git a/src/components/Questionnaire/ReviewSection.tsx b/src/components/Questionnaire/ReviewSection.tsx index c4b5fee0c..a1d765c3d 100644 --- a/src/components/Questionnaire/ReviewSection.tsx +++ b/src/components/Questionnaire/ReviewSection.tsx @@ -40,7 +40,7 @@ const ReviewSection: FC = ({ idPrefix, title, divider = true, children }) {title && ( - + {title} )} diff --git a/src/content/questionnaire/sections/C.tsx b/src/content/questionnaire/sections/C.tsx index 6ca8d7d71..a7d25f97e 100644 --- a/src/content/questionnaire/sections/C.tsx +++ b/src/content/questionnaire/sections/C.tsx @@ -163,6 +163,7 @@ const FormSectionC: FC = ({ SectionOption, refs }: FormSection checked={otherCancerTypesEnabled} onChange={handleOtherCancerTypesCheckboxChange} readOnly={cancerTypes.includes(CUSTOM_CANCER_TYPES.NOT_APPLICABLE) || readOnlyInputs} + inputProps={{ "aria-label": "Toggle Other cancer type(s)" }} /> } name="otherCancerTypes" @@ -213,6 +214,7 @@ const FormSectionC: FC = ({ SectionOption, refs }: FormSection checked={otherSpeciesEnabled} onChange={handleOtherSpeciesCheckboxChange} readOnly={readOnlyInputs} + inputProps={{ "aria-label": "Toggle Other Specie(s) involved" }} /> } name="otherSpeciesOfSubjects"