GOV.UK Frontend accessibility improvements

[timpaul]

Must

• Review if aria-label in header navigation is necessary HTML validation error: 'Possible misuse of aria-label' in header #1340
• Conditional reveals with an input not being announced on JAWS Conditional reveals with an input not being announced on JAWS #935
• Conditionally revealing content with checkboxes not announcing collapsed/expanded state on macOS with VoiceOver Conditionally revealing content with checkboxes not announcing collapsed/expanded state on macOS with VoiceOver #989
• Conditional reveal radio component has aXe errors Radios that conditionally reveal content use aria-expanded which is not a valid aria-attribute for those roles #979
• Fieldset legend text can be clipped when using a custom or fallback font Fieldset legend text can be clipped when using a custom or fallback font #1239
• Descenders clipped from letters such as qyp when select boxes are in an error state Descenders clipped from letters such as qyp when select boxes are in an error state #1534
• Form elements do not scale well if only font size increased Form elements do not scale well if only font size increased #1519
• Error Summary link handling can result in obscured inputs Error Summary link handling can result in obscured inputs #1544

Should

• All caps text in the tag component is harder to read All caps text in the tag component is harder to read #1504
• Dragon Accessibility issue with DOB field Dragon Accessibility issue with DOB field #1101
• Summary list action links visually hidden text are read out without spaces in screen readers Summary list action links visually hidden text are read out without spaces in screen readers #1643
• Investigate adding 'aria-invalid' attribute on form inputs that have errors Investigate adding 'aria-invalid' attribute on form inputs that have errors #1168
• Hint for fieldset not announced if first input has hint Hint for fieldset not announced if first input has hint #1696
• Link colour change on hover not clear Link hover states are not clear #1417
• Screen-readers may not 'announce' lists if 'list-style: none' is used Screen-readers may not 'announce' lists if 'list-style: none' is used #1471
• Investigate Dynamic Type to improve accessibility for iOS users Investigate Dynamic Type to improve accessibility for iOS users #882
• Details component not announcing collapsed/expanded state on iOS with VoiceOver details component not announcing collapsed/expanded state on iOS with VoiceOver #988
• Investigate why role="group" is applied to details component automatically Investigate why role="group" is applied automatically and consider removing #1483
• Character count count message is not associated with textarea Character count count message is not associated with textarea #1106
• Character count remaining characters message not visible Character count remaining characters message not visible #1406
• Investigate colour contrast issues with secondary text colour Investigate colour contrast issues with secondary text colour #1134

Could

• Consider making tabs <section> into <div> Consider making tabs <section> into <div>  #1339
• Tabs interface needs better way to get to panel content Tabs interface needs better way to get to panel content #860
• Wrapping component text with <p> where semantics are missing All sentences should be inside <p> (or the relevant semantic elements) #1611
• Investigate using more robust method for detecting updates to input fields in Dragon Investigate using more robust method for detecting updates to input fields in Dragon #1028

[automaticdreams]

automated testing with axe flags .govuk-footer__copyright-logo as an issue because it cannot calculate contrast as a background image is used without a background colour

[36degrees]

Closing in favour of the accessibility label.