Skip to content

Commit

Permalink
Tree View Examples: Update documentation of Accessibility Features
Browse files Browse the repository at this point in the history
For issue #404, updated the statement in the accessibility features section
of each of the 4 tree view example pages.
Updated to document  the change to use of CSS pseudo-classes for focus and hover
made in commit  ba5cf02.
  • Loading branch information
mcking65 committed Nov 21, 2017
1 parent 092beac commit b5400fb
Show file tree
Hide file tree
Showing 4 changed files with 4 additions and 8 deletions.
3 changes: 1 addition & 2 deletions examples/treeview/treeview-1/treeview-1a.html
Original file line number Diff line number Diff line change
Expand Up @@ -249,8 +249,7 @@ <h3 id="tree_label">
<section>
<h2>Accessibility Features</h2>
<p>
To make the focus indicator easier to see, expandable nodes (parent items) in the tree have a custom focus and hover styling created using CSS focus and hover classes.
To do this, focus, blur, mouseover, and mouseout events trigger application of classes to the <code>span</code> element that contains the visible label of the <code>treeitem</code>.
To make the focus indicator easier to see, nodes in the tree have a custom focus and hover styling created using CSS focus and hover pseudo-classes.
</p>
</section>

Expand Down
3 changes: 1 addition & 2 deletions examples/treeview/treeview-1/treeview-1b.html
Original file line number Diff line number Diff line change
Expand Up @@ -409,8 +409,7 @@ <h3 id="tree1">File Viewer</h3>
<section>
<h2>Accessibility Features</h2>
<p>
To make the focus indicator easier to see, the expandable nodes (parent items) in the tree have a custom focus and hover styling created using CSS focus and hover classes.
To do this, focus, blur, mouseover, and mouseout events trigger application of classes to the <code>span</code> element that contains the visible label of the <code>treeitem</code>.
To make the focus indicator easier to see, nodes in the tree have a custom focus and hover styling created using CSS focus and hover pseudo-classes.
</p>
</section>

Expand Down
3 changes: 1 addition & 2 deletions examples/treeview/treeview-2/treeview-2a.html
Original file line number Diff line number Diff line change
Expand Up @@ -331,8 +331,7 @@ <h3 id="tree1">Foods</h3>
<section>
<h2>Accessibility Features</h2>
<p>
To make the focus indicator easier to see, the expandable nodes (parent items) in the tree have a custom focus and hover styling created using CSS focus and hover classes.
To do this, focus, blur, mouseover, and mouseout events trigger application of classes to the <code>span</code> element that contains the visible label of the <code>treeitem</code>.
To make the focus indicator easier to see, nodes in the tree have a custom focus and hover styling created using CSS focus and hover pseudo-classes.
</p>
</section>

Expand Down
3 changes: 1 addition & 2 deletions examples/treeview/treeview-2/treeview-2b.html
Original file line number Diff line number Diff line change
Expand Up @@ -463,8 +463,7 @@ <h3 id="tree1">Foods</h3>
<section>
<h2>Accessibility Features</h2>
<p>
To make the focus indicator easier to see, the expandable nodes (parent items) in the tree have a custom focus and hover styling created using CSS focus and hover classes.
To do this, focus, blur, mouseover, and mouseout events trigger application of classes to the <code>span</code> element that contains the visible label of the <code>treeitem</code>.
To make the focus indicator easier to see, nodes in the tree have a custom focus and hover styling created using CSS focus and hover pseudo-classes.
</p>
</section>

Expand Down

0 comments on commit b5400fb

Please sign in to comment.