Exclusion Example: Emoji in Twitter Titles

A thread this week about emoji in Twitter titles provided me an instant treasure trove of design exclusion lessons — broadening my perspective and building empathy for non-visual people using Twitter.

https://twitter.com/SassyOutwater/status/948206049357594624


First, though, let me back up a step to explain why it’s a gem. Why it illustrates the need for first thinking about exclusion when approaching inclusion.

Inclusive design became a major learning trend for me in 2017 — starting with fresh perspectives arriving in my life via the designers and developers at Automattic, especially our Head of Design John Maeda.

In April I jumped straight in via the Design and Exclusion conference we launched in collaboration with Twitter, NextDoor, Airbnb. Listening to debiasing stories where people shared intimate details of feeling excluded rocked my boat a bit.

My mind really cracked open in August when I become aware of Kat Holmes and her work on this crucial topic. Previously with Microsoft and now via her own company, Kata, Kat presented the foundations of inclusive design internally at work over a video call. She then presented a longer, in-person version at our Grand Meetup in September; and later in 2017 Kat became an official advisor to Automattic, also. Hurray to that!

20171011_173515z-4.jpg
Photo showing the Design.blog page on inclusive design.

For a great introduction to Kat and her work, see Kat Holmes: Who Gets To Play? on design.blog.


OK, back to the Twitter emoji in titles thing.

What. The. Heck. Like most lessons I’m learning about building inclusion into designs, this one hit me straight in the temple. Painfully. Why hadn’t I thought of this before? I mean, “duh.”

The author, a blind person named Sassy Outwater, not only points to something incredibly real and timely — but then proceeds to share a master class in accessibility in the reply threads that follow.

Here are a few highlights; check out the full thread for more as they come in.

Memes and GIFs are hard because the screen reader technology can’t figure out any optical character recognition (OCR) on the moving bits:

https://twitter.com/SassyOutwater/status/948269815004909573

Tips and tricks for including blind people using screen readers:

https://twitter.com/SassyOutwater/status/948356896074944513

Here are the current screen readers people love best:

https://twitter.com/SassyOutwater/status/948319018007629824

Here’s the survey she mentioned: Survey of Preferences of Screen Readers Users on WebAIM.

Shedding the light on the fact that in today’s world, mobile devices are the most universally accessible devices because — they’re small and with you always — and they have default voice-over utilities:

https://twitter.com/SassyOutwater/status/949590204758876160

And then a question I had, she answered perfectly, which in my mind was, “OK, so how does it sound when the screen reader comes across the non-text symbol?”

https://twitter.com/SassyOutwater/status/948319377518186496

https://twitter.com/SassyOutwater/status/948268997639856128

Hah! (smile) (laughing)

Learning, not shaming:

https://twitter.com/SassyOutwater/status/948318560497098754

I don’t expect everyone to use the word please but I appreciate those who do. Common courtesy is society’s problem, not an issue to drop on developers. That’s ableist. Universal design says we are all sharing the same space. Courtesy goes a long way. — Sassy Outwater

 


Eye-Mind-opening, thank you Sassy — and Kat, John, Ashleigh, Lori, Anne, Cate, Maria, Folletto, DK — and many others who’ve taught me so much about this topic.

I mentioned that this is timely — one reason is for learning and improving. The other is sharing what I’ve learned: if you’re in Arizona come to my talk about inclusive design at WordCamp Phoenix 2018 in February.

 

AUTHOR & TAGS

2 responses to “Exclusion Example: Emoji in Twitter Titles”

  1. Lance Willett Avatar

    The emoji alternative — text — brings to mind text emotions and smileys. 🙂 😉

    But also this passage from Redesigning Leadership by John Maeda:

    …my advisor at MIT took to the alternative of a parenthetical facial expression by appropriately inserting the word “(smile). smile).” It captures the intent without the cuteness that comes with the smiley. Not a bad idea, don’t you think? (smile)

    Screenshot of a quote I love from the book _Redesigning Leadership_ by John Maeda

    `L`

    Like

  2. Inclusive Design, Day 6/15: Recognizing Exclusion – The Sensible Leader Avatar

    […] Emoji in Twitter Titles. This one was mind-opening for me! I learned that emoji can be exclusionary to those who use screen readers to navigate the web. Note: Work is being done in this open Trac ticket to make emoji accessible in WordPress. […]

    Like

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.