Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[a11y] Issue 30: Insufficient Color Contrast (Participation Page) #116

Open
NewJerseyStyle opened this issue Feb 8, 2025 · 0 comments
Open
Labels
enhancement New feature or request need UI/UX designer Need input from UI/UX designer

Comments

@NewJerseyStyle
Copy link
Member

Description:

Elements on the open participation page exhibit insufficient color contrast, failing WCAG 2 AA guidelines. This impacts readability for users with visual impairments. Automated testing revealed this accessibility issue.

Steps to Reproduce:

  1. Navigate to the open participation page.
  2. Use browser developer tools or a color contrast checker (e.g., a browser extension or online tool) to inspect the elements. Identify and document the specific elements and their contrast ratios.

Expected Behavior:

All text and graphical elements on the open participation page should meet WCAG 2 AA minimum contrast ratio guidelines (4.5:1 for normal text, 3:1 for large text).

Actual Behavior:

Low contrast is present in [Specify affected elements, e.g., "headings," "paragraph text," "button labels," and provide the measured contrast ratios if available].

Component/Area: Open Participation Page

Source: Automated evaluation (Lighthouse) - color-contrast audit

Severity: High (Accessibility Issue)

@NewJerseyStyle NewJerseyStyle added enhancement New feature or request need front-end dev Need input from front-end developer labels Feb 8, 2025
@NewJerseyStyle NewJerseyStyle added need UI/UX designer Need input from UI/UX designer and removed need front-end dev Need input from front-end developer labels Feb 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request need UI/UX designer Need input from UI/UX designer
Projects
Status: No status
Status: Backlog
Development

No branches or pull requests

1 participant