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/CAL%2BnLgNkiku7NAuVxq79MuXRG30VyiuPYFjd2bcNL6w4sJ_AWA%40mail.gmail.com.
