Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
Steele A Dalton authored and Steele A Dalton committed May 7, 2018
2 parents 5008c76 + 3bce41d commit 4e4b2a5
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 12 deletions.
10 changes: 2 additions & 8 deletions js/common/view/PlinkoProbabilityKeyboardHelpContent.js
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@ define( function( require ) {
var HBox = require( 'SCENERY/nodes/HBox' );
var inherit = require( 'PHET_CORE/inherit' );
var plinkoProbability = require( 'PLINKO_PROBABILITY/plinkoProbability' );
var Panel = require( 'SUN/Panel' );
var SliderControlsHelpContent = require( 'SCENERY_PHET/keyboard/help/SliderControlsHelpContent' );

/**
Expand All @@ -25,19 +24,14 @@ define( function( require ) {
var sliderControlsHelpContent = new SliderControlsHelpContent();
var generalNavigationHelpContent = new GeneralNavigationHelpContent( { withGroupContent: true } );

var content = new HBox( {
HBox.call( this, {
children: [ sliderControlsHelpContent, generalNavigationHelpContent ],
align: 'top',
spacing: 30
} );

Panel.call( this, content, {
stroke: null,
fill: 'rgb( 214, 237, 249 )'
} );
}

plinkoProbability.register( 'PlinkoProbabilityKeyboardHelpContent', PlinkoProbabilityKeyboardHelpContent );

return inherit( Panel, PlinkoProbabilityKeyboardHelpContent );
return inherit( HBox, PlinkoProbabilityKeyboardHelpContent );
} );
9 changes: 5 additions & 4 deletions plinko-probability_a11y_view.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<!--have to scroll right and left! allows to resize also-->
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Plinko Probability A11y View</title>
<title>A11y View: Plinko Probability</title>

<style>
html {
Expand Down Expand Up @@ -121,7 +121,7 @@

<div id="content">
<div class="left">
<h3>Plinko Probability A11y View: Visual and Described content side by side</h3>
<h3>A11y View: Plinko Probability</h3>
<div class="aspect-ratio">
<iframe id="iframe" allowfullscreen title="Interact with Plinko Probability"></iframe>
</div>
Expand All @@ -138,7 +138,8 @@ <h4>Activity log - The most recent interactive alerts.</h4>
<!--The PDOM copy will be placed in this container, along with a section just for alerts -->
<div class="right">
<div id="intro">
<p><span class="bold">In this web page</span>, the accessible version of Plinko Probability is embedded in the
<h4>What is the A11y View?</h4>
<p>In this web page, the accessible version of Plinko Probability is embedded in the
iframe. Below, in blue, is the copy of the sim's structured Parallel Document Object Model, or PDOM.
As you interact with the visual sim in the iframe with either a keyboard or mouse,
the descriptions for the sim automatically update on the right, key dynamic elements will be highlighted
Expand Down Expand Up @@ -175,7 +176,7 @@ <h4>The Plinko Probability descriptions structured in a Parallel DOM</h4>


// add brand name for dev deploys
var brandSuffix = window.location.hostname === 'www.colorado.edu' ? '_phet' : '';
var brandSuffix = window.location.hostname === 'bayes.colorado.edu' ? '_phet' : '';
document.getElementById( 'iframe' ).setAttribute( 'src', 'plinko-probability_en' + brandSuffix + '.html' + simulationQueryString );
</script>

Expand Down

0 comments on commit 4e4b2a5

Please sign in to comment.