Closed rishi457 closed 1 year ago
Hi, thanks for contributing to Checka11y.css...
Couple of things wrong with this PR:
I have marked this PR as spam
because I believe it has been raised for a Hacktoberfest point and it does not resolve any problem.
If I am incorrect, I urge you to thoroughly review the project, raise an issue (if there is a legitimate issue or improvement to be made), read the contributing guidelines, and then submit a valid PR.
We will not be going forward with these changes.
In the improved version of the CSS code for Checka11y, I've refined the existing accessibility warning styles and added new features to enhance the presentation and functionality of the warnings. This makes the warnings more effective in alerting users to potential accessibility issues on web pages.
Common Styles (.accessibility-warning):
I've retained the common styles that were previously defined, ensuring consistent formatting for all accessibility warnings. Accessibility Warning for Links (a.accessibility-warning):
To make links stand out, I've added underlining to the link text. I've introduced margin spacing to create a visual separation between links. I set the cursor to a pointer, indicating interactivity and making links more intuitive to users. Accessibility Warning for Buttons (button.accessibility-warning):
For buttons, I increased the padding to enhance their appearance and make them more prominent. I applied a border-radius to create rounder button corners, improving their visual appeal. Accessibility Warning for Images (img.accessibility-warning):
For images, I ensured they scale proportionally within their containers by setting a max-width of 100%. The height property is adjusted to maintain the image's aspect ratio, preventing distortion. These additional features aim to not only inform users about accessibility issues but also provide a more visually distinct and user-friendly experience. The changes are designed to be adaptable to your specific design and accessibility needs
Description
Why is this important?
Covered test cases
Did you test on all major browsers?
Other details
T&Cs