Notes: Run Accessibility Checker and Color Contrast Analyzer

Description

WCAG 2.1 AA compliance is a key requirement of the FOLIO platform. To support this requirement, please do the following

  1. Run the app through the Deque aXe compliance checker. Find plug-in here - https://ux.folio.org/docs/assets/axe/

  2. Since FOLIO uses rgb(a) ignore the color contrast errors that Deque aXe may report, instead use the WCAG color contrast tool - https://chrome.google.com/webstore/detail/wcag-contrast-checker/plnahcmalebffmaghcpcmpaciebdhgdf to identify any errors.

  3. Run both tools against all actions and screens one can take and view in the app

  4. No need to report datepicker and timepicker accessibility issues

Definition of done

  1. Create user stories to address errors in backlog

Environment

None

Potential Workaround

None

Checklist

hide

TestRail: Results

Activity

Show:

Владислав Велицкий August 17, 2020 at 4:33 PM
Edited

Tickets which are created after testing by Color Contrast Analyzer:

Владислав Велицкий August 17, 2020 at 9:36 AM

aXe checker shows no problem, but found one with wrong aria-label for MultiColumnList rows STCOM-732

Khalilah Gambrell March 20, 2020 at 12:05 PM

If your team plans to run an accessibility compliance checker on your app/plug-ins, please review the list of reported issues beforehand AND for any issues you create please add the label deque_<<quarter compliance checker ran>>_<<year compliance checker ran>>. AND if the reported issues are stripes related please add the label 'stripesissue'

Here is a link to all reported issues: https://folio-org.atlassian.net/issues/?filter=12107

Done

Details

Assignee

Reporter

Priority

Story Points

Sprint

Development Team

Spitfire

Fix versions

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created February 20, 2020 at 3:28 PM
Updated August 18, 2020 at 7:40 AM
Resolved August 18, 2020 at 7:40 AM
TestRail: Cases
TestRail: Runs