{"action":"created","issue":{"url":"https://api.github.com/repos/devtools-html/debugger.html/issues/4075","repository_url":"https://api.github.com/repos/devtools-html/debugger.html","labels_url":"https://api.github.com/repos/devtools-html/debugger.html/issues/4075/labels{/name}","comments_url":"https://api.github.com/repos/devtools-html/debugger.html/issues/4075/comments","events_url":"https://api.github.com/repos/devtools-html/debugger.html/issues/4075/events","html_url":"https://github.com/devtools-html/debugger.html/issues/4075","id":258556197,"node_id":"MDU6SXNzdWUyNTg1NTYxOTc=","number":4075,"title":"[Accessibility] Editor Tabs and Source Tabs should be accessible","user":{"login":"yzen","id":561275,"node_id":"MDQ6VXNlcjU2MTI3NQ==","avatar_url":"https://avatars2.githubusercontent.com/u/561275?v=4","gravatar_id":"","url":"https://api.github.com/users/yzen","html_url":"https://github.com/yzen","followers_url":"https://api.github.com/users/yzen/followers","following_url":"https://api.github.com/users/yzen/following{/other_user}","gists_url":"https://api.github.com/users/yzen/gists{/gist_id}","starred_url":"https://api.github.com/users/yzen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yzen/subscriptions","organizations_url":"https://api.github.com/users/yzen/orgs","repos_url":"https://api.github.com/users/yzen/repos","events_url":"https://api.github.com/users/yzen/events{/privacy}","received_events_url":"https://api.github.com/users/yzen/received_events","type":"User","site_admin":false},"labels":[{"id":526363492,"node_id":"MDU6TGFiZWw1MjYzNjM0OTI=","url":"https://api.github.com/repos/devtools-html/debugger.html/labels/accessibility","name":"accessibility","color":"5319e7","default":false},{"id":445597103,"node_id":"MDU6TGFiZWw0NDU1OTcxMDM=","url":"https://api.github.com/repos/devtools-html/debugger.html/labels/in%20progress","name":"in progress","color":"fbca04","default":false}],"state":"open","locked":false,"assignee":{"login":"ahuth","id":2503289,"node_id":"MDQ6VXNlcjI1MDMyODk=","avatar_url":"https://avatars0.githubusercontent.com/u/2503289?v=4","gravatar_id":"","url":"https://api.github.com/users/ahuth","html_url":"https://github.com/ahuth","followers_url":"https://api.github.com/users/ahuth/followers","following_url":"https://api.github.com/users/ahuth/following{/other_user}","gists_url":"https://api.github.com/users/ahuth/gists{/gist_id}","starred_url":"https://api.github.com/users/ahuth/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ahuth/subscriptions","organizations_url":"https://api.github.com/users/ahuth/orgs","repos_url":"https://api.github.com/users/ahuth/repos","events_url":"https://api.github.com/users/ahuth/events{/privacy}","received_events_url":"https://api.github.com/users/ahuth/received_events","type":"User","site_admin":false},"assignees":[{"login":"ahuth","id":2503289,"node_id":"MDQ6VXNlcjI1MDMyODk=","avatar_url":"https://avatars0.githubusercontent.com/u/2503289?v=4","gravatar_id":"","url":"https://api.github.com/users/ahuth","html_url":"https://github.com/ahuth","followers_url":"https://api.github.com/users/ahuth/followers","following_url":"https://api.github.com/users/ahuth/following{/other_user}","gists_url":"https://api.github.com/users/ahuth/gists{/gist_id}","starred_url":"https://api.github.com/users/ahuth/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ahuth/subscriptions","organizations_url":"https://api.github.com/users/ahuth/orgs","repos_url":"https://api.github.com/users/ahuth/repos","events_url":"https://api.github.com/users/ahuth/events{/privacy}","received_events_url":"https://api.github.com/users/ahuth/received_events","type":"User","site_admin":false}],"milestone":null,"comments":18,"created_at":"2017-09-18T17:18:10Z","updated_at":"2018-08-03T14:52:55Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"There are several improvements that can be done for the source tabs to make them awesome for accessibility:\r\n\r\n- [ ] Most Importantly both tab widgets (source and editor tabs) should be the same shared component component that would be styled/configured differently for a particular location.\r\n- [ ] Reachable by keyboard: tabs should be accessible with the keyboard, right now there's not way to focus on the tab (if there is, it is not visible)\r\n- [ ] Tabs should be navigatable via keyboard -- there's a blueprint for adding this functionality here;  https://github.com/devtools-html/debugger.html/pull/5806\r\n- [ ] Styling for keyboard focus for tabs\r\n- [ ] Close tab and add new (+) should be real buttons (or with role button), alternative text and be keyboard accessible: tabbable, activatable and have focus styling\r\n- [x] source-tabs should semantically be tabs. Marco has a good [article] about this.\r\n\r\n[article]:https://www.marcozehe.de/2013/02/02/advanced-aria-tip-1-tabs-in-web-apps/\r\n\r\n### Editor Tabs\r\n\r\n![Screen Shot 2017-09-18 at 8.13.49 PM.png](https://shipusercontent.com/328ae611c2f13327e81689f4bd377f9a/Screen%20Shot%202017-09-18%20at%208.13.49%20PM.png)\r\n\r\n### Source Tabs\r\n\r\n<img width=\"254\" alt=\"screen shot 2018-04-27 at 10 33 09\" src=\"https://user-images.githubusercontent.com/561275/39368693-453c6442-4a08-11e8-9235-a5b97e09f062.png\">\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/devtools-html/debugger.html/issues/comments/410278405","html_url":"https://github.com/devtools-html/debugger.html/issues/4075#issuecomment-410278405","issue_url":"https://api.github.com/repos/devtools-html/debugger.html/issues/4075","id":410278405,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMDI3ODQwNQ==","user":{"login":"jasonLaster","id":254562,"node_id":"MDQ6VXNlcjI1NDU2Mg==","avatar_url":"https://avatars1.githubusercontent.com/u/254562?v=4","gravatar_id":"","url":"https://api.github.com/users/jasonLaster","html_url":"https://github.com/jasonLaster","followers_url":"https://api.github.com/users/jasonLaster/followers","following_url":"https://api.github.com/users/jasonLaster/following{/other_user}","gists_url":"https://api.github.com/users/jasonLaster/gists{/gist_id}","starred_url":"https://api.github.com/users/jasonLaster/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jasonLaster/subscriptions","organizations_url":"https://api.github.com/users/jasonLaster/orgs","repos_url":"https://api.github.com/users/jasonLaster/repos","events_url":"https://api.github.com/users/jasonLaster/events{/privacy}","received_events_url":"https://api.github.com/users/jasonLaster/received_events","type":"User","site_admin":false},"created_at":"2018-08-03T14:52:55Z","updated_at":"2018-08-03T14:52:55Z","author_association":"CONTRIBUTOR","body":"Hey @ahuth what are your thoughts on the editor tabs? feasible? "}}
{"actor":{"display_login":"jasonLaster"}}