single-price-grid-component-master
Design comparison
Solution retrospective
Any Feedback most wekcome!
Community feedback
- @franco2kePosted almost 3 years ago
Hi @ganeshaa59 congratulations on clearing your project. Have you noticed the accessibility issue you are having? This will make it difficult for users utilising assistive technologies, e.g blind users to navigate your site. It will also lower your SEO ranking.
It is caused by having a <h3> heading immediately following a <h1>. You need to turn the <h3> header to a <h2> and style it independently. Alternatively to improve your SEO as well as accessibility consider wrapping both headings in a <h1> element as below:
<h1 class="heading-primary"> <span class="heading-primary--main">Join our community</span> <span class="heading-primary--sub">30-day, hassle-free money back guarantee</span></h1>
Then you can style 'heading-primary--main' and 'heading-primary--sub'. This will allow your grid component to have a simple heading hierarchy and boost your SEO.
Also please go through your accessibility report.
0@ganeshaa59Posted almost 3 years ago@franco2ke Thank you ! It will help me a lot to boost myself for more project..... 😊
0
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