Page MenuHomePhabricator

Make tokens more accessible to assitive technologies
ClosedPublic

Authored by epriestley on May 5 2014, 4:48 PM.
Tags
None
Referenced Files
F13196767: D8982.diff
Sun, May 12, 11:33 PM
Unknown Object (File)
Fri, May 3, 5:55 AM
Unknown Object (File)
Mon, Apr 29, 4:31 PM
Unknown Object (File)
Thu, Apr 25, 10:20 PM
Unknown Object (File)
Thu, Apr 25, 10:20 PM
Unknown Object (File)
Wed, Apr 24, 10:37 PM
Unknown Object (File)
Fri, Apr 19, 3:35 AM
Unknown Object (File)
Fri, Apr 19, 3:35 AM
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).