Would be great if people could help fill out https://www.mediawiki.org/wiki/Icon_Standardisation 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 <[email protected]> wrote: > On Sat, Aug 9, 2014 at 3: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> > > > 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 > [email protected] > https://lists.wikimedia.org/mailman/listinfo/design > -- Jon Robson * http://jonrobson.me.uk * https://www.facebook.com/jonrobson * @rakugojon _______________________________________________ Design mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/design
