Skip to content

Latest commit

 

History

History

02-progress-steps

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
docs
docs
 
 
public
public
 
 
src
src
 
 
README.md
README.md
 
 
index.html
index.html
 
 
package.json
package.json
 
 
tsconfig.json
tsconfig.json
 
 
tsconfig.node.json
tsconfig.node.json
 
 
vite.config.ts
vite.config.ts
 
 

README.md

02 Progress Steps

Requirements

  • Create a progress bar with 4 steps.
  • When a prev or next button is clicked, the progress bar should move to the next or previous step.
  • Accessibility Support (Keyboard Navigation).

Considerations

  • Use role="group" to group the steps.
  • Use aria-labelledby to describe the button text for screen readers.
  • Use aria-current to indicate the current step.
  • Use aria-live to announce the current step when the user navigates through the buttons.

Reference