I'm keen to document all the ways we currently use icons across
MediaWiki and help us come up with a standard approach.
Jon
On Tue, Aug 12, 2014 at 12:38 PM, S Page <spage(a)wikimedia.org> wrote:
On Sat, Aug 9, 2014 at 3: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>
Flow action menus (hover or click the [...] in e.g.
https://www.mediawiki.org/wiki/Talk:Sandbox ) are close to this
<a class="mw-ui-button mw-ui-quiet"
href="/w/index.php?title=Topic:S08b4fijnlkf1n5s&action=edit-title&topic_revId=s08b4fil7q02dtvk"
title="Edit title"
...
<span class="wikiglyph
wikiglyph-pencil"></span>
Edit title
</a>
.wikiglyph {
display: inline-block;
font-family: 'WikiFont-Glyphs';
...
}
.wikiglyph-pencil:before {
content: "\e800";
}
No aria-hidden, but Brion said
The characters themselves are in the Unicode
private use range and
shouldn't be read out;
so do we need aria-hidden or not?
We should capture the recommendation in CSS comments that KSS turns into the
living style guide.
(I think title text that simply duplicates the anchor's text is redundant,
bug 69213).
--
=S Page Features engineer
_______________________________________________
Design mailing list
Design(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design