search

boudicca-events / boudicca.events

Event Aggregation/Publishing System
https://boudicca.events
GNU General Public License v3.0
29 stars 8 forks source link

A11Y: accessible testing scenarios #336

Closed mahdikhashan closed 4 months ago

mahdikhashan commented 7 months ago

related issues:

  1. 289

  2. 294

  3. 293

    3.1 A11Y for blind users

  4. 290

    4.1 A11Y needs on accessing information (blind, ...) 4.2 A11Y needs for the events (wheelchair, ...)

TODO:

possible scenarios:

  1. Perceivability:

    • all not-textual content convey required information

  2. keyboard navigation

  3. screen readers

  4. forms

  5. buttons

  6. interactive components

mahdikhashan commented 7 months ago

I manually tested using chrome screen reader:

what I noticed (possible issues):

  1. header is not a list, results in mis-understanding for people using screen readers. (should check relevant WCAG guideline)
  2. an event dom object is not focusable using tab, not sure what would be the case using an accessible navigator.
  3. the Boudicca logo alt information is in German
  4. the image of an event does not have any alt tag. result in mis-information.
  5. when the filter drawer is opened, the screen reader losses it's focus when reaches the end of the elements in the drawer. in this case, continues with the event items in the lower layer. in this case the user can not close the drawer.
mahdikhashan commented 7 months ago

a tool to manually test the common a11y issues, suggested by Playwright.

mahdikhashan commented 5 months ago

I manually tested using chrome screen reader:

what I noticed (possible issues):

  1. header is not a list, results in mis-understanding for people using screen readers. (should check relevant WCAG guideline)
  2. an event dom object is not focusable using tab, not sure what would be the case using an accessible navigator.
  3. the Boudicca logo alt information is in German
  4. the image of an event does not have any alt tag. result in mis-information.
  5. when the filter drawer is opened, the screen reader losses it's focus when reaches the end of the elements in the drawer. in this case, continues with the event items in the lower layer. in this case the user can not close the drawer.

we fixed all the issues mentioned here already.

mahdikhashan commented 4 months ago

It has been done in a pr called manual testing related to user tests, also I have generated a couple of user test scenarios which was added to the google drive folder under UI-UX research.