how to make a checkout progress bar on a web page accessible?

Viewed 4514

By a checkout progress bar, I mean something like this:

a checkout progress bar example

I am trying to make such web ui component accessible, especially for screen reader(like JAWS) users. I have been googling for hours to find some aria attributes that are designed for such use case, but didn't find any.

A not so elegant solution that I can think about is that, whenever this progress bar changes -- advance or going back, use javascript to generate an alert message in a format like "you completed:abc, you are now at:d, you still have:efg to go". I wonder if there is a better way of doing this.

2 Answers
Related