Catalog: Voiceover reads numbers inside of image header

[RyanAJensen]

Steps to recreate

Visit /catalog and run the Axe dev tools

URL

http://localhost:3000/catalog

Issues

Voiceover reads numbers inside of image header

Severity

Medium

WCAG Success Criterion

• 1.1.1 – Non-text Content

WCAG Conformance level (A, AA, AAA)

AAA

User impact

This provides non-important information to voiceover users that may be confusing

Recommended fix

Fix so that the screen reader reads alt image text instead of the numbers inside image.

Acceptance criteria

• I can successfully use this feature with Voice Over in Safari.
• I have checked this feature using one of the following browser extensions and confirmed that it does not add any level A or level AA issues:
  • axe dev tools
  • Lighthouse
  • Wave
• WCAG Success Criterion are resolved

Notes

[RyanAJensen]

I'm not sure of the issue that this ticket is trying to address, would anyone be able to clarify?