Hi @ranjanamukhia π
Congrats on completing the challenge π
To your question on how to fix accessibility issues:
-
The page needs a level-one heading, meaning it needs a
<h1>
element. More information here. If the existing design does not have an appropriate text to be a h1, you can add your own h1 title and make it visibly hidden but still picked up by screen readers. -
The
<div class="attribution">
needs to be within a landmark, landmark refers to elements such as<header>
,<nav>
,<main>
,<footer>
. There are several ways to fix this, either move the <div> into the <main>, wrap it within a <footer>, or changing the <div> to a <footer> since it makes sense in this case. More information here.
Hope this helps, happy coding!
Marked as helpful