NFT Preview Card with Sass, Flexbox and Parcel
Design comparison
Solution retrospective
I don't have any specific question, though any advice on improvements are welcome :)
Community feedback
- @grace-snowPosted almost 3 years ago
Hi
Your html needs work on this. Anything with a hover effect indicates it is interactive. That means it needs to use an interactive element. Essential.
I recommend you also read up about how and when to write alt text on images
Hope this is helpful
Marked as helpful1@AmodeusRPosted almost 3 years ago@grace-snow Hello Grace, thanks for replying my challenge submission :D Could you explain in details what you meant with the two things you pointed out? You were pretty vague. To be more specific, these are my questions:
-
What is considered a "interactive element"? Can't I use it on the image? Anyway. considering the context, indeed the image would be a clickable element, I just didn't do it because it would be beyond the scope of the challenge, and the challenge asks for a hover state on the image, but not a interactive behavior.
-
You said it could be good to read about when and how to write alt texts, so I suppose, if I didn't do something wrong, I could do better at least. What is wrong with my alt text? Is it too vague? I used it incorrectly?
0@grace-snowPosted almost 3 years agoHi @AmodeusR
An interactive element is any native html element that is designed to cause interactive bahavhiour. Most commonly this means anchor tags or button elements, but there are plenty of others. It's important to use the correct element for the type of bahavhiour that's expected, as these elements have extra features that make them fully interactive in numerous ways. For example keyboard controls will differ depending on the element used, and expectations of assistive technology users (like screenreaders) of what controls they can use and what happens when they use them will change depending on the element chosen.
In this particular challenge, the type of content and the hovers imply that all of these would be anchor tags
1@grace-snowPosted almost 3 years agoWith the alt text, you need to look up how to treat decorative/meaningless images, like icons
The alt text on the main image isn't that clear either. When using images ask
- is this meaningful content? Does it require a description
- if so, how would I briefly describe it to someone sitting next to me with their eyes closed that would let them picture it
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