The aDesigner tool has five menus, which are described in the following paragraphs. The text in parentheses provides the keyboard shortcut.
| Back and Forward | |
Click these buttons to navigate among webpages. |
| Refresh | |
Click this button to reload the current document. |
| Stop | |
Click this button to stop loading a document. |
| Title bar | |
Shows the title of the target page. |
| Address bar | |
Contains the URL or file name of the webpage being analyzed. By double-clicking inside the address bar or by pressing Alt+D, a new URL can be entered into the address bar. |
| Go | |
Click this button to load the specified page. |
When the blind mode is selected, the Visualization View pane is opened, which includes the following buttons, interactive elements, and icons.
| Visualize |  |
Click this button to open the blind usability visualize function and the problem detector with the current settings. |
| Settings |  |
Click this button to open the Set the parameters dialog box (blind usability visualization), which controls the voice browser output mode and the layout mode (including reaching time, accessible tags, and table structure). |
| Save |  |
Click this button to open the Save as dialog box and save a report file. The report file is an HTML document and can be read by using a Web browser. |
| ID/CSS |  |
Click this button to open the ID/AccessKey/Class/CSS viewer panel, which displays information on attributes (ID, AccessKey, and Class) of elements and information on the Cascading Style Sheets (CSS) applied to the target page. |
The balloon messages and icons follow the movement of the mouse pointer and show the exact reaching time for the indicated element. When the mouse pointer is placed over an accessible tag, the balloon message also indicates the tag name.
The balloon icon indicates acceptability of the reaching time.
: The reaching time for the element is shorter than or equal to 30 seconds.
: The reaching time for the element is longer than 30 seconds, but shorter than or equal to 90 seconds (the default maximum acceptable reaching time).
: The reaching time for the element is longer than 90 seconds.
The balloon messages and icons have two modes. If you place the cursor in the Visualization View pane and click, the messages and icons remain at the position where the mouse click occurred (stationary mode). Click again in the Visualization View pane if you want the messages and icon to move and follow the mouse pointer (active mode).
Intra-page link (
) and intra-page link destination (
) icons: When an intra-page link icon is clicked, an arrow, which is formed with red circles, appears between the source and the destination of the intra-page link.
The arrow can be removed by clicking the icon again.
The balloon messages and icons and the arrows of the intra-page links can be controlled by using the icons on the Control panel.
): Click this button to make the balloon stationary.
): Click this button to make the balloon active (that is, it follows the mouse pointer).
): Click this button to hide the arrows that appear in the Visualization View.
): Click this button to redraw the arrows that appear in the Visualization View.
): Click this button to show all of the arrows for intra-page links in the target page.
When the low vision mode is selected, the Simulation View pane is opened next to the Browser View pane. It includes the following buttons and check boxes:
| Simulate |  |
Click this button to start the low vision simulator and the problem detector with the current settings. The current settings status is displayed in the status bar. |
| Settings | |
Click this button to open the Set the parameters dialog box (Low Vision Simulation), to set the eyesight, color vision deficiency, and crystalline lens transparency parameters that aDesigner uses when checking webpages. |
| Save | |
Click this button to open the "Save as" dialog box and save the report file. The report file is an HTML document and can be read by using a Web browser. |
| Whole page check box |  |
When this check box is selected, aDesigner checks the entire target webpage, even if only a portion of the page is visible in the browser and the page consists of multiple frames of HTML documents. If the check box is cleared, only the displayed portion of the page is checked. |
By default, the Line View pane appears in the Detailed Report tab of the bottom row. The column heads differ slightly depending on the active tab.
: This icon appears with some other icon. The corresponding element can be highlighted in the Visualization View by selecting this line.
: This is a compliance problem automatically detected by aDesigner.
: This may be a compliance problem. The user must manually check it.
: This is
an informational item.
: This is an
usability (listenability) problem automatically detected by aDesigner.
: This
may be an usability (listenability) problem. The user must manually check it.
: This is
an informational item.
: This is an
usability (navigation) problem automatically detected by aDesigner.
: This
may be an usability (navigation) problem. The user must manually check it.
: This is
an informational item.
: This icon appears with some other icon.
The corresponding element can be highlighted in the Simulation View by selecting this line.
: This problem is related to the colors of the corresponding element.
: This problem is related to the font sizes of the corresponding element.
This area provides the target page's overall rating for accessibility and usability.
Page rating: The radar chart shows the target page's rating in terms of compliance with the accessibility guidelines, navigability and listenability. The overall rating is based on the number of problems found on the page.
Problem map icon: Indicates the position of the problems on the page. The overall rating above the graphic is based on the number of problems and the severity values of the problems on the page.
