www/keybindings.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Test for Equation Systems</title>

    <link rel="stylesheet" href="https://speechruleengine.org/stylesheets/styles.css">
    <link rel="stylesheet" href="https://speechruleengine.org/stylesheets/github-light.css">
    <meta name="viewport" content="width=device-width">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style>
      td.first {  vertical-align: top; width: 7.5em }
      kbd  {
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      line-height: 10px;
      color: #444d56;
      vertical-align: middle;
      background-color: #fafbfc;
      border: solid 1px #c6cbd1;
      border-bottom-color: #959da5;
      border-radius: 3px;
      box-shadow: inset 0 -1px 0 #959da5;
      }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <header>
        <h1>Speech-rule-engine</h1>
        <p>Overview of key bindings</p>
        <p class="view"><a href="https://github.com/zorkow/speech-rule-engine">View the Project on GitHub <small>zorkow/speech-rule-engine</small></a></p>
      </header>
      <section>
        <h1>Key bindings for the Math Explorer</h1>
        <p>
          The table below is an overview of all keybindings available for the
          interactive Math Explorer. It is divided into three parts: 
          <ul>
            <li>essential keys,</li>
            <li>keys for advanced navigation options, and</li>
            <li>special keys for navigating in tables.</li>
          </ul>
        </p>

        <p>
          For additional information and details see also:
        <ul>
          <li>
              The release notes for the <a
          href="https://www.mathjax.org">MathJax</a> <a
          href="https://www.mathjax.org/mathjax-accessibility-extensions-v1-now-available/">Accessibility
              Extension</a>.
          </li>
          <li>
              The <a
              href="https://github.com/mathjax/MathJax-a11y/blob/master/docs/README.md">README
              at github</a> which contains more details on how to run the explorer
              and in particular provides a <a
              href="https://github.com/mathjax/MathJax-a11y/blob/master/docs/README.md#support">support
              matrix</a> by operating system, browser and screen reader.
          </li>
        </ul>
        </p>
        <table>
        <tr><th></th><th>Essential Keys</th></tr>
        <tr><td class="first"><kbd>Shift</kbd>+<kbd>Space</kbd></td><td>Activate explorer. Requires focus on maths expression.<br>
            <br><b>NOTE:</b>
            Depending on the implementation quality of the particular
            browser/screenreader/OS combination (especially Chrome and IE),
            users might have to disable screenreader reading modes (e.g.,
            "browse mode" in NVDA, "virtual cursor" in JAWS) before being able
            to launch the application.
        </td></tr>
        <tr><td class="first"><kbd>Escape</kbd></td><td>Leave exploration mode.
        <br><br><b>NOTE:</b>
            When restarted, the application will continue where the user left off.
        </td></tr>
        <tr><td class="first">&emsp;</td></tr>
        
        <tr><td class="first"><kbd>Down</kbd></td><td>Explore next lower level of the formula
        by moving down in the sub-expression tree. Exploration will start at the
        left-most sub-expression on the level.</td></tr>
        
        <tr><td class="first"><kbd>Up</kbd></td><td>Move up the sub-expression tree.</td></tr>
        <tr><td class="first"><kbd>Right</kbd></td><td>Navigate the expression horizontally by moving to the next sub-expression on the current level.</td></tr>
        <tr><td class="first"><kbd>Left</kbd></td><td>Navigate the expression horizontally by moving to the previous sub-expression on the current level.</td></tr>
        <tr><td class="first">&emsp;</td><td>An earcon is played as indicator that the boundary of
        an expression has been reached in either direction.</td></tr>
        <tr><td class="first">&emsp;</td></tr>
        <tr><td class="first">&emsp;</td><th>Advanced Options</th></tr>
        <tr><td class="first"><kbd>Tab</kbd></td><td>Repeat previous speech-text or announcement.</td></tr>
        <tr><td class="first"><kbd>Space</kbd></td><td>Get positional information, i.e., the current level in the sub-expression tree as well as collapsibility/expandability of the current subexpression.</td></tr>
        <tr><td class="first"><kbd>Enter</kbd></td><td>Collapse or expand expression under cursor, if possible.
        Speech-text is regenerated to match.</td></tr>
        <tr><td class="first"><kbd>Home</kbd></td><td>Navigate directly to top-most level of expression.</td></tr>
        <tr><td class="first"><kbd>X</kbd></td><td>Summarise the expression under cursor, without collapsing it.</td></tr>
        <tr><td class="first"><kbd>Z</kbd></td><td>Give detailed description of expression under cursor, without expanding it.</td></tr>
        <tr><td class="first"><kbd>V</kbd></td><td>Start new virtual cursor from the current position.</td></tr>
        <tr><td class="first"><kbd>P</kbd></td><td>Go to last position or previous virtual cursor</td></tr>
        <tr><td class="first"><kbd>U</kbd></td><td>Undo all virtual cursors, i.e. go to position where first virtual cursor was started.</td></tr>
        <tr><td class="first">&emsp;</td></tr>
        <tr><th class="first">&emsp;</th>
        <th class="interhead">Special key combinations for navigating tables</th></tr>
        <tr><td class="first"><kbd>Shift</kbd>+<kbd> Down</kbd></td><td>Move one cell vertically down in the table.</td></tr>
        <tr><td class="first"><kbd>Shift</kbd>+<kbd> Up</kbd></td><td>Move one cell vertically up in the table.</td></tr>
        <tr><td class="first"><kbd>Shift</kbd>+<kbd> Right</kbd></td><td>Move one cell horizontally right in the table.</td></tr>
        <tr><td class="first"><kbd>Shift</kbd>+<kbd> Left</kbd></td><td>Move one cell horizontally left in the table.</td></tr>
        <tr><td class="first">&emsp;</td></tr>
        <tr><td class="first"><kbd>0-9</kbd>+<kbd>0-9</kbd></td><td>Move directly to cell (n,m) if it exists.
            (0,0) is cell (10,10).</td></tr>
        </table>
      </section>
      <footer>
        <p>This project is maintained by <a href="https://github.com/zorkow">Volker Sorge</a></p>
        <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
      </footer>
    </div>
    <script src="https://speechruleengine.org/javascripts/scale.fix.js"></script>
  </body>
</html>