That's exactly what I mean, we should make that part of the usage guidelines 
for the font, just as we have HTML examples in the kss styleguideline for 
mediawiki.ui. And we should have a similar example for icon-only cases without 
labels. etc etc.

Otherwise we will have three or four different and inconsistent approaches and 
it will be maintenance hell (perhaps we should even have factory api's for 
them, like with vform). 

DJ


On 9 aug. 2014, at 11:42, Brion Vibber <[email protected]> wrote:

> On Sat, Aug 9, 2014 at 11:39 AM, max <[email protected]> wrote:
> As long as we use the following pattern for markup, we should be good 
> accessibility-wise. The aria-hidden attribute hides the icon glyph from 
> screen readers.
> <style>
>   .icon-star:before { content: "★ "; }
> </style>
> 
> <span><span class="icon-star" aria-hidden="true"></span>Favorite</span>
> 
> Awesome, that should do the job for HTML usage yeah. 
> 
> -- brion
> 
> 
> 
> 
> Code from http://filamentgroup.com/lab/bulletproof_icon_fonts.html
> 
> best, max
> @awesomephant
> 
> _______________________________________________
> Design mailing list
> [email protected]
> https://lists.wikimedia.org/mailman/listinfo/design
> 
> 
> _______________________________________________
> Design mailing list
> [email protected]
> https://lists.wikimedia.org/mailman/listinfo/design

Attachment: signature.asc
Description: Message signed with OpenPGP using GPGMail

_______________________________________________
Design mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/design

Reply via email to