I just saw this in a tweet:
<img class="twitter-emoji" src="https://abs.twimg.com/emoji/v1/72x72/1f61a.png" draggable="false" alt="😚" title="Kissing face with closed eyes" aria-label="Emoji: Kissing face with closed eyes">
I couldn't help thinking:
- Yay, Twitter gives a lot of consideration to Accessibility and this is good.
- Hey, this
alt
means nothing to the people who may need it - But they added an
aria-label
- But why oh why not rely on
alt
?
Remember Karl Groves:
Before adopting ARIA as your dev. approach, be prepared to answer: What compelling reason do you have for diverging from native semantics?
Ironically: Karl's remark was done… in a tweet
I think it is done like this, because if the UA can't retrieve the image, the OS might be able to display a native emoji using the
alt
.