Design comparison
Solution retrospective
Can anyone tell me how I can change the color of the social icon in the footer when hovering over it?
Community feedback
- @jschuh23Posted over 2 years ago
@kaiohnr The site looks awesome!!
I did notice that there are a number of accessibility issues per the Frontend Mentor checks.
- Document should have one main landmark: This can be solved by adding a
main
element which completely surrounds everything between yourheader
andfooter
. - All page content should be contained by landmarks: I suspect that when you add the
main
element then this error will go away (?). - Links must have discernible text: My suggestion would be to add either
alt
text such as "Twitter logo" or anaria-label
. Then a screenreader would have something to read.
Regarding the hover color for the social icons....because those are images you cannot use the
fill
property. That is only for SVGs. So you can either change your icons to SVGs or do something different for your hover.Hope this helps :)
Marked as helpful1@kaiohnrPosted over 2 years ago@jschuh23 Thanks! I'll try to solve the problems and try to change the icons for others that I can change the color!
0@kaiohnrPosted over 2 years ago@jschuh23 Thanks! I'll try to solve the problems and try to change the icons for others that I can change the color!
0 - Document should have one main landmark: This can be solved by adding a
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