Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make UI usable by blind people #306

Open
fantasai opened this issue Aug 25, 2022 · 4 comments
Open

Make UI usable by blind people #306

fantasai opened this issue Aug 25, 2022 · 4 comments

Comments

@fantasai
Copy link

fantasai commented Aug 25, 2022

Describe the bug
One of the participants uses a screen reader and found the poll too difficult to use.

Expected behavior
Usable with a screenreader. :)

Steps to Reproduce
OK, this isn't how to actually reproduce, but it should give you an idea:

  1. Replace all the the embedded SVG images with nothing.
  2. Load the page in Firefox, go to View > Page Style > No Style
  3. Try to use the page.

In general, if you replace all images with their alt text and show the page without CSS, it should be well-organized and readable. If it's not, it means you need to fix your markup. Yours... definitely needs fixing.

How to Improve

  1. Sorry to be throwing RTFM at you, but, you need to start by learning to use HTML tags like <p> and <table> and <h3> and <section> and <pre> to organize the information. Find a nice, basic introductory book or read the HTML4 spec or something. Definitely the main section of the poll should be using table markup. Here's a few relevant tutorials from MDN: structuring text, lists, page structure, tables.
  2. Replace the embedded SVG with externally-referenced SVG using <img> tags, and use alt attributes to either mark the image as decorative (alt="") or give the text that it represents (e.g. alt="If need be", alt="Total Available: ").

There might be other things to fix as well, but this should get you 90% of the way there.

@fantasai
Copy link
Author

This section of the CSS Writing Modes spec has some fairly complex tables, btw, you could probably just steal the markup structure: https://www.w3.org/TR/css-writing-modes-4/#unicode-bidi

@frivoal
Copy link

frivoal commented Feb 28, 2024

This issue is the main reason why I keep looking for alternatives, and cannot wholeheartedly recommend Rally.

@nesges
Copy link

nesges commented Sep 10, 2024

This is a major issue for me as well

@hometoast
Copy link

hometoast commented Sep 16, 2024

I have a limited set of tools to validate screen reader readiness. So this might be a 'dumb question'.
For interactions with poll elements, if you tab and space to a poll option. Changing the title would trigger the reader to re-read the element?
title="Monday, September 16, 2024. No Vote"
user presses space. element's title changes.
title="Monday, September 16, 2024. Going"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants