Skip to content
This repository has been archived by the owner on Dec 16, 2022. It is now read-only.

Using Accessibility

Jump to bottom
Sue-Ann Ma edited this page Dec 14, 2017 · 4 revisions

Accessibility Structure

When starting opening up the matheditor-qa.diagramcenter.org site, the main page provides a number of links for feedback. The main page has a list of sample problems. Clicking on one of those problems pops up a modal dialog to solve the problem. The structure of the main page and the dialog are described below.

Main Page

The body of the main consists of a list, where each item of the list is a problem that can be activated.

Modal Dialog for Solving a Problem

You can navigate the dialog via headings:

  • H1: The title
  • H2: The history and the work area. The history is where steps are recorded. The work area is where you enter and manipulate math. ** In the history section, each step is at level three. Each step consists of three parts, each at level four: *** the step number *** the math *** the reasons given for that step ** The work area has three sections at level 3 *** the input area, which consists of the math input area and the textual area to explain your work. There is a microphone button where you can dictate your explanation. Note that you may need to switch between browse mode and input mode in your screen reader when entering/leaving the input area. *** the palettes which can be used for cross outs, calculations, or entering notation such as fractions or special symbols such as a less than or equal sign. The palettes are organized as two lists: a group of buttons for cross outs and calculations and a second group for creating fractions and special characters that are not on a normal keyboard. Note that all palettes have keyboard equivalents that will be read as part of the title of the button. *** a button to create a new step. Any cross outs will be cleaned up and you can start editing a clean version of your current work.

If there is more than one step in the history section, there is a delete button at level four on the last step that can be used to remove that item from the history and put it back into the work area. If the delete button is used, an undo button appears in the same section as the "add step" button so that you can undo an accidental deletion.

Clone this wiki locally