@anoshaahmed
Posted
To get rid of the accessibility/HTML issues shown in your Report:
<main> OR use semantic tags OR give role="" to the direct children of your <body> ... Click here to read more<h1> in your code<section> and <article> usually need a heading; so if you don't need a heading in it, use some other element such as <div>Good job! :)
Marked as helpful
@akarinaa
Posted
@anoshaahmed thanks for the tips!
@skyv26
Posted
Hi!
To solve accessibility issues:
1.start your headings with <h1> and move up by one level each time
FROM
<div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="https://www.frontendmentor.io/profile/akarinaa">Karina Angelim</a>.
</div>
TO
<footer class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank" aria-label="challenged by">Frontend Mentor</a>.
Coded by <a href="https://www.frontendmentor.io/profile/akarinaa" aria-label="developer name">Karina Angelim</a>.
</footer>
Happy New Year ;)
Marked as helpful
@akarinaa
Posted
@skyv26 thanks for the help! I'll implement these changes :)
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
