phetsims / rutherford-scattering

"Rutherford Scattering" is an educational simulation in HTML5, by PhET Interactive Simulations.
GNU General Public License v3.0
2 stars 3 forks source link

Keyboard help dialog for this sim #136

Open jessegreenberg opened 6 years ago

jessegreenberg commented 6 years ago

Since this sim is likely the next sim to be deployed with keyboard navigation it needs a keyboard help dialog. @terracoda @emily-phet can you please assign priority/assign creating content for a help dialog?

emily-phet commented 6 years ago

@arouinfar Can you take a stab at drafting the content for the keyboard help dialog? We'd like to have a few iterations and have this complete by Feb. 15th.

arouinfar commented 6 years ago

@emily-phet @terracoda I think this sim will be nearly identical to OL/RIAW, except that the General Navigation section will include information about groups.

Slider Controls Adjust slider [left] [right] or [up][down] Adjust in smaller steps [shift] + [left] [right] or [shift] + [up][down] Adjust in larger steps [pg up] [pg down] Jump to minimum [home] Jump to maximum [end]

General Navigation Move to next item or group [tab] Move to previous item or group [shift] + [tab] Move between items in a group [left][right] or [up][down] Exit a dialog [esc]

image

terracoda commented 6 years ago

And the text version of this is:

terracoda commented 6 years ago

Oops, here's the text version:

<h1>Keyboard Shortcuts</h1>
<h2>Slider Controls</h2>
 <ul>
  <li>Adjust slider with Left and Right arrow keys, or Up and Down arrow keys.</li>
  <li>Adjust in smaller steps with Shift plus Left or Right arrow key, or Shift plus Up or Down arrow key.</li>
  <li>Adjust in larger steps with Page Up or Page Down key.</li>
  <li>Jump to minimum with Home key.</li>
  <li>Jump to maximum with End key.</li>
</ul>

<h2>General Navigation</h2>
<ul>
    <li>Move to next item or group with Tab key.</li>
    <li>Move to previous item or group with Shift plus Tab key.</li>
    <li>Move between items in a group with Left and Right Arrow keys or with Up and Down Arrow keys.</li>
    <li>Exit a dialog with Escape key.</li>
</ul>
terracoda commented 6 years ago

@arouinfar, I think you are correct, this sim has sliders and a group of radiobuttons. Since no instructions are not needed for buttons and checkboxes, your mock-up covers it.

terracoda commented 6 years ago

@emily-phet, shall I assign to @jessegreenberg for implementation?

emily-phet commented 6 years ago

@terracoda yup, I'll assign to @jessegreenberg and unassign you.

@jessegreenberg - for some time after you return!

jessegreenberg commented 6 years ago

This sim is going to be redeployed to deploy off of chipper 2.0 and get other master fixes like the projector mode query parameter. But this will not include a11y. This issue is going to be on hold for a later release, removing my assignment and updating issue title to indicate this.