Pagination - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570532)

[dqateam]

Violation:

Ensure parts of graphical objects essential for understanding content have sufficient contrast

WCAG Reference:

• 1.4.11 Non-test Contrast

Severity:

5

Media Type:

Color and Contrast

---

Areas for Remediation:

• Title: Pagination - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570532)
• Module: Pagination
  Issue
  There are graphical objects with a color contrast ratio below 3.00:1.

Foreground: #9F9F9F
Background: #F8F8F8
Contrast ratio: 2.5:1

Example includes:

• <

• (Next, Previous button)

User Impact
Users with low vision will have difficulty identifying this content.

Suggestion
Ensure parts of graphical objects essential for understanding content have sufficient contrast. The required minimum contrast ratio is 3.00:1.

Common examples of qualifying objects include lines in a chart, meaningful icons, and annotations within an image.

Graphics that require particular presentation to preserve their meaning are exempt from this requirement.

To evaluate color contrast, see the Accessible Color Picker extension: https://www.accessibility.dev/

---

Additional Resources:

• Report Source: Product accessibility evaluation conducted on the Calcite Design System in August, 2022.

[driskull]

I think this might be the disabled buttons? should they be aria-hidden?

[geospatialem]

pagination uses --calcite-color-text-3 for its outline, which provides sufficient color contrast in light and dark modes:

• Light mode: 5.09:1
• Dark mode: 4.63:1

Closing as no longer valid as of 2.0.0