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).