Bug: .govuk-checkboxes__input is Hidden Due to opacity: 0

[banks-jamgbadi]

Severity: Medium - Accessibility Issue

Description:
Checkboxes are not visible to users when they want to unmask UPNs of pupils transferring to/joining their schools because the css class .govuk-checkboxes__input has opacity: 0, making it completely transparent.

Current State:

.govuk-checkboxes__input {
    z-index: 1;
    width: 44px;
    height: 44px;
    margin: 0;
    opacity: 0;  /* ← This hides the checkbox */
    cursor: pointer;
}

1

2

Expected State:

.govuk-checkboxes__input {
    z-index: 1;
    width: 44px;
    height: 44px;
    margin: 0;
    opacity: 1;  /* ← Should be visible */
    cursor: pointer;
}

Impact:

• Users cannot see checkboxes
• Creates confusion for users trying to interact with forms

Steps to Reproduce:

1. Log in with giap.testusers+SchoolUser1forLA937@education.gov.uk in PP
2. Search via NPD with *
3. Attempt to download NPD data
4. Observe that checkbox elements are invisible
5. Inspect element and note opacity: 0