Design comparison
SolutionDesign
Community feedback
- @skyv26Posted almost 3 years ago
To avoid accessibility issues:
-
wrap everything in your body in <main> OR give role="" to the direct children of your <body> ... Click here to read more here
-
Add alt attribute to all img tags with meaningful text
-
Change your below code
<div class="attribution"> Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="https://github.com/graciedevine/order-summary-component">Gracie</a>. </div>
with
<footer class="attribution"> Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href= "https://github.com/graciedevine/order-summary-component">Gracie</a>. </footer>
Good Luck
Marked as helpful1 -
Please log in to post a comment
Log in with GitHubJoin 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