[PRM-64] WCAG 3.3.2: missing labels on download checkboxes (#614)

* Made filename column and checkbox label aria hidden

* Fixes tests by using new names for checkboxes

* Adds aria-hidden to filename header

* Fixes tests

Author: jack-nhs

app/src/components/blocks/_lloydGeorge/lloydGeorgeSelectSearchResults/LloydGeorgeSelectSearchResults.test.tsx

@@ -60,7 +60,7 @@ describe('LloydGeorgeSelectSearchResults', () => {
             renderComponent({ selectedDocuments: mockSelectedDocuments });
 
             const headers = screen.getAllByRole('columnheader');
-            const expectedHeaders = ['Selected', 'Filename', 'Upload date', 'File size'];
+            const expectedHeaders = ['Selected', 'Upload date', 'File size'];
 
             expectedHeaders.forEach((headerText, index) => {
                 expect(headers[index]).toHaveTextContent(headerText);

app/src/components/blocks/_lloydGeorge/lloydGeorgeSelectSearchResults/LloydGeorgeSelectSearchResults.tsx

@@ -110,7 +110,9 @@ const AvailableFilesTable = ({
                         {allowSelectDocument && (
                             <Table.Cell className={'table-column-header'}>Selected</Table.Cell>
                         )}
-                        <Table.Cell className={'table-column-header'}>Filename</Table.Cell>
+                        <Table.Cell className={'table-column-header'} aria-hidden>
+                            Filename
+                        </Table.Cell>
                         <Table.Cell className={'table-column-header'}>Upload date</Table.Cell>
                         <Table.Cell className={'table-column-header'}>File size</Table.Cell>
                     </Table.Row>