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(a)wikimedia.org> wrote:
On Sat, Aug 9, 2014 at 11:39 AM, max
<max(a)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(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design