<div dir="ltr"><div style="font-family:arial,sans-serif;font-size:13px">Hi everyone,</div><div style="font-family:arial,sans-serif;font-size:13px"><br></div><div style="font-family:arial,sans-serif;font-size:13px">Anastasia and I did a quick keyboard accessibility walkthrough of the latest tug-of-war game in the "Forces and Motion Basics" PHeT simulation, with the developer "accessibility flag" enabled.</div><div style="font-family:arial,sans-serif;font-size:13px"><br></div><div style="font-family:arial,sans-serif;font-size:13px">* <a href="https://github.com/phetsims/forces-and-motion-basics" target="_blank">Link to github version</a> (the version we tested)<br></div><div style="font-family:arial,sans-serif;font-size:13px">* <a href="http://phet.colorado.edu/en/simulation/forces-and-motion-basics" target="_blank">Link to production version on the PHeT website </a></div><div style="font-family:arial,sans-serif;font-size:13px"><br></div><div style="font-family:arial,sans-serif;font-size:13px">This is what we discovered. NOTE: we restricted the scope to keyboard interaction only at this time.</div><div style="font-family:arial,sans-serif;font-size:13px"><div><br></div><div><div><b>Summary:</b></div><div>Priority should be given to  giving keyboard access to items that are currently not keyboard accessible (i.e. reset button etc.). This will at least make the simulation completely navigable by keyboard. </div><div><br></div><div>Once this is done, attention can then be given to tweaking the interaction to make the keyboard experience more pleasant. </div><div><br></div></div><div><b><br>Some features not </b><b>keyboard focusable:</b></div><div>Some buttons on the interface are mouse-clickable, but not focusable by keyboard.</div><div>- reset simulation button<br>- audio / mute button<br>- about item in popped-up menu<br></div><div>- return button</div><div><b><br></b></div><div><b>"Go" button tab order:</b></div><div>Consider changing the tab order to allow a player to get the sim working as quickly as possible. Currently the tab order is:</div><div><br></div><div>1. blue players, left to right</div><div>2. red players, left to right<br>3. sum of forces checkbox option<br>4. display values checkbox option <br>5. go button</div><div>6. menu button (lower right corner)</div><div><br></div><div>The "Go" button can be moved up to 3rd in the tab order.</div><div><br></div><div><b>Other interaction notes:</b><br><br></div><div>Activating the menu button makes screen dim and the “about" popup appears, but you can't dismiss the popup by pressing Space again.</div><div><br></div><div>If all 4 players from a team are on the rope, attempting to remove a team member just subtracts their force from the arrow, but they are visually still on the rope. It's possible to get all pullers off the rope, but it requires focusing on other items first and then back on the pullers.</div><div><br>Go button will get focus and can be activated even if no players have been moved to rope.</div><div><br>Reset (clicking it, since it doesn’t get keyboard focus) doesn't remove all players from the rope (visual bug only; sum of forces is reset to zero)</div></div><div style="font-family:arial,sans-serif;font-size:13px"><br></div><div style="font-family:arial,sans-serif;font-size:13px">Return and circular reset button are ambiguous to someone who has not tried the simulation.</div><div style="font-family:arial,sans-serif;font-size:13px"><br></div><div style="font-family:arial,sans-serif;font-size:13px">With keyboard interaction, pullers are placed into predetermined spots on the rope when activated. Mouse interaction is more flexible allowing the user to place pullers on any spot. Keyboard users should get the same freedom to choose where to place their pullers.<br></div><div><br></div><div><br></div><div><br></div><div>Let us know of any comments or questions.</div><div><br></div><div>Cheers,</div><div><br></div><div>- Jon.</div><div><br></div>-- <br><div class="gmail_signature"><p style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><b style="font-size:12.4999990463257px"><span style="font-size:10pt;font-family:Tahoma,sans-serif">JONATHAN HUNG</span></b></p><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><span style="font-size:10pt;font-family:Tahoma,sans-serif">INCLUSIVE DESIGNER, IDRC<u></u><u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><span style="font-size:10pt;font-family:Tahoma,sans-serif"><u></u> <u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><b><span style="font-size:10pt;font-family:Tahoma,sans-serif">T:</span></b><span style="font-size:10pt;font-family:Tahoma,sans-serif"> <a value="+14169776000" style="color:rgb(17,85,204)">416 977 6000 x3951</a><u></u><u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><b><span style="font-size:10pt;font-family:Tahoma,sans-serif">F:</span></b><span style="font-size:10pt;font-family:Tahoma,sans-serif"> <a value="+14169779844" style="color:rgb(17,85,204)">416 977 9844</a><u></u><u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><b><span style="font-size:10pt;font-family:Tahoma,sans-serif">E:</span></b><span style="font-size:10pt;font-family:Tahoma,sans-serif"> <a href="mailto:jhung@ocadu.ca" style="color:blue" target="_blank">jhung@ocadu.ca</a><u></u><u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><span style="font-size:10pt;font-family:Tahoma,sans-serif"><u></u> <u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><b><span style="font-size:10pt;font-family:Tahoma,sans-serif">OCAD UNIVERSITY</span></b><span style="font-size:10pt;font-family:Tahoma,sans-serif"><u></u><u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><span style="font-size:10pt;font-family:Tahoma,sans-serif">Inclusive Design Research Centre<u></u><u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><span style="font-size:10pt;font-family:Tahoma,sans-serif">205 Richmond Street W, Toronto, ON, M5V 1V3<u></u><u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><span style="font-size:10pt;font-family:Tahoma,sans-serif"><u></u> <u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><span style="font-size:10pt;font-family:Tahoma,sans-serif"><a href="http://www.ocadu.ca/" style="color:blue" target="_blank">www.ocadu.ca</a><u></u><u></u></span></p></div><div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.4999990463257px;background-color:rgb(255,255,255)"><p style="margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:'Times New Roman',serif"><span style="font-size:10pt;font-family:Tahoma,sans-serif"><a href="http://www.idrc.ocad.ca/" style="color:blue" target="_blank">www.idrc.ocad.ca</a></span></p></div></div>
</div>