- To accomplish this, we generated a parallel HTML structure that sits on top of the Scenery visual element. Any visual node in the simulation can be represented in this parallel HTML DOM. In this way, both the browser and assistive technologies have access to the the accessible representations of the elements on screen. Since the DOM is written in HTML, any user can navigate to the various elements in the browser with a keyboard or assistive technology. This could include using 'tab' or any other keys that are handled by the screen reader that moves focus to various landmarks defined in the document. + To accomplish this, we generated a parallel HTML structure that sits on top of the Scenery visual element. Any + visual node in the simulation can be represented in this parallel HTML DOM. In this way, both the browser and + assistive technologies have access to the accessible representations of the elements on screen. Since the DOM is + written in HTML, any user can navigate to the various elements in the browser with a keyboard or assistive + technology. This could include using 'tab' or any other keys that are handled by the screen reader that moves + focus to various landmarks defined in the document.
diff --git a/accessibility/accessibility-script.js b/accessibility/accessibility-script.js index f7b8c3e16..d1e4a1a62 100644 --- a/accessibility/accessibility-script.js +++ b/accessibility/accessibility-script.js @@ -1,7 +1,7 @@ // Copyright 2015, University of Colorado Boulder /** - * Some scripting for the the prototype parallel DOM. This mimics some dynamic content for the parallel DOM that would + * Some scripting for the prototype parallel DOM. This mimics some dynamic content for the parallel DOM that would * occur in a simulation to test complex tab navigation and aria-live. * * @author Jesse Greenberg diff --git a/js/accessibility/Accessibility.js b/js/accessibility/Accessibility.js index 81e4ad740..4c34067ad 100644 --- a/js/accessibility/Accessibility.js +++ b/js/accessibility/Accessibility.js @@ -1035,7 +1035,7 @@ define( function( require ) { /** * Set the inner content for the primary sibling of the AccessiblePeers of this node. Will be set as textContent * unless content is html which uses exclusively formatting tags. A node with inner content cannot - * have accessible descendants because this content will override the the HTML of descendants of this node. + * have accessible descendants because this content will override the HTML of descendants of this node. * * @param {string|null} content * @public diff --git a/js/accessibility/FocusHighlightFromNode.js b/js/accessibility/FocusHighlightFromNode.js index 0b4494831..711bd19f6 100644 --- a/js/accessibility/FocusHighlightFromNode.js +++ b/js/accessibility/FocusHighlightFromNode.js @@ -46,7 +46,7 @@ define( function( require ) { FocusHighlightPath.call( this, null, options ); - // @private - from options, will override line width calculations based on the the node's size + // @private - from options, will override line width calculations based on the node's size this.outerLineWidth = options.outerLineWidth; this.innerLineWidth = options.innerLineWidth;