![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/qerwhk5hdptwzy05p9fr.jpg)
Submitted about 3 years ago
Article Preview Component | HTML CSS Sass JS
#accessibility#bem#lighthouse#sass/scss
@vanzasetia
Design comparison
SolutionDesign
Solution retrospective
Hello Everyone! 👋
My second JavaScript challenge is completed. 🎉
The tooltip or the "share element" is a tricky one. It took me almost one day to figure out how to create and position it correctly. 😅
Now for the questions:
- If you try using screen reader on my website, can you understand the page content?
- Can you navigate through this website comfortably using your keyboard (
Tab
andEnter
)? - In my opinion, the drawers image is a decorative image, since it doesn't contain any information at all. But, it is a banner or the cover image of that article that commonly has alternative text. So, what do you think about it?
- I notice there are
is-open
,is-active
, what kind of class naming convention is that? I want to google about it, but I don't know what keyword should I use.
Any questions on the technique that I'm using are very welcome! 🙌
Also if you want me to give my feedback on your solution to this challenge, feel free to give me the link to the community feedback! I will be glad to help you too!
Thanks!
Community feedback
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