Skip to:

  1. Skip to Jira Navigation
  2. Skip to Side Navigation
  3. Skip to Main Content

Run Accessibility Checker and Color Contrast Analyzer tools

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) so 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

defines

relates to

requires

Web links

Checklist

hide

TestRail: Results

Activity

Show:

Khalilah Gambrell June 24, 2020 at 11:04 AM

All stories have been assigned to applicable teams. Thank you

Cate Boerema June 17, 2020 at 8:57 AM

Thanks ! I added the "accessibility" label to the bugs you created so they end up in the right table on the FOLIO Bug Stats dashboard.

I will leave it to you to review and close this issue. Could you please also assign the bugs to Core Functional that you think we should be responsible for fixing? It sounds like some issues are being worked by other teams, so I don't want to assume these should all be ours.

Thanks!

Matt Connolly June 16, 2020 at 8:25 PM

Yes, I tested all those pages. I've created issues by type of error, so most of them list multiple points in the system that generate a given error (e.g., missing labels found in tags, fees/fines pages, open loan details, etc.). I've linked the new accessibility issues to this one.

Khalilah Gambrell June 16, 2020 at 4:38 PM
Edited

, I just want to make sure that the following pages are tested with the accessibility tools defined in the user story

  1. User Results list

  2. Users Settings with the exception of custom fields

  3. New/Edit User record

  4. View User record

  5. Tags panel

  6. Patron block messaging

  7. New/Edit Patron blocks

  8. View patron blocks

  9. View Open Loans with loans

  10. View Closed loans with loans

  11. Add permissions modal

  12. Add service point modal

  13. Create/Edit fee fine

  14. View fee fine

Spitfire, Firebird, and stripes-force are addressing some of the issues you may find. I will link their stories to this one.

cc: and

Khalilah Gambrell March 20, 2020 at 12:07 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

Labels

Priority

Story Points

Sprint

Development Team

Prokopovych

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created February 11, 2020 at 4:14 PM
Updated February 22, 2022 at 2:55 PM
Resolved June 24, 2020 at 11:04 AM
TestRail: Cases
TestRail: Runs

Flag notifications