Just to make sure this q is covered:
A "speech bubble" icon can have a few (but very similar) representations to *screen readers*. For example:
A "speech bubble" icon next to talk page label means "talk page." A "speech bubble" icon next to a new talkpage notification means "new message."
Is there a way this is allowed?
mm
On Tue, Aug 12, 2014 at 9:25 PM, Jon Robson jdlrobson@gmail.com wrote:
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
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design