I'm chiming in late here, but our icons are in the PUA, and therefore have nothing to actually "read". aria-hidden is not necessary in this scenario; it is only needed when you are using unicode characters that can be read by a screen reader as something (eg. the caret glyph is read as "n-ary logical and"), but don't want it to because it is ornamental.

I have a test version of something in Flow now, which allows us to just put the text inside the icon's element as plain text. This gets read fully by screen readers. The alternative to this would be to use <abbr> as the icon element, which gets its "title" attribute read by almost every reader.

--Shahyar


On Wed, Aug 13, 2014 at 3:30 PM, Matthew Flaschen <mflaschen@wikimedia.org> wrote:
On 08/09/2014 06:39 AM, max wrote:
Code from http://filamentgroup.com/lab/bulletproof_icon_fonts.html

I haven't looked into this further yet, but this article also discusses a lot of potential issues with icon fonts that I was not previously aware of.

They provide a MIT-licensed library (https://github.com/filamentgroup/a-font-garde) meant to help deal with this.  We should look into these issues, see if they apply to us, and potentially use their library if appropriate.

Matt Flaschen



_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design