Skip to content

Course progress steps are not conveyed to the screen reader users #67770

@vrajtank02

Description

@vrajtank02

###Describe the issue

Since the recent update of the courses user interface, where reset progress buttons for each lesson is given, The following issue is encountered.

  • The course progress is not Conveyed to the screen reader users. Visually, It is displayed the number of remaining steps and completed steps but screen readers not announcing it.before this update, the course progress was announced like: Variables & strings 34 of 100 steps complete.
    As a result, if any new content is added, we're unable to fetch that in which page it is added.

Affected Page

https://www.freecodecamp.org/learn/javascript-v9/

Steps to Reproduce

  1. Go to Javascript course page.
  2. Observe that the how many steps we completed and how many remaining is not displayed. We have to manually go through that.

Expected behavior

Each lesson/workshop page should clearly display the remaining steps and completed steps so that user can easily get the progress.

Screenshots

I am using screen reader.
Though I don't know if any visual indicater is given if progress is incomplete, but as a screen reader user, I am not getting number of steps remaining and number of steps completed.

System

  • Device: [Laptop]
  • OS: [Windows 11[
  • Browser: [Chrome ]

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    help wantedOpen for all. You do not need permission to work on these.platform: learnUI side of the client application that needs familiarity with React, Gatsby etc.scope: a11yThreads for addressing accessibility issues.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions