Design comparison
Community feedback
- @kira7777Posted 4 days ago
Check for Semantic Tags: Ensure that the solution uses semantic HTML tags like <section> Proper Use of Headings: Verify that headings (<h1>, <h2>, etc.) are used in a logical order to outline the content hierarchy
Alt Text for Images: Ensure that all images have descriptive alt attributes to provide context for screen readers.
Keyboard Navigation: Check if all interactive elements (links, buttons, forms) are accessible via keyboard navigation.
ARIA Roles and Attributes: Use ARIA (Accessible Rich Internet Applications) roles and attributes to enhance accessibility where necessary.
Contrast Ratios: Ensure that text has sufficient contrast against its background to be readable by users with visual impairments.
Marked as helpful0@nrdygrnmaPosted about 14 hours ago@kira7777 Thank you so much for your detailed feedback! I will apply it to all my future work from now on (and I still have to learn about ARIA!) :)
1 - @wraith-wallPosted 4 days ago
Well done
1
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