| 1 | <?xml version="1.0" encoding="UTF-8"?>
|
|---|
| 2 | <!--
|
|---|
| 3 | Copyright (C) 2006-2022 Oracle Corporation
|
|---|
| 4 |
|
|---|
| 5 | This file is part of VirtualBox Open Source Edition (OSE), as
|
|---|
| 6 | available from http://www.alldomusa.eu.org. This file is free software;
|
|---|
| 7 | you can redistribute it and/or modify it under the terms of the GNU
|
|---|
| 8 | General Public License (GPL) as published by the Free Software
|
|---|
| 9 | Foundation, in version 2 as it comes in the "COPYING" file of the
|
|---|
| 10 | VirtualBox OSE distribution. VirtualBox OSE is distributed in the
|
|---|
| 11 | hope that it will be useful, but WITHOUT ANY WARRANTY of any kind.
|
|---|
| 12 | -->
|
|---|
| 13 | <!DOCTYPE book PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN"
|
|---|
| 14 | "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd"[
|
|---|
| 15 | <!ENTITY % all.entities SYSTEM "all-entities.ent">
|
|---|
| 16 | %all.entities;
|
|---|
| 17 | ]>
|
|---|
| 18 |
|
|---|
| 19 | <book>
|
|---|
| 20 | <bookinfo>
|
|---|
| 21 | <title>&VBOX_PRODUCT;</title>
|
|---|
| 22 |
|
|---|
| 23 | <subtitle>Accessibility Reference</subtitle>
|
|---|
| 24 |
|
|---|
| 25 | <edition>Version &VBOX_VERSION_STRING;</edition>
|
|---|
| 26 |
|
|---|
| 27 | <corpauthor>&VBOX_VENDOR;</corpauthor>
|
|---|
| 28 |
|
|---|
| 29 | <address>https://www.alldomusa.eu.org</address>
|
|---|
| 30 |
|
|---|
| 31 | <copyright>
|
|---|
| 32 | <year>2016-&VBOX_C_YEAR;</year>
|
|---|
| 33 |
|
|---|
| 34 | <holder>&VBOX_VENDOR;</holder>
|
|---|
| 35 | </copyright>
|
|---|
| 36 | </bookinfo>
|
|---|
| 37 |
|
|---|
| 38 | <chapter>
|
|---|
| 39 | <title>Introduction</title>
|
|---|
| 40 | <para>
|
|---|
| 41 | Welcome to the <emphasis role="bold">VirtualBox Accessibility Support</emphasis> documentation! This document is primarily
|
|---|
| 42 | a reference to help people who are interested in our project accessibility support and will describe how to use VirtualBox
|
|---|
| 43 | user interface step-by-step. Since whole the application navigation will be explained here, this document will also be
|
|---|
| 44 | helpful for those who are not familiar with our product user interface and wish to learn more. It will be written in a bit
|
|---|
| 45 | excessive manner so that many obvious things will be explained too precisely to make it easier to understand by ear for a
|
|---|
| 46 | blind users. The document will be periodically updated with recent changes and test-cases allowing us to more strictly
|
|---|
| 47 | follow the required guidelines and make our product fully accessible.
|
|---|
| 48 | </para>
|
|---|
| 49 | <para>
|
|---|
| 50 | Our application is based on Qt5, a powerful cross-platform library which allows to visualize various user interface ideas
|
|---|
| 51 | the most flexible and native way. This also means that the library we use is responsible for many navigation and
|
|---|
| 52 | accessibility aspects (like fonts, size hints, colors, look&feel patterns and many other things), but not for all of
|
|---|
| 53 | them. Nativity as one of the main ideas of the Qt-based application sometimes brings additional complexity because there is
|
|---|
| 54 | always at least one host which uses unique combination of fonts and colors which breaks accessibility support in an
|
|---|
| 55 | unpredictable way.
|
|---|
| 56 | </para>
|
|---|
| 57 | <para>
|
|---|
| 58 | Independently on platform we are supporting screen-reader applications which can communicate with Qt5 accessibility
|
|---|
| 59 | interface which supports Microsoft Active Accessibility (MSAA), OS X Accessibility, and the Unix/X11 AT-SPI standard.
|
|---|
| 60 | </para>
|
|---|
| 61 | <para>
|
|---|
| 62 | Our application user interface is able to be started in two modes:
|
|---|
| 63 | <itemizedlist>
|
|---|
| 64 | <listitem>
|
|---|
| 65 | <para>
|
|---|
| 66 | First of them is <emphasis role="bold">VirtualBox Manager</emphasis> user interface, the main application window
|
|---|
| 67 | which allows to manage and configure virtual machines and their groups. Besides that, this window provides user with
|
|---|
| 68 | access to various global and machine related tools allowing to administrate some of VirtualBox objects and their
|
|---|
| 69 | settings.
|
|---|
| 70 | </para>
|
|---|
| 71 | </listitem>
|
|---|
| 72 | <listitem>
|
|---|
| 73 | <para>
|
|---|
| 74 | Second application mode is <emphasis role="bold">Virtual Machine</emphasis> user interface, which allows to control
|
|---|
| 75 | virtual machine guest screens as separate application windows. Besides that, this interface allows to access some of
|
|---|
| 76 | machine tools and adjust guest screens up to your needs, by changing their resolution and toggling full-screen,
|
|---|
| 77 | seamless and scaled modes.
|
|---|
| 78 | </para>
|
|---|
| 79 | </listitem>
|
|---|
| 80 | </itemizedlist>
|
|---|
| 81 | But first of all we should start from the <emphasis role="bold">General Concept</emphasis> which is related to whole the
|
|---|
| 82 | GUI and summarizes the navigation and accessibility aspects we are using for whole application.
|
|---|
| 83 | </para>
|
|---|
| 84 | </chapter>
|
|---|
| 85 |
|
|---|
| 86 | <chapter>
|
|---|
| 87 | <title>General concept</title>
|
|---|
| 88 | <para>
|
|---|
| 89 | This chapter describes the general navigation and accessibility concept. We should note that not every detail of this
|
|---|
| 90 | concept is already implemented and not every widget in our project already follows that concept. There is still large work
|
|---|
| 91 | to be done in that regard. But in the end whole the project should correspond to this concept.
|
|---|
| 92 | </para>
|
|---|
| 93 | <para>
|
|---|
| 94 | In short, every application window of our project should be navigated using the following approaches:
|
|---|
| 95 | <itemizedlist>
|
|---|
| 96 | <listitem><para>Mouse Navigation</para></listitem>
|
|---|
| 97 | <listitem><para>Keyboard Navigation</para></listitem>
|
|---|
| 98 | <listitem><para>Screen-reader Navigation</para></listitem>
|
|---|
| 99 | </itemizedlist>
|
|---|
| 100 | </para>
|
|---|
| 101 | <sect1>
|
|---|
| 102 | <title>Mouse Navigation</title>
|
|---|
| 103 | <itemizedlist>
|
|---|
| 104 | <listitem>
|
|---|
| 105 | <para>
|
|---|
| 106 | Each interactable widget can be focused with mouse (if that is not restricted by underlying host OS).
|
|---|
| 107 | </para>
|
|---|
| 108 | </listitem>
|
|---|
| 109 | <listitem>
|
|---|
| 110 | <para>
|
|---|
| 111 | Each hovered interactable widget causes own tool-tip to appear.
|
|---|
| 112 | </para>
|
|---|
| 113 | </listitem>
|
|---|
| 114 | <listitem>
|
|---|
| 115 | <para>
|
|---|
| 116 | Each tool-tip is given either in imperative mood (ex. "Create new virtual machine") or in short form (ex. "New").
|
|---|
| 117 | </para>
|
|---|
| 118 | </listitem>
|
|---|
| 119 | <listitem>
|
|---|
| 120 | <para>
|
|---|
| 121 | Short tool-tip form is only used if context is obvious for a user.
|
|---|
| 122 | </para>
|
|---|
| 123 | </listitem>
|
|---|
| 124 | <listitem>
|
|---|
| 125 | <para>
|
|---|
| 126 | Tool-tip can contain shortcut mentioned in parentheses.
|
|---|
| 127 | </para>
|
|---|
| 128 | </listitem>
|
|---|
| 129 | <listitem>
|
|---|
| 130 | <para>
|
|---|
| 131 | Each hovered menu bar / toolbar action causes own status-tip to appear (if window have status-bar).
|
|---|
| 132 | </para>
|
|---|
| 133 | </listitem>
|
|---|
| 134 | <listitem>
|
|---|
| 135 | <para>
|
|---|
| 136 | Each status-tip is given in imperative mood only.
|
|---|
| 137 | </para>
|
|---|
| 138 | </listitem>
|
|---|
| 139 | <listitem>
|
|---|
| 140 | <para>
|
|---|
| 141 | TBD...
|
|---|
| 142 | </para>
|
|---|
| 143 | </listitem>
|
|---|
| 144 | </itemizedlist>
|
|---|
| 145 | </sect1>
|
|---|
| 146 | <sect1>
|
|---|
| 147 | <title>Keyboard Navigation</title>
|
|---|
| 148 | <itemizedlist>
|
|---|
| 149 | <listitem>
|
|---|
| 150 | <para>
|
|---|
| 151 | Each interactable widget can be focused with keyboard (if that is not restricted by underlying host OS).
|
|---|
| 152 | </para>
|
|---|
| 153 | </listitem>
|
|---|
| 154 | <listitem>
|
|---|
| 155 | <para>
|
|---|
| 156 | Focusing is possible through tabbing or mnemonic navigation.
|
|---|
| 157 | </para>
|
|---|
| 158 | </listitem>
|
|---|
| 159 | <listitem>
|
|---|
| 160 | <para>
|
|---|
| 161 | Each button and menu bar / toolbar action can be directly activated with keyboard.
|
|---|
| 162 | </para>
|
|---|
| 163 | </listitem>
|
|---|
| 164 | <listitem>
|
|---|
| 165 | <para>
|
|---|
| 166 | Activation is possible via shortcut or mnemonic.
|
|---|
| 167 | </para>
|
|---|
| 168 | </listitem>
|
|---|
| 169 | <listitem>
|
|---|
| 170 | <para>
|
|---|
| 171 | Each shortcut is configurable through application preferences.
|
|---|
| 172 | </para>
|
|---|
| 173 | </listitem>
|
|---|
| 174 | <listitem>
|
|---|
| 175 | <para>
|
|---|
| 176 | Mnemonic mentioned above is underlined alphanumeric character which is a part of widget label (if widget has label).
|
|---|
| 177 | Mnemonic being triggered in conjunction with the Alt key.
|
|---|
| 178 | </para>
|
|---|
| 179 | </listitem>
|
|---|
| 180 | <listitem>
|
|---|
| 181 | <para>
|
|---|
| 182 | Each mnemonic is unique within the visible part of current application window, there are no collisions.
|
|---|
| 183 | </para>
|
|---|
| 184 | </listitem>
|
|---|
| 185 | <listitem>
|
|---|
| 186 | <para>
|
|---|
| 187 | TBD...
|
|---|
| 188 | </para>
|
|---|
| 189 | </listitem>
|
|---|
| 190 | </itemizedlist>
|
|---|
| 191 | </sect1>
|
|---|
| 192 | <sect1>
|
|---|
| 193 | <title>Screen-reader Navigation</title>
|
|---|
| 194 | <itemizedlist>
|
|---|
| 195 | <listitem>
|
|---|
| 196 | <para>
|
|---|
| 197 | Each interactable widget can be focused with screen-reader cursor.
|
|---|
| 198 | </para>
|
|---|
| 199 | </listitem>
|
|---|
| 200 | <listitem>
|
|---|
| 201 | <para>
|
|---|
| 202 | Each focused widget have clear name (or full description) in native user language.
|
|---|
| 203 | </para>
|
|---|
| 204 | </listitem>
|
|---|
| 205 | <listitem>
|
|---|
| 206 | <para>
|
|---|
| 207 | Each button and menu bar / toolbar action can be directly activated through the screen-reader cursor functionality.
|
|---|
| 208 | </para>
|
|---|
| 209 | </listitem>
|
|---|
| 210 | <listitem>
|
|---|
| 211 | <para>
|
|---|
| 212 | Each complex widget which has children (like list, tree, table and similar) is represented as closed group which
|
|---|
| 213 | encapsulates it's children clearly.
|
|---|
| 214 | </para>
|
|---|
| 215 | </listitem>
|
|---|
| 216 | <listitem>
|
|---|
| 217 | <para>
|
|---|
| 218 | While navigating user is able to skip any group without forcing to be entered inside.
|
|---|
| 219 | </para>
|
|---|
| 220 | </listitem>
|
|---|
| 221 | <listitem>
|
|---|
| 222 | <para>
|
|---|
| 223 | Each group child can be a group itself with the same rules as above applicable.
|
|---|
| 224 | </para>
|
|---|
| 225 | </listitem>
|
|---|
| 226 | <listitem>
|
|---|
| 227 | <para>
|
|---|
| 228 | Each text-field can be directly edited through the screen-reader cursor functionality.
|
|---|
| 229 | </para>
|
|---|
| 230 | </listitem>
|
|---|
| 231 | <listitem>
|
|---|
| 232 | <para>
|
|---|
| 233 | TBD...
|
|---|
| 234 | </para>
|
|---|
| 235 | </listitem>
|
|---|
| 236 | </itemizedlist>
|
|---|
| 237 | </sect1>
|
|---|
| 238 | </chapter>
|
|---|
| 239 | </book>
|
|---|
| 240 | <!-- vim: set shiftwidth=2 tabstop=2 expandtab: -->
|
|---|
