Design and development updates following desk research and DAC audit

[querkmachine]

What

Make any design or code updates that we've decided to make following the output of #3329.

The audit placed issues into one of two groups: WCAG-related and usability-related. WCAG issues almost certainly require a response of some kind on our part. Usability issues are more subjective, and we may choose to defer or not make changes.

Why

Ensure that Frontend is accessible via compliance with the current WCAG 2.2 specification.

Rectify any usability issues also recorded during user testing during the audit, where we decide changes are valuable.

Epic lead

@CharlotteDowns

Who needs to work on this

• Developers
• Designers
• Accessibility specialist

Who needs to review this

• Developers
• Designers
• Accessibility specialist

Done when

WCAG 2.2 issues raised

Beta Give feedback

1. WCAG 2.2: Investigate the use of focus styles on large target areas #3839
   WCAG 2.2 accessibility accordion step by step navigation 🔍 investigation +5
   
2. WCAG 2.2: Summary list ‖ Focus Not Obscured (Enhanced) #3841
   WCAG 2.2 accessibility summary list +3
   
3. WCAG 2.2: Images ‖ Focus Appearance / Focus Visible #3846
   WCAG 2.2 accessibility images +3
   

Usability issues raised

Beta Give feedback

1. Summary card actions must specify which card they are for #3673
   accessibility accessibility-concern accessibility-regulations-failure accessibility-statement audit may 2023 summary list +6
   
2. Summary list row actions within summary cards must specify which summary card they're part of #3674
   accessibility accessibility-concern accessibility-regulations-failure accessibility-statement audit may 2023 summary list +6
   
3. Pagination links for 'next' and 'previous' pages should be understandable even when out of context #3679
   accessibility accessibility-concern audit may 2023 pagination +4
   
4. Pagination for smaller numbers of pages does not show current page number #3682
   accessibility audit may 2023 pagination +3
   

   
5. Pagination aria-label="results" does not inform the user of the purpose of the region #3684
   accessibility audit may 2023 pagination +3
   
6. Upload file component has no visual target area when dragging and dropping a file #3685
   accessibility audit may 2023 file upload +3
   
7. Upload file component doesn't respond to 'click choose file' due to Dragon / browser bugs #3686
   accessibility accessibility-statement audit may 2023 file upload +4
   
8. Step-by-step navigation does not convey all of the information for screen reader users when viewing them as forms govuk-design-system#3021
   accessibility audit may 2023 step by step navigation +3
9. The non-visual experience of Exit this Page button doesn't make it clear it's a safety feature #3688
   accessibility audit may 2023 exit this page +3
   
10. Character count is hidden until you approach a character threshold #3689
    accessibility audit may 2023 character count +3
    
11. Details component does not work well with Dragon and VoiceOver #3693
    accessibility accessibility-statement audit may 2023 details +4
    
12. Hover states for checkboxes and radios aren't visible in Windows High Contrast Mode #3695
    accessibility audit may 2023 checkboxes radios +4
    
13. aria-label for heading menu duplicates information provided by the aria-expanded attribute #3696
    accessibility audit may 2023 header +3
    

[querkmachine]

Calling this done.

#3839 is going to spin-off into a separate stream of work to tie into a general investigation into our focus styles and how we use them. #3682 and alphagov/govuk-design-system#3021 have become updates to guidance and are now part of a new epic:

• Components and patterns that need a guidance change to meet WCAG 2.1 #4038
• Rationalise our approach to styling focus states govuk-design-system#3007

[CharlotteDowns]

Taking it out of done as the new 'Spin-off' cards relate to completing this Epic, I'm happy to take over the 'Epic lead' batten to finish off these other bits.

[dav-idc]

@CharlotteDowns should we append the tasklists here with the content pieces from this list of audit May 2023 labelled issues as well?
https://github.com/alphagov/govuk-design-system/issues?q=label%3A%22audit+may+2023%22+sort%3Acreated-asc

[dav-idc]

Ohh this is the design & dev card, not the content card. Ignore my prior question. 🧠

[CharlotteDowns]

The spin off tasks have been moved to a new epic so closing again