Screenreader Testcases:

On the way to find the accessible solution for an Installation-process

What information is really necessary when installing a software and how to find a good solution for non-sighted people.
This is the question we want to answer with this testcases. Which techniques are helpful, what works, and which techniques are more of a hindrance. All of these examples are about code not about design!

Bootstrap Solutions

  1. Bootstrap Version 1: standard with status
  2. Bootstrap Version 2: standard with status, progresscontents, aria-describedby
  3. Bootstrap Version 3: standard with status, aria-label

Native Solutions

  1. Native progress-element Version 1 : wrapped in a dynamic label
  2. Native progress-element Version 2 wrapped in label and using a dynanic aria-label
  3. Final Solution using only progress