Dashboard: Works > Navigation tab links report low contrast errors

[eporter23]

Descriptive summary

As part of ongoing testing in the Hyrax Maintenance Working Group, routine testing from the Accessibility worksheet reports alerts in WAVE related to the All Works and My Works tabs when using the Dashboard. These errors are reported when no styling or customization has been added.

Steps to reproduce the behavior in User Interface (UI)

1. Ensure that you have the WAVE plugin for Chrome installed
2. Navigate to Dashboard > Works
3. Run the page view through WAVE
4. Note alerts related to low contrast errors for the "All Works" and "My Works" tabs

Actual behavior (include screenshots if available)

Hyrax 5.0.1 (main) using Sirenia docker image.

Acceptance Criteria/Expected Behavior

• Dashboard views should not return accessibility alerts or warnings

Rationale (for feature request only)

Provide the rationale or user story that describes "why" this issue should be addressed. Especially if this is a new feature or significant change to the existing implementation.

Related work

This ticket relates to other tickets for global navigation elements in which low contrast errors are reported between the link text and the background color.

[rjkati]

The contrast error in WAVE is tied to the h1 header. Other contrast errors were cleared by changing the button and link colors (see PR 6847

Strangely, the SiteImprove browser extension doesn't flag the h1 header for color contrast.