A11y: Links missing accessible names

[marcuskbra]

Description

Some links in the application do not have accessible names, failing the link-name axe-core rule.

Current Behavior

Links may contain only images without alt text, or have no text content, making them inaccessible to screen reader users.

Expected Behavior

All links should have accessible names through one of:

• Text content within the link
• aria-label attribute
• aria-labelledby reference
• Image with alt text inside the link

<!-- Good examples -->
<a href="/lesson">View Lesson</a>
<a href="/lesson" aria-label="View Lesson 1">
  <img src="icon.svg" alt="">
</a>

Impact

• Screen reader users hear "link" without knowing the destination
• Users cannot understand the purpose of links

WCAG Criterion

• 2.4.4 Link Purpose (In Context) (Level A)
• 4.1.2 Name, Role, Value (Level A)

Suggested Fix

1. Audit all links in the application
2. Add text content or aria-label to links
3. For icon-only links, add aria-label describing the action