{"action":"created","issue":{"url":"https://api.github.com/repos/phetsims/balloons-and-static-electricity/issues/105","labels_url":"https://api.github.com/repos/phetsims/balloons-and-static-electricity/issues/105/labels{/name}","comments_url":"https://api.github.com/repos/phetsims/balloons-and-static-electricity/issues/105/comments","events_url":"https://api.github.com/repos/phetsims/balloons-and-static-electricity/issues/105/events","html_url":"https://github.com/phetsims/balloons-and-static-electricity/issues/105","id":122374603,"number":105,"title":"Add invisible 'keyboard help' prototype to accessibility tree","user":{"login":"jessegreenberg","id":6396244,"avatar_url":"https://avatars.githubusercontent.com/u/6396244?v=3","gravatar_id":"","url":"https://api.github.com/users/jessegreenberg","html_url":"https://github.com/jessegreenberg","followers_url":"https://api.github.com/users/jessegreenberg/followers","following_url":"https://api.github.com/users/jessegreenberg/following{/other_user}","gists_url":"https://api.github.com/users/jessegreenberg/gists{/gist_id}","starred_url":"https://api.github.com/users/jessegreenberg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessegreenberg/subscriptions","organizations_url":"https://api.github.com/users/jessegreenberg/orgs","repos_url":"https://api.github.com/users/jessegreenberg/repos","events_url":"https://api.github.com/users/jessegreenberg/events{/privacy}","received_events_url":"https://api.github.com/users/jessegreenberg/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/phetsims/balloons-and-static-electricity/labels/a11y","name":"a11y","color":"d4c5f9"}],"state":"open","locked":false,"assignee":{"login":"jessegreenberg","id":6396244,"avatar_url":"https://avatars.githubusercontent.com/u/6396244?v=3","gravatar_id":"","url":"https://api.github.com/users/jessegreenberg","html_url":"https://github.com/jessegreenberg","followers_url":"https://api.github.com/users/jessegreenberg/followers","following_url":"https://api.github.com/users/jessegreenberg/following{/other_user}","gists_url":"https://api.github.com/users/jessegreenberg/gists{/gist_id}","starred_url":"https://api.github.com/users/jessegreenberg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessegreenberg/subscriptions","organizations_url":"https://api.github.com/users/jessegreenberg/orgs","repos_url":"https://api.github.com/users/jessegreenberg/repos","events_url":"https://api.github.com/users/jessegreenberg/events{/privacy}","received_events_url":"https://api.github.com/users/jessegreenberg/received_events","type":"User","site_admin":false},"milestone":null,"comments":4,"created_at":"2015-12-15T21:48:38Z","updated_at":"2015-12-16T23:29:38Z","closed_at":null,"body":"From https://github.com/phetsims/scenery/issues/450, @terracoda said:\r\n\r\n>@jessegreenberg, How's this for a draft version of Keyboard Help. Use H1 and H2's if you put it in a modal dialog. Use H2's and H3's if you put it directly in the p-dom content hierarchy and wrap it in a section.\r\n```html\r\n<h1>Keyboard Help</h1>\r\n<h2>Balloon Interactions</h2>\r\n<ul>\r\n    <li>Arrow Keys: Grabs &amp; moves balloon in any direction.</li>\r\n    <li>Spacebar or Control plus Enter: Releases balloon.</li>\r\n    <li>Shift plus Arrow Key: Grabs &amp; Moves balloon with bigger steps.</li> \r\n</ul>\r\n<h2>Quick Move Hotkey Combinations</h2>\r\n<ul>\r\n    <li>J plus S: Jumps to edge of Sweater.</li> \r\n    <li>J plus W: Jumps to Wall.</li>\r\n    <li>J plus N: Jumps to Near Wall.</li>\r\n    <li>J plus M: Jumps to Middle of Play Area.</li>  \r\n</ul>\r\n<h2>Sim Navigation &amp; Help</h2>  \r\n<ul>\r\n    <li>Tab key: Goes to next focusable item.</li>\r\n    <li>Question Mark: Opens keyboard help.</li>\r\n</ul>\r\n```\r\n\r\n@jessegreenberg said:\r\n> This looks good @terracoda! I will add something like this to the accessibility tree for balloons-and-static-electricity."},"comment":{"url":"https://api.github.com/repos/phetsims/balloons-and-static-electricity/issues/comments/165285788","html_url":"https://github.com/phetsims/balloons-and-static-electricity/issues/105#issuecomment-165285788","issue_url":"https://api.github.com/repos/phetsims/balloons-and-static-electricity/issues/105","id":165285788,"user":{"login":"jessegreenberg","id":6396244,"avatar_url":"https://avatars.githubusercontent.com/u/6396244?v=3","gravatar_id":"","url":"https://api.github.com/users/jessegreenberg","html_url":"https://github.com/jessegreenberg","followers_url":"https://api.github.com/users/jessegreenberg/followers","following_url":"https://api.github.com/users/jessegreenberg/following{/other_user}","gists_url":"https://api.github.com/users/jessegreenberg/gists{/gist_id}","starred_url":"https://api.github.com/users/jessegreenberg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessegreenberg/subscriptions","organizations_url":"https://api.github.com/users/jessegreenberg/orgs","repos_url":"https://api.github.com/users/jessegreenberg/repos","events_url":"https://api.github.com/users/jessegreenberg/events{/privacy}","received_events_url":"https://api.github.com/users/jessegreenberg/received_events","type":"User","site_admin":false},"created_at":"2015-12-16T23:29:38Z","updated_at":"2015-12-16T23:29:38Z","body":"Above commit is an initial implementation of the dialog.  Here it is, rendered in the DOM:\r\n```html\r\n<div id=\"dialog-14-498-496\" role=\"dialog\" tabindex=\"0\" aria-labelledby=\"dialog-label-14-498-496\">\r\n\t<h1 id=\"dialog-label-14-498-496\">‪Keyboard Help‬</h1>\r\n\t<h2>‪Balloon Interactions‬</h2>\r\n\t<ul>\r\n\t\t<li>‪Arrow Keys: Grabs and moves balloon in any direction.‬</li>\r\n\t\t<li>‪Spacebar or Control plus Enter: Releases balloon.‬</li>\r\n\t\t<li>‪Shift plus Arrow Key: Grabs and Moves balloon with bigger steps.‬</li>\r\n\t</ul>\r\n\t<h2>‪Quick Move Hotkey Combinations‬</h2>\r\n\t<ul>\r\n\t\t<li>‪J plus S: Jumps to edge of Sweater.‬</li>\r\n\t\t<li>‪J plus W: Jumps to Wall.‬</li>\r\n\t\t<li>‪J plus N: Jumps to Near Wall.‬</li>\r\n\t\t<li>‪J plus M: Jumps to Middle of Play Area.‬</li>\r\n\t</ul>\r\n\t<h2>‪Sim Navigation and Help‬</h2>\r\n\t<ul>\r\n\t\t<li>‪Tab key: Goes to next focusable item.‬</li>\r\n\t\t<li>‪Question Mark: Opens keyboard help.‬</li>\r\n\t</ul>\r\n</div>\r\n```"}}