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

Typography alone should not be used to delineate list items #4211

Open
StephDriver opened this issue May 30, 2024 · 1 comment
Open

Typography alone should not be used to delineate list items #4211

StephDriver opened this issue May 30, 2024 · 1 comment
Labels
a11y Issues that relate to acessibility VPAT Issue prioritised for VPAT improvements.

Comments

@StephDriver
Copy link
Contributor

We have used bullets and vertical lines in the middle of text to differentiate between items, for example:

image image

These are read out to by a screen reader as "vertical line" or "bullet" respectively.

  1. this is confusing. While the presentative elements are being spoken, they are not be communicated in a meaningful way that aids comprehension or navigation.
  2. if items need to be differentiated, they should be formatted as a list.

WCAG 1.3.1

Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.

@StephDriver StephDriver added the a11y Issues that relate to acessibility label May 30, 2024
@StephDriver StephDriver changed the title Markup decorative typography as decorative Typography alone should not be used to delineate list items May 30, 2024
@StephDriver
Copy link
Contributor Author

StephDriver commented May 30, 2024

from #4194

  • Sample 1, item 21. issue details are read out as "volume 10 bullet issue 1 bullet 2023" which is confusing - make the 'bullets' decorative? <a href="/issue/910/info/">Volume 10 • Issue 1 • 2023</a>
  • Sample 1, item 25. "vertical line ISSN: 2053 1915 vertical line published by" - confusing, make 'vertical lines' decorative. If the dash is important for the ISSN then this needs to be forced to read out rather than ignored as punctuation (depending on punctuation settings of user).
  • Sample 1, item 27. "vertical line" - make this decorative.
  • Sample 2, item 64. "2024 bullet Volume 9" is confusing, mark the bullet as decorative.
  • Sample 2, item 76. "Vertical line ISSN" the | is being read aloud in the footer area.
  • Sample 5.1, item 5. Issue title appears as an H1. It also has the 'bullet' spoken between each part of the title content e.g. "volume eight bullet issue one bullet two thousand and twenty four"
  • Sample 5.1, item 15. decorative bullets between article details are read aloud.
  • Sample 5.2, item 6. bullet is read out aloud between volume number and publication year in carousel item.
  • Sample 5.2, item 13. "volume 23 bullet 2024" -bullet should not be articulated.
  • Sample 5.3, item 16. Volume 15 • Issue 1 • 2023 the bullets are read aloud.
  • Sample 5.3, item 22. again bullets between volume and issue and date are read aloud
  • Sample Other, item 16. should the 'bullet' in lists be read out? or marked as decorative?

@StephDriver StephDriver moved this to Sent to Dev in Accessibility Jun 4, 2024
@StephDriver StephDriver moved this from Sent to Dev to Triage in Accessibility Jun 27, 2024
@StephDriver StephDriver moved this from Triage to Sent to Dev in Accessibility Jun 27, 2024
@StephDriver StephDriver added the VPAT Issue prioritised for VPAT improvements. label Jun 27, 2024
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 VPAT Issue prioritised for VPAT improvements.
Projects
Status: Sent to Dev
Development

No branches or pull requests

1 participant