hasadna/open-bus-map-search

Improve accessibility: Convert image links to buttons

Open

#949 opened on Nov 26, 2024

View on GitHub
 (4 comments) (2 reactions) (1 assignee)TypeScript (125 forks)auto 404
enhancementfrontendgood first issuehacktoberfest

Repository metrics

Stars
 (95 stars)
PR merge metrics
 (PR metrics pending)

Description

The current clickable image link for "לתרום לסדנא" ("Donate to the Workshop") has usability and accessibility issues: image

1.Accessibility: Screen readers may not clearly convey its purpose. 2.Design: A button is more appropriate for a call-to-action. Proposed changes:

-Replace the image with a button labeled "לתרומה לסדנא →" ("Donate to the Workshop →"). -Ensure the button is keyboard-accessible, styled consistently, and follows accessibility best practices. Benefits:

-Better accessibility and usability. -Aligns with modern UI/UX standards.

Contributor guide

Research direction
Locate the image link component (likely in a React component) and replace it with a button element using proper ARIA attributes if needed. Ensure keyboard focus, styling consistent with existing buttons, and test with screen reader.
Tech stack
typescript
Domain
frontend
Issue type
Accessibility
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLCSSAccessibility basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80