keyboard help dialog for #101

phetsims · Sep 28, 2017 · c13c0cc · c13c0cc
1 parent e6ebd91
commit c13c0cc
Show file tree

Hide file tree

Showing 4 changed files with 406 additions and 2 deletions.
diff --git a/js/resistance-in-a-wire-main.js b/js/resistance-in-a-wire-main.js
@@ -9,6 +9,7 @@ define( function( require ) {
   'use strict';
 
   // modules
+  var ResistanceInAWireKeyboardHelpContent = require( 'RESISTANCE_IN_A_WIRE/resistance-in-a-wire/view/ResistanceInAWireKeyboardHelpContent' );
   var ResistanceInAWireScreen = require( 'RESISTANCE_IN_A_WIRE/resistance-in-a-wire/ResistanceInAWireScreen' );
   var Sim = require( 'JOIST/Sim' );
   var SimLauncher = require( 'JOIST/SimLauncher' );
@@ -20,6 +21,9 @@ define( function( require ) {
   // strings
   var resistanceInAWireTitleString = require( 'string!RESISTANCE_IN_A_WIRE/resistance-in-a-wire.title' );
 
+  // help content to describe keyboard interactions
+  var keyboardHelpContent = new ResistanceInAWireKeyboardHelpContent( Tandem.createStaticTandem( 'keyboardHelpContent' ) );
+
   var simOptions = {
     credits: {
       leadDesign: 'Michael Dubson',
@@ -29,7 +33,8 @@ define( function( require ) {
                         'Oliver Orejola, Benjamin Roberts, Bryan Yoelin',
       thanks: 'Thanks to Mobile Learner Labs for working with the PhET development team to convert this ' +
               'simulation to HTML5.'
-    }
+    },
+    keyboardHelpNode: keyboardHelpContent
   };
 
   SimLauncher.launch( function() {

diff --git a/js/resistance-in-a-wire/ResistanceInAWireA11yStrings.js b/js/resistance-in-a-wire/ResistanceInAWireA11yStrings.js
@@ -12,13 +12,42 @@ define( function( require ) {
 
   var resistanceInAWire = require( 'RESISTANCE_IN_A_WIRE/resistanceInAWire' );
 
+  var hotKeysAndHelpString = require( 'string!RESISTANCE_IN_A_WIRE/hotKeysAndHelp' );
+  var orString = require( 'string!RESISTANCE_IN_A_WIRE/or' );
+  var shiftKeyString = require( 'string!RESISTANCE_IN_A_WIRE/shiftKey' );
+  var shiftTabKeyDescriptionString = require( 'string!RESISTANCE_IN_A_WIRE/shiftTabKeyDescription' );
+  var tabKeyDescriptionString = require( 'string!RESISTANCE_IN_A_WIRE/tabKeyDescription' );
+  var tabKeyString = require( 'string!RESISTANCE_IN_A_WIRE/tabKey' );
+  var arrowKeysAdjustSlidersString = require( 'string!RESISTANCE_IN_A_WIRE/arrowKeysAdjustSliders' );
+  var shiftArrowKeysSlidersString = require( 'string!RESISTANCE_IN_A_WIRE/shiftArrowKeysSliders' );
+  var pageUpPageDownSlidersString = require( 'string!RESISTANCE_IN_A_WIRE/pageUpPageDownSliders' );
+  var homeEndSlidersString = require( 'string!RESISTANCE_IN_A_WIRE/homeEndSliders' );
+  var escapeKeyDescriptionString = require( 'string!RESISTANCE_IN_A_WIRE/escapeKeyDescription' );
+  var sliderControlsString = require( 'string!RESISTANCE_IN_A_WIRE/sliderControls' ); 
+  var generalNavigationString = require( 'string!RESISTANCE_IN_A_WIRE/generalNavigation' ); 
+
   var ResistanceInAWireA11yStrings = {
     resistivityUnitsPatternString: '{{value}} ohm centimeters',
     lengthUnitsPatternString: '{{value}} centimeters',
     areaUnitsPatternString: '{{value}} centimeters squared',
     resistivitySliderLabelString: 'rho, Resistivity',
     lengthSliderLabelString: 'L, Length',
-    areaSliderLabelString: 'A, Area'
+    areaSliderLabelString: 'A, Area',
+
+    // keyboard help strings
+    hotKeysAndHelpString: hotKeysAndHelpString,
+    orString: orString,
+    shiftKeyString: shiftKeyString,
+    shiftTabKeyDescriptionString: shiftTabKeyDescriptionString,
+    tabKeyDescriptionString: tabKeyDescriptionString,
+    tabKeyString: tabKeyString,
+    arrowKeysAdjustSlidersString: arrowKeysAdjustSlidersString,
+    shiftArrowKeysSlidersString: shiftArrowKeysSlidersString, 
+    pageUpPageDownSlidersString: pageUpPageDownSlidersString, 
+    homeEndSlidersString: homeEndSlidersString, 
+    escapeKeyDescriptionString: escapeKeyDescriptionString,
+    sliderControlsString: sliderControlsString,
+    generalNavigationString: generalNavigationString
   };
 
   if ( phet.chipper.queryParameters.stringTest === 'xss' ) {