Designing Tools for High-Quality Alt Text Authoring

four subimages (a) the free-form authoring interface. the traditional alt text editing pane with the addition of bullets before the text box. the bullets say: “the subject(s) in detail, the setting, the actions/interactions, and “other relevant info” (b) the template authoring interface. an interface pane with 4 prompts each followed by an individual text box. ( c) and (d) the feedback interfaces below an image asking acceptable, unacceptable or offensive.
Caption: Interface variations that we tested with alt text authors: authoring interfaces (top) and feedback interfaces (bottom).

Results and Discussion

Differing alt text preferences among people using screen readers

Author experiences creating alt text with and without interface variations

Feedback interface outcomes

Automatic alt text views and effects




PhD Student at the University of Washington

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Why is UX so important for your eCommerce business?

Tessellation In HDRP!

NEEDI — Roommate/Room finder mobile application design concept

Needi a room and roommate finding app concept cover image

How to create a successful, high-conversion landing page

UI/UX Design Process

The Design Principles Of The POS System · POS Design Guide Part 2

Design Thinking for Marketers — Digitalzone Business Consulting

DJCAD Product Design Honours Project Week 16

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Kelly Mack

Kelly Mack

PhD Student at the University of Washington

More from Medium

Art, Architecture and a Woke’s Guide to Fontainhas

Project on Cloning blinkit website

Gain Real-Time Information About Your Containers With Ocean Insights

Fundamental of microservices