{"action":"created","issue":{"url":"https://api.github.com/repos/PolymerElements/paper-tabs/issues/4","labels_url":"https://api.github.com/repos/PolymerElements/paper-tabs/issues/4/labels{/name}","comments_url":"https://api.github.com/repos/PolymerElements/paper-tabs/issues/4/comments","events_url":"https://api.github.com/repos/PolymerElements/paper-tabs/issues/4/events","html_url":"https://github.com/PolymerElements/paper-tabs/issues/4","id":74155711,"number":4,"title":"paper-tabs accessibility report","user":{"login":"lpalmaro","id":8411095,"avatar_url":"https://avatars.githubusercontent.com/u/8411095?v=3","gravatar_id":"","url":"https://api.github.com/users/lpalmaro","html_url":"https://github.com/lpalmaro","followers_url":"https://api.github.com/users/lpalmaro/followers","following_url":"https://api.github.com/users/lpalmaro/following{/other_user}","gists_url":"https://api.github.com/users/lpalmaro/gists{/gist_id}","starred_url":"https://api.github.com/users/lpalmaro/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lpalmaro/subscriptions","organizations_url":"https://api.github.com/users/lpalmaro/orgs","repos_url":"https://api.github.com/users/lpalmaro/repos","events_url":"https://api.github.com/users/lpalmaro/events{/privacy}","received_events_url":"https://api.github.com/users/lpalmaro/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/PolymerElements/paper-tabs/labels/a11y","name":"a11y","color":"5e8782"}],"state":"open","locked":false,"assignee":{"login":"cdata","id":240083,"avatar_url":"https://avatars.githubusercontent.com/u/240083?v=3","gravatar_id":"","url":"https://api.github.com/users/cdata","html_url":"https://github.com/cdata","followers_url":"https://api.github.com/users/cdata/followers","following_url":"https://api.github.com/users/cdata/following{/other_user}","gists_url":"https://api.github.com/users/cdata/gists{/gist_id}","starred_url":"https://api.github.com/users/cdata/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cdata/subscriptions","organizations_url":"https://api.github.com/users/cdata/orgs","repos_url":"https://api.github.com/users/cdata/repos","events_url":"https://api.github.com/users/cdata/events{/privacy}","received_events_url":"https://api.github.com/users/cdata/received_events","type":"User","site_admin":false},"milestone":null,"comments":3,"created_at":"2015-05-07T22:59:05Z","updated_at":"2015-08-25T18:37:51Z","closed_at":null,"body":"Here are the accessibility developer tools audit results: \r\n\r\n[Warning] Elements with onclick handlers must be focusable (8)[Warning] Text elements should have a reasonable contrast ratio (33)Not applicable tests (9)Passing tests (4)\r\n\r\nMajor issues: \r\n\r\nContrast: Contrast needs to be checked, especially for the items that are currently not chosen. I know the point is for them to be less visible to indicate that they are not chosen, but it's very hard to read the text. Also, the blue link text over the blue/green background is nearly impossible to read. All contrast must be reviewed here. \r\n\r\nKeyboard navigation and focus state:  I am not able to navigate to all the Items using just the keyboard and enter. Also, when I am using a screen reader (VoiceOver and ChromeVox) to navigate through, I am able to press the force click key command to actually click on the given item, but this is not triggering the same visual response as when I use the mouse to physically click. Using the mouse, I see a bigger visual animation, so the experience is inconsistent with keyboard vs. mouse. Happy to show you this in person. \r\n\r\nNote in regards to roles: Currently, a user using a screen reader would not really know that they could click on the various items to change focus, as there is no spoken feedback indicating that it is in fact clickable.  When they are implemented as links, this is different because the user can hear the earcon and spoken text that this is a link. We should brainstorm how we could identify this option to users for the other tab forms though (aside from the links).\r\n"},"comment":{"url":"https://api.github.com/repos/PolymerElements/paper-tabs/issues/comments/134696363","html_url":"https://github.com/PolymerElements/paper-tabs/issues/4#issuecomment-134696363","issue_url":"https://api.github.com/repos/PolymerElements/paper-tabs/issues/4","id":134696363,"user":{"login":"lpalmaro","id":8411095,"avatar_url":"https://avatars.githubusercontent.com/u/8411095?v=3","gravatar_id":"","url":"https://api.github.com/users/lpalmaro","html_url":"https://github.com/lpalmaro","followers_url":"https://api.github.com/users/lpalmaro/followers","following_url":"https://api.github.com/users/lpalmaro/following{/other_user}","gists_url":"https://api.github.com/users/lpalmaro/gists{/gist_id}","starred_url":"https://api.github.com/users/lpalmaro/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lpalmaro/subscriptions","organizations_url":"https://api.github.com/users/lpalmaro/orgs","repos_url":"https://api.github.com/users/lpalmaro/repos","events_url":"https://api.github.com/users/lpalmaro/events{/privacy}","received_events_url":"https://api.github.com/users/lpalmaro/received_events","type":"User","site_admin":false},"created_at":"2015-08-25T18:37:51Z","updated_at":"2015-08-25T18:37:51Z","body":"Just tested again. The arrow button to scroll the tabs to the right doesn't have a label. It just says button. Also, the blue text on the blue/green background doesn't meet contrast guidelines. I think this is blue because they are meant to be links... Anything we can do here to make the contrast better? "}}