Skip to content
OverviewSolutions
2
Comments
1
Jeffrey Lance
@JeffreyAllenLance

All comments

  • Grace•31,250
    @grace-snowSubmitted almost 4 years ago

    For this challenge I used:

    • Screenreader only text
    • Pseudo-elements for background images and borders
    • The zwnj; method to make the stats list keep it's semantics even using Voiceover in Safari
    • Scss and BEM naming

    Profile card with pseudo backgrounds and accessible list

    7
    Jeffrey Lance•60
    @JeffreyAllenLancePosted almost 4 years ago

    Hey Grace!

    I just wanted to say this solution was so helpful for me as a new developer just to see how to approach a simple project with a mindset of accessibility, using semantically meaningful tags and modern styling solutions to aid screen readers. I really learned quite a bit just stepping through your code and deconstructing what each piece was doing and why. Thanks so much for sharing it!

    2