Various elements do not meet AAA Enhanced target size
andymantell opened this issue · comments
Bug Report
What is the issue?
The guidance at https://service-manual.nhs.uk/accessibility/what-all-NHS-services-need-to-do says
"meet at least level AA of the Web Content Accessibility Guidelines and aim for AAA where possible"
There are some components that don't currently meet Target Size (Enhanced) (Level AAA) which mandates a 44px clickable area.
For some of our components, extending them out to 44px might be too much - we could make a judgement call here. But there are some where they're already quite close and if it doesn't cause any other issues it would seem prudent to expand them out.
For example:
- checkboxes
- radios
- input fields
are all just shy of the 44px target, and so I think we should expand them out so they meet.
What steps are required to reproduce the issue?
Inspect the hit areas of relevant components with dev tools
What was the environment where this issue occurred?
- NHS.UK frontend package version: 8.0.2
Note: I'm happy to pick this work up, if no-one else does before I get to it. I've put a ticket on the 111 online backlog for me to do this work at some point...