Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility demo #2466

Merged
merged 4 commits into from
May 17, 2019
Merged

Conversation

alschmiedt
Copy link
Contributor

The basics

  • I branched from develop
  • My pull request is against develop
  • My code follows the style guide

The details

Resolves

Proposed Changes

Adds accessibility demo.
Also removes unnecessary import Blockly.BlockSvg.render because it was breaking everything.

Reason for Changes

Test Coverage

Tested on:

Additional Information

Copy link
Contributor

@RoboErikG RoboErikG left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add comments, then lgtm.

Blockly.Xml.domToWorkspace(document.getElementById('startBlocks'),
demoWorkspace);

function validNode(node) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Document functions with explanations of what each function does. Demos are better if they include extra documentation. ;)

demos/index.html Outdated
@@ -220,6 +220,17 @@ <h1><a href="https://developers.google.com/blockly/">Blockly</a> &gt; Demos</h1>
<div>Build custom blocks and setup a toolbox using Blockly.</div>
</td>
</tr>
<tr>
<td>
<a href="code/index.html">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wrong link here.

You can then use the WASD keys to move around the workspace or click the show
demo button to display an alternative way to navigate the workspace. The demo
uses <a href="https://en.wikipedia.org/wiki/Tree_traversal#Pre-order_(NLR)">pre
order tree raversal</a> as an alternative way to navigate the blocks,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

raversal -> traversal

<h1><a href="https://developers.google.com/blockly/">Blockly</a> &gt;
<a href="../index.html">Demos</a> &gt; Keyboard Navigation</h1>

<p>You can enter keyboard navigation mode by <b>shift click anywhere on the
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

shift click -> shift clicking

<!-- <p>&rarr; More info on <a href="">Keyboard Navigation</a>.</p> -->

<p>
<button onclick="showDemo()">Show Demo</button>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What about "Show Traversal" (and update other references) instead of "Show Demo"?

@rachel-fenichel
Copy link
Collaborator

Note: the failing tests on Travis are the mocha tests, and it's failing with "null tests failed". I still need to look into that, but it doesn't block this PR.

(If I can't fix it soon I'm going to disable it so we have a clear signal from Travis again.)

@alschmiedt alschmiedt merged commit 7a1bbad into google:keyboard_nav May 17, 2019
@alschmiedt alschmiedt deleted the accessibility_demo branch October 23, 2020 16:38
@alschmiedt alschmiedt restored the accessibility_demo branch October 23, 2020 16:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants