Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Footnote links and their backlinks are too small #3440

Open
selfthinker opened this issue Jun 9, 2023 · 0 comments
Open

Footnote links and their backlinks are too small #3440

selfthinker opened this issue Jun 9, 2023 · 0 comments
Labels
accessibility Accessibility issues identified acknowledged This issue has been triaged. design Design inconsistencies and quirks WCAG 2.2

Comments

@selfthinker
Copy link
Contributor

Footnotes within the Govspeak component currently don't fail 2.5.8 Target Size (Minimum). But that is only because there is an exception for interactive elements within inline text.

Note: 2.5.8 is part of the new draft WCAG 2.2 criteria. The latest standard is WCAG 2.1. WCAG 2.2 isn't published yet, so this is potentially subject to change.

But the small size of footnotes is still an accessibility issue, they are very difficult to click on with a mouse or finger on a touch device, especially for people with motor impairments. That’s worse when footnotes or backlinks are close to another link or footnote (which can also look different in other viewports).

When testing the smallest footnote link was only 5.62 x 18.5px and the backlink was 19 x 23.5px.
There is a worse example of footnotes under Specialist content.

Screenshots of footnotes and backlinks with their dimensions:

Screenshot of footnote Screenshot of backlink

This was fixed in some areas on www.gov.uk already (e.g. partly in this Govspeak PR) by changing:

  • ‘1’ to ‘[footnote 1]’ (although a shorter '[note 1]' might also work)
  • ‘↩’ to ‘Go to where this is referenced’ (although that was later changed to be in an aria-label and not visible text, there would need to be a bit more text or spacing to make the link wider)

That also shows that there is an issue of footnotes currently being inconsistent across www.gov.uk.

@andysellick andysellick added design Design inconsistencies and quirks WCAG 2.2 accessibility Accessibility issues identified acknowledged This issue has been triaged. labels Jun 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Accessibility issues identified acknowledged This issue has been triaged. design Design inconsistencies and quirks WCAG 2.2
Projects
None yet
Development

No branches or pull requests

2 participants