hmrc / hmrc-frontend

Apache License 2.0
9 stars 18 forks source link

WCAG 2.2 Error with class .hmrc-sign-out-nav__link #337

Closed thirlz95 closed 3 months ago

thirlz95 commented 8 months ago

I'm using the header component within my project and I've come across the following serious warning from accessibility testing with the new WCAG 2.2 guidelines.

Screenshot 2024-01-10 at 13 59 02

I believe this could be fixed by increasing the font-size from 1rem to 1.2rem. I'd happily create a PR for this if you wish.

YashuMishra commented 8 months ago

Yeah it can be fixed but you can do one more thing increase the padding around the target element to effectively increase its clickable area.

ellamdav commented 6 months ago

Thanks for reporting this, and apologies for the delay in getting to it 🙌

Are you able to confirm that this is still an issue with the latest version? If so, could you possibly include a screenshot of the problem page and/or a link to your repo, or just the relevant HTML fragment?

It looks like maybe your Service Name is a clickable link and is coming up against the sign-out link, but I've been unable to reproduce this locally.

Can you also confirm which accessibility tool(s) are showing the violation?

thirlz95 commented 3 months ago

I can confirm that the latest update has resolved the issue, closing now