Re: How to make highlighted text accessible?

Hi Lars, 
 
I can think of two solutions to address this situation : 
1- Adding an image (e.g. tiny arrow) beside the highlighted text and
have an alt text saying "current page" 
2- Adding a text and make it invisible on the presentation (WCAG C7 -
http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/css.html#C7 ) 
I will also make sure to have the image or the text wrapped with the
highlighted text in the same element e.g. same <a>tag 
 
Rabab

>>> Lars Holm Sørensen<post@diversa.dk> 2013-10-19 7:27 AM >>>
Hello

Can you suggest a good solution for the following case?

I have a website, where the user goes through a 3 step workflow. 
The 3 steps are listed on top of the page, where the currently active
step is highlighted with a CSS-colored background to tell the user which
step she is performing right now.

The 3 steps are just clean text, - no buttons or tabs, - not used for
navigation.. They are just there to indicate where in the workflow we
are.

In the given situation there is no information for the screenreader
user about where in the workflow she is right now. 
It might also be a problem if the page us used with customized styles.

What would be the best way to let all users know about the current
active step? 
Does aria provide any solution for this?


Everything best:
Lars Holm Sørensen