I’ve also recently merged an a11y check to ensure we don’t regress.

Chris Rodriguez
Accessibility Engineer
[email protected]



> On Jun 21, 2016, at 11:54 AM, Sofiya Semenova <[email protected]> wrote:
> 
> Hello! We've recently made some changes to the icons in the platform. From 
> here on out, if you're adding or editing code for icons, use the span tag 
> instead of the i tag, add aria-hidden="true", and include fallback or 
> descriptive text.
> 
> Icons should look like this with visible text:
> <span class="icon icon-error" aria-hidden="true"></span>
> <span class="text">Error</span>
> 
> Or like this with screen-reader only text, in cases where visible text is not 
> needed:
> <span class="icon icon-error" aria-hidden="true"></span>
> <span class="sr">Error</span>
> 
> These examples can also be found in the pattern library 
> <http://ux.edx.org/design_elements/icons/>.

-- 
You received this message because you are subscribed to the Google Groups 
"General Open edX discussion" group.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/edx-code/C03144AC-18D2-4D4E-B7C8-497AEB113A1A%40edx.org.

Reply via email to