WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: emojis and screen readers

for

From: Beranek, Nicholas
Date: Jun 2, 2017 10:19AM

It's a <span> with the emoji: <span>💪</span>

Depending on your browser and screen reader, this may or may not read for you. In VoiceOver, it reads 'flexed bicep- as you would expect. In NVDA and Firefox, it doesn't read anything. In JAWS and Chrome, the same: nothing.

--
Nick Beranek
Digital Accessibility Team

On 6/2/17, 12:05 PM, "WebAIM-Forum on behalf of L Snider" < <EMAIL REMOVED> on behalf of <EMAIL REMOVED> > wrote:

Hi Nick,

That was great, thanks. I did wonder if they worked well in some places and
not others, good to know! I am just updating my computer, so I can't check,
but what have you experienced with Instagram? I know people use them a lot
there...

Cheers

Lisa

On Fri, Jun 2, 2017 at 10:54 AM, Beranek, Nicholas <
<EMAIL REMOVED> > wrote:

> Hi Lisa,
>
> In my experience, they are handled well on a few sites, and abysmally on
> others. iOS emojis in texts, etc, are done pretty well and have alt text
> for each. Take the following example from Twitter:
>
> <img class="Emoji Emoji--forText" src="https://abs.twimg.com/
> emoji/v2/72x72/1f602.png" draggable="false" alt="😂" title="Face with
> tears of joy" aria-label="Emoji: Face with tears of joy">
>
> What I found most interesting was they repeated the emoji itself within
> the alt attribute, but they provided an aria-label that overrides it in
> VoiceOver. Therefore, it reads 'Emoji: Face with tears of joy, image-.
>
> Facebook, however, is not doing anything for them, including the reaction
> emojis. Take their example:
>
> <span class="_47e3 _5mfr"><img aria-hidden="true" height="16" src="
> https://www.facebook.com/images/emoji.php/v9/fe9/2/16/1f640.png"
> width="16" alt="" class="img"><span class="_7oe">ðŸ™</span></span>
>
> Their alternative, the <span> with the emoji, is relying on itself to
> convey meaning instead of providing the text alternative. That isn't
> supported with at least macOS VoiceOver.
>
> Hope this helps,
>
> Nick
>
> --
> Nick Beranek
> Digital Accessibility Team
> Capital One
>
> On 6/2/17, 11:45 AM, "WebAIM-Forum on behalf of L Snider" <
> <EMAIL REMOVED> on behalf of <EMAIL REMOVED> >
> wrote:
>
> Hi Everyone,
>
> I have been doing some reading on emojis and found that some people say
> they could usually read them with screen readers.
>
> Today, people use emojis a lot on Twitter, Facebook and in emails. Do
> they
> come with alts already with them? or are they problematic?
>
> Cheers
>
> Lisa
> > > > >
>
> >
> The information contained in this e-mail is confidential and/or
> proprietary to Capital One and/or its affiliates and may only be used
> solely in performance of work or services for Capital One. The information
> transmitted herewith is intended only for use by the individual or entity
> to which it is addressed. If the reader of this message is not the intended
> recipient, you are hereby notified that any review, retransmission,
> dissemination, distribution, copying or other use of, or taking of any
> action in reliance upon this information is strictly prohibited. If you
> have received this communication in error, please contact the sender and
> delete the material from your computer.
> > > > >



The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.