responsively-app icon indicating copy to clipboard operation
responsively-app copied to clipboard

Published 20 hours ago • verified publisher icon responsively-org

accessibility?

Open kappesante opened this issue 1 year ago • 12 comments

🚀 Feature Request

📝 Description

Missing accessibility checks

✨ Describe the solution you'd like

Implement some accessibility checks for contrast, link announcements, and so on.

✍️ Describe alternatives you've considered

Polypane is the actual alternative. Accessibility is the only feature i miss.

kappesante avatar Sep 12 '23 13:09 kappesante

Hi could I work on this ?

DxVxDOD avatar Sep 12 '23 20:09 DxVxDOD

I would be available to work on this. We could use Alpha and/or axe-core

astuanax avatar Oct 03 '23 18:10 astuanax

How would it work?

  • Add a button like the screenshot button
  • Add a11Y stylesheet (or others)
  • Run axe-core and use the output to add red borer around elements that fial the test
  • Add sidebar with axe-core results.

If someone could help out to test, that would be great.

astuanax avatar Oct 03 '23 18:10 astuanax

i’m super excited to see this taken in consideration. if only i was able to help writing an app!

(the screeshot feature should be getting a little more love but i won’t press you guys, accessibility is way more important imho).

thanks a lot

kappesante avatar Oct 03 '23 20:10 kappesante

@astuanax please feel free to spin up a PR for this issue. Looking forward! 🚀

themohammadsa avatar Oct 04 '23 07:10 themohammadsa

I'll get started on this. I would add a couple of buttons to mimic different type of colour blindness.

https://github.com/astuanax/color-blindness-emulation

astuanax avatar Oct 26 '23 20:10 astuanax

I have finished the first menu with specific color vision issues.

I made a short video showing the functionality. https://github.com/responsively-org/responsively-app/assets/1730624/9986dc57-193a-4783-b093-aaed16611691

Next week I will clean up and make a first PR, but I would really love someone to test this features before pushing the PR.

Please let me know who is able to help out with user testing.

Thx already!

astuanax avatar Oct 27 '23 17:10 astuanax

@astuanax This demo looks great, please let us know when you have a PR and I can help to test it.

manojVivek avatar Oct 29 '23 06:10 manojVivek

@manojVivek Added the pull request.

Please let me know about the features and how you tested.

Code review is also very necessary.

astuanax avatar Nov 01 '23 16:11 astuanax

If you guys like it, I can continue adding the following items:

  • Add a button like the screenshot button
  • Add a11Y stylesheet (or others) << there are a lot more of those.
  • Run axe-core and use the output to add red borer around elements that fial the test
  • Add sidebar with axe-core results.

astuanax avatar Nov 01 '23 16:11 astuanax

@manojVivek

I messed up the previous pr, but the new is clean and should be fine to merge after review and updated.

astuanax avatar Nov 02 '23 09:11 astuanax

things are moving! thanks to all!

kappesante avatar Nov 17 '23 12:11 kappesante