RE: How to make highlighted text accessible?

[Lars wrote]
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.

Adding the step the page title would be pretty effective. The only issue
with using the page title as an alternative is that it is not programmatic
associated with the background images/color.  SC 1.1.1 requires a
programmatic or textual association with the alternative.  SC 1.4.1 and
technique G14 don't seem to require it be programmatically associated
though - so perhaps the page title could suffice.

Jonathan

-----Original Message-----
From: Lars Holm Sørensen [mailto:post@diversa.dk]
Sent: Saturday, October 19, 2013 7:28 AM
To: w3c-wai-ig@w3.org
Subject: How to make highlighted text accessible?

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

Received on Monday, 21 October 2013 13:02:52 UTC