[The TetraLogical logo whooshes into view on a white background. The logo flashes and stops with a sonar-like 'ping'. It then magnifies and fades out.]

[A dark purple background appears with the TetraLogical logo faintly overlaid]

Browsing with speech recognition

Speech recognition software listens to human speech, transcribes it into text, and executes spoken commands that operate your computer or device.

As well as dictating text, filling out forms, and opening and closing applications, you can browse the web and completely control websites with voice commands.

[The TetraLogical homepage appears with a horizontal list of links for main navigation at the top, a heading, and the body of the page content below]

Core navigation verbally mirrors how you navigate with a keyboard. For example, rather than using keys on a keyboard, you say "Tab" to move focus to the next item, "Shift Tab" to move to the previous item, and "Press Enter" to activate a control.

[A purple button with the text "Skip to main content" appears. As the user interacts with the page, the visible focus indicator moves too]

[User voice] tab, tab, tab four times, press shift tab, press, shift tab, press enter.

[On the final command, the "Services" page opens. The page then fades back to the homepage]

To activate a link or button, you can say "Click" together with the text used in the link or button. For example, "Click Services" to activate a link labeled "Services".

[User voice] click services

[The "Services" pages opens as before]

If you just say "Click link", the software will highlight and number all links in the current page. You then select the link you want by saying the number.

[User voice] click link

[A series of six green numbers appear dotted throughout the page. These are attached to each separate link, such as the logo and each individual menu option]

[User voice] choose 3

[The visible focus moves to the "Services" menu option, which has the number three above it. This then opens the "Services" page

The homepage appears again, this time with gridlines across the entirety of the page, marking out six distinct areas]

In situations where a control lacks a visible text label, or where the visible text doesn't match the actual accessible name of the control in the underlying markup, people using speech recognition can use alternative approaches such as MouseGrid, which overlays a grid on the page.

[The user moves the mouse cursor which changes the size and location of the grid. As the user hones in on the menu options, the grid keeps resizing to display as a smaller, more precise area]

Each box has a number. By saying a number in a box, the grid focuses on that part of the page.

This is repeated until the button or link you want is focused.

[The bottom of the TetraLogical homepage is displayed in front of a bright pink background]

In this recording, we're using MouseGrid to set focus to a graphical control that lacks visible text.

[User voice] MouseGrid

[Lines appear across the screen marking out nine areas of equal size on screen. Each one is numbered]

[User voice] seven

[A new grid appears in the area that was previously marked as seven. This is much smaller and now focuses on the bottom right of the screen.]

[User voice] six

[Again, a new grid appears in the area that was previously marked as six]

[User voice] six

[A very small grid is now displayed. The majority of the grid is over a button with an "email" icon displayed]

[User voice] click

These are some of the high level details about speech recognition, and common strategies that people browsing with speech recognition use.

[The screen fades to white and the TetraLogical logo appears again]

To find out more about accessibility visit tetralogical.com.