Page MenuHomePhabricator

Make tokens more accessible to assitive technologies
ClosedPublic

Authored by epriestley on May 5 2014, 4:48 PM.
Tags
None
Referenced Files
F19243711: D8982.diff
Mon, Dec 22, 12:45 AM
F19104722: D8982.id21307.diff
Dec 5 2025, 3:30 PM
F19104713: D8982.id21311.diff
Dec 5 2025, 3:26 PM
F19077360: D8982.id21307.diff
Dec 1 2025, 3:04 PM
F18976682: D8982.diff
Nov 16 2025, 3:27 PM
F18926296: D8982.diff
Nov 9 2025, 7:33 PM
F18869086: D8982.id21307.diff
Nov 4 2025, 9:51 AM
F18853776: D8982.id21307.diff
Oct 31 2025, 7:21 PM
Subscribers

Details

Summary

Ref T4843.

  • The token award buttons are just icons.
  • The tokens themselves are just icons.
  • Also spread the tokens out a tiny bit, they feel a little tight to me right now.
Test Plan

Used VoiceOver to read out tokens and token actions. Looked at an object with several token awards.

Diff Detail

Repository
rP Phabricator
Lint
Lint Skipped
Unit
Tests Skipped

Event Timeline

epriestley retitled this revision from to Make tokens more accessible to assitive technologies.
epriestley updated this object.
epriestley edited the test plan for this revision. (Show Details)
epriestley added reviewers: chad, btrahan.
btrahan edited edge metadata.
btrahan added inline comments.
webroot/rsrc/css/application/tokens/tokens.css
22

what's the '+' do?

This revision is now accepted and ready to land.May 5 2014, 4:51 PM

The + is an adjacent element selector, so this makes us "implode" the list with space (it only applies to tokens which immediately follow another token in the document), rather than ending up with a weird 4px margin at the beginning or end.

epriestley updated this revision to Diff 21311.

Closed by commit rP9b66f00484da (authored by @epriestley).