Skip to content

[A11y] color-contrast - / #4

@github-actions

Description

@github-actions

Accessibility Violation: color-contrast

Impact: serious
Page: /
URL: https://community-access.github.io/

Description: Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

Help: Elements must meet minimum color contrast ratio thresholds


Element 1:

<span class="news-badge news-badge-repo">git-going-with-github</span>

Selector: article:nth-child(1) > .news-card-meta > .news-badge-repo.news-badge

Screenshot of violation

Element 2:

<span class="news-badge news-badge-repo">accessibility-agents</span>

Selector: article:nth-child(2) > .news-card-meta > .news-badge-repo.news-badge

Screenshot of violation

Element 3:

<a href="repos.html" class="btn btn-outline">Browse All Repositories</a>

Selector: .btn-outline.btn[href$="repos.html"]

Screenshot of violation


Full report and logs available in the workflow run artifacts.

Last detected: 2026-03-09T15:46:54.985Z


Note: This issue was created by an automated accessibility audit using axe-core. Automated tools like this can catch many common WCAG violations but they do not replace manual testing by human testers. Automated tools typically catch around 30-40% of real-world accessibility issues. Issues like unclear focus order, confusing screen reader announcements, cognitive load problems, and complex interaction patterns require hands-on testing with assistive technologies such as VoiceOver, NVDA, and keyboard-only navigation. Please treat this as a starting point, not a complete accessibility review.

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityWCAG accessibility violationautomatedCreated by automated workflow

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions