Social Media Dashboard with Theme Switcher

Please log in to post a comment
Log in with GitHubCommunity feedback
- @grace-snow
I'm afraid the content on this is completely inaccessible at the moment. Try reading it with no images or styling(or try with a screenreader) and see how it becomes incomprehensible. That's what search engines and screenreader or other assistive tech users would get.
It's actually the hardest part of this challenge, getting the semantics right. It definitely needs hidden headings and aria-labelledby and -describedby attributes
And
header__subtitle
should n I t be a h2. That's data, numbers that would change so would never be a heading.I'd also use aria labeled by on the theme toggle - you have dark theme written right there in the html, let that be the label of the toggle
Good luck
Marked as helpful - @grace-snow
Content is spilling off screen for me. Remember to use max width not width on elements to allow them to grow up to a point and shrink as needed
I'll pop some Screenshots in slack for you
Marked as helpful - @anoshaahmed
To get rid of the accessibility/HTML issues shown in your Report,
<section>
and<article>
usually need a heading; so if you don't need a heading in it, use some other element such as<div>
Great job! :)
Marked as helpful
Join 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