Keyboard Navigation & Shortcuts in Kiddom

Navigating a website efficiently without a mouse is essential for many users and is a core principle of the Web Content Accessibility Guidelines (WCAG) 2.1 AA. This guide outlines the keyboard shortcuts and navigation methods that enable seamless access to our platform’s features.

Whether using standard keyboard navigation, interacting with drag-and-drop elements, or working within integrated tools like rich text editors, math keyboards, and graphing applications, these shortcuts will help you move through the platform easily.

Below, you’ll find detailed instructions and key combinations for various interactions, ensuring an accessible experience for all users.

General Keyboard Navigation

Use Tab and Shift + Tab as your main navigation keys and cycle through menu items using the arrow keys. A “Skip To Main Content” link is present at the beginning of each page, allowing keyboard users quick access to the page’s main content.

Drag and Drop Questions

Questions that require drag and drop to answer the question (Fill in the Blank with Drag and Drop, Matching, Categorizing, and Ordering) have a keyboard alternative to using a mouse to answer the question. Use the keyboard shortcuts below to interact with these questions.

Drawing Tool

The drawing tool, or whiteboard, supports keyboard navigation and shortcuts. While it is compatible with keyboard navigation and screen readers, some students may find it difficult to use. If completing the drawing digitally is not feasible for a student, we recommend completing the question on paper. If needed, an image of the completed work can be uploaded back into the drawing tool.

Here is the complete list of keyboard shortcuts:

Accessibility within Integrated Tools

Our platform integrates several third-party tools for writing, math, and graphing, including the Rich Text Editor, Math Keyboard, Graphing Tools (GeoGebra and Desmos), and Math Manipulatives (BrainingCamp). This section provides information on how these tools work with assistive technology, such as screen readers and keyboard navigation.

Rich Text Editor

The Rich Text Editor supports keyboard navigation and screen readers. For further documentation, refer to the TinyMCE Keyboard Shortcuts documentation.

Here are a few of the basic keyboard shortcuts:

Math Keyboard

The math keyboard in Kiddom supports keyboard shortcuts as well as LaTeX input. For users using the keyboard to navigate, there is a menu alternative to using the keyboard. For further documentation, refer to CortexJS documentation.

Here are a few of the basic keyboard shortcuts:

Graphing Tool (GeoGebra)

GeoGebra’s tools are designed with accessibility in mind and are compatible with screen readers and keyboard-only navigation; however, we have observed some accessibility limitations. For example, certain interactive features, such as drawing on the graph, may require a mouse and may not be fully operable with a keyboard or screen reader. If you encounter accessibility challenges, we recommend exploring GeoGebra’s accessibility documentation.

Here are a few of the basic keyboard shortcuts:

Math Manipulatives (BrainingCamp)

BrainingCamp’s tools are WCAG 2.1 AA compliant. To view the accessibility controls click the Accessibility button when working with a manipulative. For further documentation, refer to BrainingCamp’s Accessibility Guide.

Here are a few of the basic keyboard shortcuts:

Graphing Tool (Desmos)

The Desmos calculator supports a wide range of operations and functions. You can learn about the keyboard shortcuts or read more about all of the accessibility features of the Desmos Calculators in our accessibility documentation.