Skip to content

Refactor availity/progress to use native progress elementΒ #1158

@bjnewman

Description

@bjnewman

πŸš€ Feature request

Current Behavior

Our current progress bar implementation defaults to using a div and span and adding aria roles for accessibility.

Desired Behavior

We should use native html elements when possible for better accessibility.

Suggested Solution

Replace the progress component with the native element and add styles as needed

Who does this impact? Who is this for?

All users, especially those using accessibility tools

Describe alternatives you've considered

The current implementation works fine and does resolve most accessibility issues with aria attributes.

Additional context

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions