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 <spage@wikimedia.org> wrote:
> On Sat, Aug 9, 2014 at 3: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>
>
>
> 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@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/design
>
Jon Robson
* http://jonrobson.me.uk
* https://www.facebook.com/jonrobson
* @rakugojon
_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design