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
