.icon_text is visually hidden but accessible to screen readers.
We can make our icons accessible without waiting to switch to dvl-icons, and break up a large task into more manageable pieces while doing it. Here's what I'm thinking:
Move our Ruby icon helper from Screendoor to this repo
Change it to icon(class, title), which would generate the markup pattern above
Add titles to all the places we use this helper throughout our apps
When this task is done, and we have time to switch to dvl-icons, we can just change the helper so that it generates svgs with title attributes.
@ajb, if you tackle the first two, I can handle the third.
See FontAwesome's accessibility page. Basically, we want a markup pattern like this:
.icon_text
is visually hidden but accessible to screen readers.We can make our icons accessible without waiting to switch to
dvl-icons
, and break up a large task into more manageable pieces while doing it. Here's what I'm thinking:icon(class, title)
, which would generate the markup pattern aboveWhen this task is done, and we have time to switch to
dvl-icons
, we can just change the helper so that it generatessvg
s withtitle
attributes.@ajb, if you tackle the first two, I can handle the third.