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 bvibber@wikimedia.org wrote:
On Sat, Aug 9, 2014 at 11:39 AM, max max@koehler-kn.de 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 Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design