Page MenuHomePhabricator

Make tokens more accessible to assitive technologies
ClosedPublic

Authored by epriestley on May 5 2014, 4:48 PM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Nov 21, 2:14 PM
Unknown Object (File)
Tue, Nov 19, 7:09 AM
Unknown Object (File)
Sun, Nov 10, 9:45 PM
Unknown Object (File)
Tue, Nov 5, 5:42 AM
Unknown Object (File)
Sun, Nov 3, 4:16 PM
Unknown Object (File)
Oct 22 2024, 12:03 PM
Unknown Object (File)
Oct 17 2024, 4:39 PM
Unknown Object (File)
Oct 13 2024, 6:20 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).