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

Hacktoberfest Issue: Improve Color Contrast for Accessibility #863

Open
anshdeep0504 opened this issue Oct 19, 2024 · 0 comments
Open

Hacktoberfest Issue: Improve Color Contrast for Accessibility #863

anshdeep0504 opened this issue Oct 19, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@anshdeep0504
Copy link

Description

Problem: The current color scheme of the CodeInCommunity website may not provide sufficient contrast between text and background, potentially making it difficult for users with visual impairments to read the content.

Proposed Solution:

Analyze Color Contrast: Use a color contrast checker tool or accessibility guidelines like WCAG 2.1 to measure the contrast ratio between foreground and background colors throughout the website.
Identify Low-Contrast Areas: Determine which elements, such as text, links, and buttons, have insufficient contrast.
Adjust Colors:
Increase Contrast: For low-contrast elements, either darken the text or lighten the background to achieve a minimum contrast ratio of 4.5:1 (recommended by WCAG 2.1).

Screenshots

Screenshot from 2024-10-19 18-45-22

@anshdeep0504 anshdeep0504 added the bug Something isn't working label Oct 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant