acessibility fixes for expandable content inside checkbox labels (#663)

* acessibility fixes for expandable content inside checkbox labels

* update to changelog

---------

Co-authored-by: paddy-clark <109068920+paddy-clark@users.noreply.github.com>

Author: SteBradbury

CHANGELOG.md

@@ -16,6 +16,8 @@ Security in case of vulnerabilities.
 
 ## Unreleased
 
+ - Sponsored grant tasks page, acessibility fixes for expandable content inside checkbox labels
+
 See the [full commit history](https://github.com/DFE-Digital/complete-conversions-transfers-changes/compare/production-2026-03-17.1407...main) for everything awaiting release
 
 ---

src/Frontend/Dfe.Complete/Pages/Projects/TaskList/Tasks/ConfirmSponsoredSupportGrantTask/_ConversionConfirmSponsoredSupportGrantTask.cshtml

@@ -83,7 +83,7 @@
             </govuk-checkboxes-fieldset-legend>
             <govuk-checkboxes-item id="@(nameof(Model.PaymentAmount))" data-cy="paymentAmount" asp-for="@Model.PaymentAmount" value="true" name="@(nameof(Model.PaymentAmount))" checked="@Model.PaymentAmount">
                 <b>Tell the trust how much they are entitled to and how to claim the grant</b>
-                <govuk-checkboxes-hint>
+                <govuk-checkboxes-item-hint>
                     <div class="guidance">
                         <details data-module="govuk-details" class="govuk-details">
                             <summary class="govuk-details__summary">
@@ -96,19 +96,19 @@
                             </div>
                         </details>
                     </div>
-                </govuk-checkboxes-hint>
+                </govuk-checkboxes-item-hint>
             </govuk-checkboxes-item>
             <govuk-checkboxes-item id="@(nameof(Model.PaymentForm))" data-cy="paymentForm" asp-for="@Model.PaymentForm" value="true" name="@(nameof(Model.PaymentForm))" checked="@Model.PaymentForm">
                 <b>Receive, check and save the support grant claim form in the school's SharePoint folder</b>
-                <govuk-checkboxes-hint>
+                <govuk-checkboxes-item>
                     <div class="govuk-hint">
                         <p>Check the form is complete and there is no missing information.</p>
                     </div>
-                </govuk-checkboxes-hint>
+                </govuk-checkboxes-item>
             </govuk-checkboxes-item>
             <govuk-checkboxes-item id="@(nameof(Model.SendInformation))" data-cy="sendInformation" asp-for="@Model.SendInformation" value="true" name="@(nameof(Model.SendInformation))" checked="@Model.SendInformation">
                 <b>Send the grant information to the payments team</b>
-                <govuk-checkboxes-hint>
+                <govuk-checkboxes-item-hint>
                     <div class="govuk-hint">
                         <p>Send them the academy order and grant claim form.</p>
                         <div class="guidance">
@@ -138,11 +138,11 @@
                             </details>
                         </div>
                     </div>
-                </govuk-checkboxes-hint>
+                </govuk-checkboxes-item-hint>
             </govuk-checkboxes-item>
             <govuk-checkboxes-item id="@(nameof(Model.InformTrust))" data-cy="informTrust" asp-for="@Model.InformTrust" value="true" name="@(nameof(Model.InformTrust))" checked="@Model.InformTrust">
                 <b>Tell the trust the grant is being processed</b>
-                <govuk-checkboxes-hint>
+                <govuk-checkboxes-item-hint>
                     <div class="guidance">
                         <details data-module="govuk-details" class="govuk-details">
                             <summary class="govuk-details__summary">
@@ -154,7 +154,7 @@
                             </div>
                         </details>
                     </div>
-                </govuk-checkboxes-hint>
+                </govuk-checkboxes-item-hint>
             </govuk-checkboxes-item>
         </govuk-checkboxes-fieldset>
     </govuk-checkboxes>