[Resolved] WCAG 2.0

[drew]

I’m running some WCAG testing and using this results page: http://wave.webaim.org/report#/http://springbankdev.wpengine.com/terms/

…I noticed that the only two errors are via the icon only menu items. I’ve added descriptions to the menu items but it still throws that fail: https://www.screencast.com/t/NOKNDaVHF6

Suggestions?

[Tom]

Looks like the social icons in the menu.

You can try adding this as their Navigation Label: <span class="screen-reader-text">Facebook</span>

This will hide the text unless a screen reader is in use.

[drew]

Excellent, that’s going right into my personal GP Gist 🙂

Thanks Tom

[Tom]

You’re welcome 🙂

[Author]

Posts