Skip to content

Fix accessibility violations: Add alt text to citation images#522

Open
huangkevin-apr wants to merge 1 commit intocaddyserver:masterfrom
huangkevin-apr:fix-a11y-aria-label
Open

Fix accessibility violations: Add alt text to citation images#522
huangkevin-apr wants to merge 1 commit intocaddyserver:masterfrom
huangkevin-apr:fix-a11y-aria-label

Conversation

@huangkevin-apr
Copy link

Summary

This PR resolves 3 accessibility violations by adding descriptive alt text to citation images in the experts section.

Problem

image

The IBM Equal Access Accessibility Checker identified that three <img> elements were missing alternative text, violating WCAG Level A guidelines. These images are academic paper citations that link to research publications but were not accessible to screen reader users.

  • Violation: Hyperlinks must have an accessible name for their purpose
  • Impact: Users relying on assistive technologies could not understand the purpose of these linked citation images.

Solution

Added descriptive alt attributes to all three citation images:

  • Let's Encrypt paper (aas.png): Alt text describes the paper title and topic
  • HTTPS Usability paper (krombholz.png): Alt text includes the quoted paper title
  • TLS Crypto Shortcuts paper (springall.png): Alt text provides the paper title

Changes

  • Added meaningful alt text to 3 <img> elements in src/index.html
  • Alt text reflects the academic paper titles/topics being cited
  • Maintains semantic HTML structure without breaking existing layout

Testing

✅ All 3 accessibility violations resolved
✅ Images remain properly linked to DOI/conference URLs
✅ Screen readers can now announce meaningful context for each citation
✅ Visual presentation unchanged

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant