{"action":"created","issue":{"url":"https://api.github.com/repos/mobify/bellows/issues/67","repository_url":"https://api.github.com/repos/mobify/bellows","labels_url":"https://api.github.com/repos/mobify/bellows/issues/67/labels{/name}","comments_url":"https://api.github.com/repos/mobify/bellows/issues/67/comments","events_url":"https://api.github.com/repos/mobify/bellows/issues/67/events","html_url":"https://github.com/mobify/bellows/issues/67","id":188769943,"number":67,"title":"Accessibility - impossible to open or close Bellows without a mouse/headers are not focusable","user":{"login":"philwolstenholme","id":6339853,"avatar_url":"https://avatars.githubusercontent.com/u/6339853?v=3","gravatar_id":"","url":"https://api.github.com/users/philwolstenholme","html_url":"https://github.com/philwolstenholme","followers_url":"https://api.github.com/users/philwolstenholme/followers","following_url":"https://api.github.com/users/philwolstenholme/following{/other_user}","gists_url":"https://api.github.com/users/philwolstenholme/gists{/gist_id}","starred_url":"https://api.github.com/users/philwolstenholme/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/philwolstenholme/subscriptions","organizations_url":"https://api.github.com/users/philwolstenholme/orgs","repos_url":"https://api.github.com/users/philwolstenholme/repos","events_url":"https://api.github.com/users/philwolstenholme/events{/privacy}","received_events_url":"https://api.github.com/users/philwolstenholme/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-11-11T14:21:13Z","updated_at":"2016-11-11T16:49:23Z","closed_at":null,"body":"If you are navigating a page that uses Bellows with your keyboard (by using the tab key to move between focusable elements, and the space or enter key to interact with these elements) then it is impossible to open/close any contracted Bellows items as the headers are not given a tabindex to make them focusable.\r\n\r\nhttp://heydonworks.com/practical_aria_examples/#progressive-collapsibles is a good example of a keyboard navigable accordion. \r\n"},"comment":{"url":"https://api.github.com/repos/mobify/bellows/issues/comments/260000658","html_url":"https://github.com/mobify/bellows/issues/67#issuecomment-260000658","issue_url":"https://api.github.com/repos/mobify/bellows/issues/67","id":260000658,"user":{"login":"philwolstenholme","id":6339853,"avatar_url":"https://avatars.githubusercontent.com/u/6339853?v=3","gravatar_id":"","url":"https://api.github.com/users/philwolstenholme","html_url":"https://github.com/philwolstenholme","followers_url":"https://api.github.com/users/philwolstenholme/followers","following_url":"https://api.github.com/users/philwolstenholme/following{/other_user}","gists_url":"https://api.github.com/users/philwolstenholme/gists{/gist_id}","starred_url":"https://api.github.com/users/philwolstenholme/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/philwolstenholme/subscriptions","organizations_url":"https://api.github.com/users/philwolstenholme/orgs","repos_url":"https://api.github.com/users/philwolstenholme/repos","events_url":"https://api.github.com/users/philwolstenholme/events{/privacy}","received_events_url":"https://api.github.com/users/philwolstenholme/received_events","type":"User","site_admin":false},"created_at":"2016-11-11T16:49:23Z","updated_at":"2016-11-11T16:49:23Z","body":"A partial fix for this is to make your Bellows header a `<button>` element. Unlike `<a>` elements Bellows will work with buttons as headers, and buttons are focusable, and pass their keyboard events on as clicks by the looks of things."}}
{"actor":{"display_login":"philwolstenholme"}}