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

OLH theme: box links used in lists of articles are not accessible #4220

Open
StephDriver opened this issue May 31, 2024 · 1 comment
Open
Labels
a11y Issues that relate to acessibility

Comments

@StephDriver
Copy link
Contributor

When navigating, for example an OLH homepage, by headings with a screenreader, the article headings are not described as links, but can be followed as if they are links to that article. When navigating by link, the link appears before the heading and is only described by the article number.

What seems to be happening is that the link itself is a box behind the other content, such that any content within that area of the screen then can be followed as if it is a link, but is not identified as a link.

Two examples of this were identified from screen reader testing #4194

  • Sample 5.1, item 11. when navigating by headings, the article headings are not described as links, but can be followed as if they are links to that article. When navigating by link, the link appears before the heading and is only described by the article number.
  • Sample 5.1, item 22. popular article links are also just the article number, same behaviour as above with other articles in regards to the article title not being a link, but acting as if it were a link.
@StephDriver StephDriver added the a11y Issues that relate to acessibility label May 31, 2024
@joemull
Copy link
Member

joemull commented Jun 7, 2024

The use of box-link in the markup for this block is causing the issue. We plan to revise this markup so the anchor properly wraps the content and make sure it works as a contextual link. Then it will go back to Steph for testing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Issues that relate to acessibility
Projects
Status: Sent to Dev
Development

No branches or pull requests

2 participants