Skip to content

[A11Y] Goal progress bar missing ARIA attributes — not accessible to screen readers #950

@Priyanshu-byte-coder

Description

@Priyanshu-byte-coder

Describe the Bug

The goal progress bar is a styled div with no ARIA attributes. Screen readers cannot determine the current progress, minimum, or maximum values.

Steps to Reproduce

  1. Enable a screen reader
  2. Navigate to the Goals section
  3. Tab to a goal's progress bar
  4. No progress information is announced

Expected Behavior

Progress bar element should have:

role="progressbar"
aria-valuenow={currentValue}
aria-valuemin={0}
aria-valuemax={targetValue}
aria-label="Goal progress: X of Y commits"

Screenshots / Logs

N/A

Environment

  • OS: Any
  • Browser: Any with screen reader

Additional Context

This is a WCAG 2.1 Level A requirement (1.3.1 Info and Relationships). Quick fix — just add 4 attributes to the progress bar element.

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityAccessibility improvementslevel:beginnerGSSoC: Beginner difficulty (20 pts)needs-triageNeeds maintainer triagetype:accessibilityGSSoC type bonus: accessibility (+15 pts)

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions