{"action":"opened","issue":{"url":"https://api.github.com/repos/RocketChat/Rocket.Chat/issues/3458","repository_url":"https://api.github.com/repos/RocketChat/Rocket.Chat","labels_url":"https://api.github.com/repos/RocketChat/Rocket.Chat/issues/3458/labels{/name}","comments_url":"https://api.github.com/repos/RocketChat/Rocket.Chat/issues/3458/comments","events_url":"https://api.github.com/repos/RocketChat/Rocket.Chat/issues/3458/events","html_url":"https://github.com/RocketChat/Rocket.Chat/issues/3458","id":158511279,"number":3458,"title":"Integrate Ally.js for improved accessibility","user":{"login":"ndarilek","id":1172,"avatar_url":"https://avatars.githubusercontent.com/u/1172?v=3","gravatar_id":"","url":"https://api.github.com/users/ndarilek","html_url":"https://github.com/ndarilek","followers_url":"https://api.github.com/users/ndarilek/followers","following_url":"https://api.github.com/users/ndarilek/following{/other_user}","gists_url":"https://api.github.com/users/ndarilek/gists{/gist_id}","starred_url":"https://api.github.com/users/ndarilek/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ndarilek/subscriptions","organizations_url":"https://api.github.com/users/ndarilek/orgs","repos_url":"https://api.github.com/users/ndarilek/repos","events_url":"https://api.github.com/users/ndarilek/events{/privacy}","received_events_url":"https://api.github.com/users/ndarilek/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-06-04T16:11:02Z","updated_at":"2016-06-04T16:11:02Z","closed_at":null,"body":"This is a problem I'd like to solve, I just want to know what the best way to go about it would be.\r\n\r\nI'd like to integrate [Ally.js](http://allyjs.io/) to improve accessibility. In particular, I noticed recently that the tabbar doesn't appear to be accessible. If I click tab items, I can't find the newly-added template. What I'd like to do is improve the focus logic so it works on templates without text inputs, because as a screen reader user I can't find the members list for instance.\r\n\r\nThis library includes some great focus helpers, along with other APIs that can vastly improve accessibility when used. I'm wondering what the best way to include it would be?\r\n\r\n * Pack it in `client`, maybe `client/vendor`.\r\n * Create a rocketchat-allyjs package, pack in a specific version, and include it on the client in package.js.\r\n\r\nI'll submit a PR that bundles Ally.js, then start working on the flextab accessibility issues. I just want to know what the best way to go forward is.\r\n\r\nThanks."}}
{"actor":{"display_login":"ndarilek"}}