RE: Progress tracker in Workflow - What is best accessibility practice?

Hello Lars,

Not sure if this helps but as far as a stepped progress pattern for screen reader users I utilize an unordered list with a group role and aria label. Each step utilizes screen reader only text which is hidden off screen with CSS to relay step status.

The screen reader reads:

-          You are on step 1 of 2 step one is active. Personal Information

-          Step 2 of 2 is not active. Account Information



The basic code structure:
You can always use JS to dynamically switch out the “scrnRdrTxt” content based on which step is active.

<style>
.scrnRdrTxt {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  csectionp: rect(0, 0, 0, 0);
  border: 0;
}
ul, li {
  list-style: none;
}
</style>
----------------------------------------------------

<ul aria-label="Open an account steps" role="group">

<li>
<span class="scrnRdrTx">You are on step 1 of 2, step 1 is active.</span>
<span class="title">Personal Information</span>
</li>

<li>
<span class=" scrnRdrTx">Step 2 of 2 is not active.</span>
<span class="title">Account Information</span>
</li>

</ul>




Thank you,
Zach Bolena


From: Sean Murphy (seanmmur) [mailto:seanmmur@cisco.com]
Sent: Sunday, January 29, 2017 6:28 PM
To: Lars Ballieu Christensen; w3c-wai-ig@w3.org
Subject: RE: Progress tracker in Workflow - What is best accessibility practice?

What about accessible bread crumbs or an indicator identifying they are currently step 1 of x.

Sean Murphy
Accessibility Software engineer
seanmmur@cisco.com<mailto:seanmmur@cisco.com>
Tel: +61 2 8446 7751       Cisco Systems, Inc.
The Forum 201 Pacific Highway
ST LEONARDS
2065
Australia
cisco.com

 Think before you print.
This email may contain confidential and privileged material for the sole use of the intended recipient. Any review, use, distribution or disclosure by others is strictly prohibited. If you are not the intended recipient (or authorized to receive for the recipient), please contact the sender by reply email and delete all copies of this message.

From: Lars Ballieu Christensen [mailto:lbc@sensus.dk]
Sent: Thursday, 26 January 2017 8:48 PM
To: w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>
Subject: Progress tracker in Workflow - What is best accessibility practice?

Hi all,

Greetings from Denmark.

We are currently researching good, accessible ways of addition progress trackers in digital workflows such as e-commerce solutions that enables users to know where they are in the process. I would greatly appreciate pointers to any work done on the subject, good practice examples etc.

Venligst/Kind regards

Lars
----
Lars Ballieu Christensen
Rådgiver/Adviser, Ph.D., M.Sc., Sensus ApS
Specialister i tilgængelighed/Accessibility Consultants
Tel: +45 48 22 10 03 – Mobil: +45 40 32 68 23 - Skype: Ballieu
Mail: lbc@sensus.dk<mailto:lbc@sensus.dk> – Web: www.sensus..dk<https://urldefense.proofpoint.com/v2/url?u=http-3A__www.sensus..dk&d=CwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=I-0t12WpGJxNkdW_RfpIW9YOozR-hyEJ0QTh4erGBto&s=c6o0_B-U8r2bTEBfF5qQcKrc1ZEz9TtTYkWZhoPCaac&e=> <http://www.sensus.dk/<https://urldefense.proofpoint.com/v2/url?u=http-3A__www.sensus.dk_&d=CwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=I-0t12WpGJxNkdW_RfpIW9YOozR-hyEJ0QTh4erGBto&s=iaxUgEs0sk4nRpsmqO21PKFI-nG4HQ_NYekGQGsOEXo&e=>> &
www.robobraille.org<https://urldefense.proofpoint.com/v2/url?u=http-3A__www.robobraille.org&d=CwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=I-0t12WpGJxNkdW_RfpIW9YOozR-hyEJ0QTh4erGBto&s=rk0bi2WzfhQL8rq6729vtBATSmk0LoTsXgZ9AbG7Q-4&e=> <http://www.robobraille.org/<https://urldefense.proofpoint.com/v2/url?u=http-3A__www.robobraille.org_&d=CwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=I-0t12WpGJxNkdW_RfpIW9YOozR-hyEJ0QTh4erGBto&s=nlfFV2Z3JQLzrpkupjDUybm-zilVXWC2uxNsHMrqgPQ&e=>>

Vi arbejder for et tilgængeligt og rummeligt informationssamfund
Working for an accessible and inclusive information society