Single price grid component

Solution retrospective
Corrected several of the colors for WCAG-AA contrast ratio.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @vanzasetia
Hi, Seranela! 👋
Nice improvements! It's great that you take another step to fix the color-contrast issues. Good job! 👍
Here are some suggestions for improvements.
- I recommend replacing the second and the third
h1
withh2
. It is not a best practice to have manyh1
on a page. It can confuse the screenreader users because there will be many titles for a single page. - I recommend reading the "How-to: Accessible heading structure - The A11Y Project" article.
- Never limit the height of the
body
element. It will not allow the users to scroll the page if the page content needs moreheight
. You can see the issue by looking at the site on a mobile landscape view. So, my recommendation is to usemin-height
instead.
Overall, it looks great. It's amazing that you make the site more accessible. 👏
I hope this helps! Keep up the fantastic work! 👍
Marked as helpful - I recommend replacing the second and the third
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord