{"action":"opened","issue":{"url":"https://api.github.com/repos/quilljs/quill/issues/1020","repository_url":"https://api.github.com/repos/quilljs/quill","labels_url":"https://api.github.com/repos/quilljs/quill/issues/1020/labels{/name}","comments_url":"https://api.github.com/repos/quilljs/quill/issues/1020/comments","events_url":"https://api.github.com/repos/quilljs/quill/issues/1020/events","html_url":"https://github.com/quilljs/quill/issues/1020","id":180401137,"number":1020,"title":"No focus indicator for the toolbar button - accessibility","user":{"login":"sarbbottam","id":949380,"avatar_url":"https://avatars.githubusercontent.com/u/949380?v=3","gravatar_id":"","url":"https://api.github.com/users/sarbbottam","html_url":"https://github.com/sarbbottam","followers_url":"https://api.github.com/users/sarbbottam/followers","following_url":"https://api.github.com/users/sarbbottam/following{/other_user}","gists_url":"https://api.github.com/users/sarbbottam/gists{/gist_id}","starred_url":"https://api.github.com/users/sarbbottam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sarbbottam/subscriptions","organizations_url":"https://api.github.com/users/sarbbottam/orgs","repos_url":"https://api.github.com/users/sarbbottam/repos","events_url":"https://api.github.com/users/sarbbottam/events{/privacy}","received_events_url":"https://api.github.com/users/sarbbottam/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-09-30T20:59:36Z","updated_at":"2016-09-30T20:59:36Z","closed_at":null,"body":"Focus indicator is extremely important to keyboard only users. Currently the default browser focus indicator is suppressed via [`outline: none` at quill/develop/assets/base.styl](https://github.com/quilljs/quill/blob/develop/assets/base.styl#L25)\r\n\r\n![focus-indicator](https://cloud.githubusercontent.com/assets/949380/19006599/55ae6d32-8715-11e6-9f81-19072188dcb6.png)\r\n\r\nEither enable browser default focus indicator or compensate it with custom style. You can read more about focus indicator and its necessity at [Keyboard Accessibility and Lost Focus](https://sarbbottam.github.io/accessibility,/css/2016/09/29/keyboard-accessibility-and-lost-focus/)\r\n\r\n**Steps for Reproduction**\r\n\r\n1. Visit http://quilljs.com/playground/\r\n2. Press `tab` to reach the toolbar buttons\r\n\r\n**Expected behavior**:\r\nAny focused element must be visible and identifiable\r\n\r\n**Actual behavior**:\r\nNotice that it is not possible to identify which button is focused.\r\n\r\n**Platforms**:\r\nChrome latest, Mac latest\r\n\r\n**Version**:\r\n1.0.6\r\n\r\n"}}
{"actor":{"display_login":"sarbbottam"}}