ACCESSIBLITY: Compliance

[LlGC-szw]

Test to ensure compliance with WCAG2.2 AA and that an accessibility statement is available for the website.

TODO

• Ensure keyboard navigation works
  • Fix focus indicator on gallery items
• Ensure contrasts are appropriate

[LanieOkorodudu]

Just to add my thoughts here, and please feel free to disagree, as some of you may have more in-depth knowledge of accessibility.
It may be beneficial to improve keyboard navigation before proceeding with usability testing, since some users rely on keyboard navigation when browsing the website. Currently, using the Tab key to navigate the homepage does not follow a logical order.

Addressing these accessibility considerations ahead would also allow us to be more confident when preparing the website’s accessibility compliance statement.
Additionally, I ran a WCAG contrast check and have included a screenshot of the results below for reference.

Sharing this link as well, https://www.w3.org/TR/WCAG22/#contrast-minimum, https://www.w3.org/TR/WCAG22/#resize-text,
it may be helpful for reviewing the success criteria for contrast and text resizing.

[demiankatz]

Thanks, @LanieOkorodudu. Regarding keyboard navigation, I did not see a problem with the navigation order when I tested -- could you elaborate on where you ran into trouble there? I did see a different keyboard problem (or maybe this is what you refer to): when you activate gallery entries with the keyboard, there is no visible highlighting, so it is easy to get lost. We definitely need to add a focus indicator there!

[LanieOkorodudu]

Thanks, @LanieOkorodudu. Regarding keyboard navigation, I did not see a problem with the navigation order when I tested -- could you elaborate on where you ran into trouble there? I did see a different keyboard problem (or maybe this is what you refer to): when you activate gallery entries with the keyboard, there is no visible highlighting, so it is easy to get lost. We definitely need to add a focus indicator there!

When I navigate the homepage using the Tab key, the focus moves correctly up to the English section. However, if I continue tabbing, I would expect the next focus to move to “Universal Viewer,” then to the tagline (“One interface for all of your content. Universal Viewer displays images, multimedia, documents and 3D models in an extensible and embeddable open-source application”), and then to “Features.”

Instead, the focus jumps directly to “Showcase.” Because of this, I lose track of where I am, especially since there is no visible focus indicator as you mentioned.
By the way the keyboard navigation issue is just on the "Home Page"