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

Improve accessibility of news article tags #359

Open
2 tasks
StephDriver opened this issue Apr 9, 2024 · 0 comments
Open
2 tasks

Improve accessibility of news article tags #359

StephDriver opened this issue Apr 9, 2024 · 0 comments
Labels
a11y accessibility

Comments

@StephDriver
Copy link
Contributor

StephDriver commented Apr 9, 2024

The problem

News Articles are filtered by tags.

The tags have visual styling that indicates their function, but are programmatically simply links and so do not indicate their function to assistive technologies.

image
<a class="bg-tan border-white border-2 rounded-full py-2 px-4" 
          href="/news/all/tag/Announcement/">
          Announcement (330)
        </a>

Tasks

  • use aria-label to describe the purpose of the link
  • counts of articles on tags should have aria labels that give the number context e.g. "217 articles" rather than just "217".

Additional Information

see https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA8.html

@StephDriver StephDriver added the a11y accessibility label Apr 9, 2024
@StephDriver StephDriver added this to the A11y actions from audit milestone Apr 10, 2024
@StephDriver StephDriver moved this to Triage in Accessibility Jun 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y accessibility
Projects
Status: Triage
Development

No branches or pull requests

1 participant