Submitted over 3 years agoA solution to the Single price grid component challenge
Single price grid component
cube-css, accessibility
P
@Milleus

Solution retrospective
Something I found useful about list-style from MDN website:
Safari will not recognize an unordered list as a list in the accessibility tree if it has a list-style value of none.
We can fix this by either adding an explicit role="list" to the <ul> element in the markup, or add a zero-width space as pseudo-content before each list item:
ul {
list-style: none;
}
ul li::before {
content: "\200B";
}
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Dave Quah's solution.
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