RE: SteemWorld ~ Weekly Support ~ #3

You are viewing a single comment's thread from:

RE: SteemWorld ~ Weekly Support ~ #3

View the full context

aiyumi in #steemworld • 6 years ago

Hi, Steemchiller!

Like many here, I'm a happy user of SteemWorld, and it has earned a permanent open tab in my browser! The only problem is that I'm a screen reader user, and am facing issues with a few "buttons" on the site, such as the one to simulate SP, the one to cast a manual vote, among others. They can't be focused nor activated with the keyboard, only with mouse clicks. I've peered at them using Firefox's HTML inspector, and noticed they have 'role="button",' but only this isn't enough to make them interactable with the keyboard. It would need 'tabindex="0"' to be focusable with the "Tab" key, and also respond to the "Enter" key (keycode 13) and the spacebar (keycode 32) to behave like a native HTML button and be accessible to screen readers. Other "buttons" like the "coming curation rewards" one don't even have 'role="button",' and aren't really accessible, either.

I don't know how many screen reader users SteemWorld has, but if you could do something about these accessibility bits, it would be great!

Thank you in advance! And thank you for SteemWorld!

6 years ago in #steemworld by aiyumi

0.00 BPC

1 vote

Sort:

Trending

[-]

steemchiller 6 years ago

Thanks for your feedback! I can add the tabindex-attributes without any problem. Even if there are not so many screen readers using the site, I think it's important to be able to use all buttons without mouse. May take a few days ;)

0.00 BPC

7 votes

[-]

aiyumi 6 years ago

Great to hear! I'll be waiting!

0.00 BPC

[-]

steemchiller 6 years ago

Should work now for most buttons. If you should miss the tabindex anywhere else, just tell me and I will add it there.

0.00 BPC

4 votes

[-]

aiyumi 6 years ago

That was fast! :D

The buttons I tested worked like a charm. Thank you so much!

I did a quick check and found a few buttons that didn't get fixed. One is at the stats tab, the restore SP button that appears after we simulate SP. Another one is at the followers tab, the button to follow someone. And another one is the preview button at the mentions tab.

And then there are the account operations, coming author/curation rewards etc., but I assume they are different beasts, and a job for another time. :)

0.00 BPC

1 vote

[-]

steemchiller 6 years ago

Thanks for your help! There are way too many buttons... :) I've fixed it for the ones you've mentioned. The refresh buttons in coming author/curation rewards are working for me but I guess you mean the collapsable items (headers) for the sections?

Yes, the beasts will take some more time and they will come later ;)

0.00 BPC

2 votes

[-]

aiyumi 6 years ago

Great! Thank you for the fixes!

Yes, I mean the headers.

0.00 BPC