CodeIN-Community-Website icon indicating copy to clipboard operation
CodeIN-Community-Website copied to clipboard

Hacktoberfest Issue: Improve Color Contrast for Accessibility

Open anshdeep0504 opened this issue 1 year ago • 0 comments

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 avatar Oct 19 '24 13:10 anshdeep0504