Page MenuHomePhabricator

Make tokens more accessible to assitive technologies
ClosedPublic

Authored by epriestley on May 5 2014, 4:48 PM.
Tags
None
Referenced Files
F14475944: D8982.id.diff
Fri, Dec 27, 9:55 PM
Unknown Object (File)
Sun, Dec 22, 10:30 PM
Unknown Object (File)
Fri, Dec 13, 2:05 AM
Unknown Object (File)
Thu, Dec 12, 2:03 AM
Unknown Object (File)
Wed, Dec 11, 3:04 PM
Unknown Object (File)
Tue, Dec 3, 7:39 AM
Unknown Object (File)
Fri, Nov 29, 6:46 PM
Unknown Object (File)
Fri, Nov 29, 6:46 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).