Missing ARIA Labels on Interactive Elements

[kasya]

Interactive elements (buttons, links, icons) lack descriptive text or have only icon content and are missing aria-label attributes. This prevents screen readers from understanding the purpose of these elements, violating WCAG 2.1 accessibility guidelines.

Current Components Missing ARIA Labels

• AnchorTitle.tsx
• ModuleList.tsx
• ToggleableList.tsx
• Search.tsx
• SortBy.tsx
• ProgramActions.tsx
• ShowMoreButton.tsx
• Card.tsx
• Release.tsx
• Pagination.tsx

(See individual files for exact locations and details.)

Expected behavior
All interactive elements without visible text should have descriptive aria-label attributes that clearly and concisely describe the action or purpose of the element for assistive technologies.

Acceptance Criteria

• All interactive elements without visible text should have descriptive aria-label attributes
• Labels should clearly describe the action or purpose of the element
• Labels should be concise but informative

[mirnumaan]

Hi @kasya

I would like to fix the issue , can I do it . Thank you .

[mirnumaan]

I have added my edits. Please let me know if anything else needs to be fixed or changed in the PR. Thank you.

@kasya