Skip to:

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

New/Edit Item Page - Accessibility Error: Some elements has insufficient color contrast of 3.3 and several elements with same id

Description

Steps to Reproduce:
1. In Inventory App, open any Instance record (for example, ABA Journal)
2. Go to New Item Page (clicking Add item button) or Edit Item Page (clicking Item: barcode and then Actions button -> Edit).
3. Run "axe". (Screenshot attached).

The problem is:

Some elements has insufficient color contrast of 3.3 and several elements with same id

How to fix:
Fix the following:
Element has insufficient color contrast of 3.3 (foreground color: #888888, background color: #f7f7f7, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1.

Document has active elements with the same id attribute: clickable-add-note

Acceptance criteria:

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds.
Ensures every id attribute value of active elements is unique.

Notes:
This accessibility issue was found using Deque aXe compliance checker. Find plug-in here - https://ux.folio.org/docs/assets/axe/

CSP Request Details

None

CSP Rejection Details

None

Potential Workaround

None

Attachments

6

Checklist

hide

TestRail: Results

Activity

Show:

Ann-Marie BreauxFebruary 9, 2022 at 6:59 AM

Hi and all looks good on the item Create/Edit screen on folio-snapshot-load. Closing this one. Thank you!

Done

Details

Assignee

Reporter

Labels

Priority

Story Points

Sprint

Development Team

Folijet

Fix versions

Release

Lotus R1 2022

RCA Group

Implementation coding issue

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs

Created June 16, 2020 at 6:16 PM
Updated June 9, 2023 at 3:08 PM
Resolved February 9, 2022 at 6:59 AM
TestRail: Cases
TestRail: Runs