search

samvera / hyrax

Hyrax is a Ruby on Rails Engine built by the Samvera community. Hyrax provides a foundation for creating many different digital repository applications.
http://hyrax.samvera.org/
Apache License 2.0
184 stars 124 forks source link

Dashboard: Works > Navigation tab links report low contrast errors #6892

Open eporter23 opened 1 month ago

eporter23 commented 1 month ago

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

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 commented 1 month ago

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 dashboard_wave

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