search

jonathanwalkerscripts / OppChasers

A repository for the QA Specialized Course team, the Opp Chasers.
3 stars 1 forks source link

Ordrslip Buttons Color Contrast not ADA Compliant (Homepage) #72

Open jonathanwalkerscripts opened 3 years ago

jonathanwalkerscripts commented 3 years ago

Environment (Devices, Browser, User type)

Device: macOS Catalina - Version 10.15.7 Browser: Google Chrome Version 88.0.4324.192 (Official Build) (x86_64) User type: User

Description

The home page has several buttons with white text over a bright red background. The text in these buttons is below the recommended 4.5 contrast threshold for ADA Compliance. (They are approx. 3.74 contrast) Example in screenshot below

Expected Behavior

When testing an app for Compliance, I expect all color contrast to be 4.5 or above.

Actual Behavior

The buttons on the home page have color contrast of about 3.75 according to Google Inspect Tool.

Steps to Reproduce Issue

  1. Navigate to Ordrslip
  2. Scroll down to the Red and White button with text saying 'Start my Trial'
  3. Use the inspect tool (Right click, select inspect, select pointer in top left of inspect tool)
  4. Hover over the element you wish to inspect, in this case one of the red buttons with white text
  5. Observe that the approx. color contrast is below 4.5

Screenshots

Screen Shot 2021-04-01 at 8 25 50 PM

Notes

therealjustinmiller79 commented 3 years ago

Excellent report. However, I was unable to navigate to the orderslip site using the link you provided in steps to reproduce