<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=windows-1252" />
<title>Accessibar - User's Guide</title>
<meta name="AUTHOR" content="edan" />
<style type="text/css">
/*<![CDATA[*/
<!--
@page { size: 8.5in 11in; margin-left: 1.25in; margin-right: 1.25in; margin-top: 0.75in; margin-bottom: 0.5in }
@page:first { margin-top: 0.75in; margin-bottom: 1.13in }
P { margin-bottom: 0.08in; direction: ltr; color: #000000; widows: 2; orphans: 2 }
P.western { font-family: "Times New Roman", serif; font-size: 12pt; so-language: en-US }
P.cjk { font-family: "Times New Roman", serif; font-size: 12pt }
P.ctl { font-family: "Times New Roman", serif; font-size: 12pt; so-language: en-US }
H1 { margin-bottom: 0.04in; direction: ltr; color: #000000; widows: 2; orphans: 2 }
H1.western { font-family: "Arial", sans-serif; font-size: 16pt; so-language: en-US }
H1.cjk { font-family: "Times New Roman", serif; font-size: 16pt }
H1.ctl { font-family: "Arial", sans-serif; font-size: 16pt; so-language: en-US }
H2 { margin-bottom: 0.04in; direction: ltr; color: #000000; widows: 2; orphans: 2 }
H2.western { font-family: "Arial", sans-serif; font-size: 14pt; so-language: en-US; font-style: italic }
H2.cjk { font-family: "Times New Roman", serif; font-size: 14pt; font-style: italic }
H2.ctl { font-family: "Arial", sans-serif; font-size: 14pt; so-language: en-US; font-style: italic }
H3 { margin-bottom: 0.04in; direction: ltr; color: #000000; widows: 2; orphans: 2 }
H3.western { font-family: "Arial", sans-serif; font-size: 13pt; so-language: en-US }
H3.cjk { font-family: "Times New Roman", serif; font-size: 13pt }
H3.ctl { font-family: "Arial", sans-serif; font-size: 13pt; so-language: en-US }
P.sdfootnote-western { margin-bottom: 0in; font-family: "Times New Roman", serif; font-size: 10pt; so-language: en-US }
P.sdfootnote-cjk { margin-bottom: 0in; font-family: "Times New Roman", serif; font-size: 10pt }
P.sdfootnote-ctl { margin-bottom: 0in; font-family: "Times New Roman", serif; font-size: 10pt; so-language: en-US }
A:link { color: #0000ff }
A:visited { color: #800080 }
A.sdfootnoteanc { font-size: 57% }
:link { color: #0000ff }
:visited { color: #800080 }
body.c41 {color: rgb(0, 0, 0);}
p.c40 {color: #0000ff}
img.c39 {border: 0px solid ; width: 547px; height: 188px;}
p.c38 {text-indent: 0.4in; margin-bottom: 0in;}
img.c37 {border: 0px solid ; width: 580px; height: 293px;}
img.c36 {border: 0px solid ; width: 578px; height: 293px;}
img.c35 {border: 0px solid ; width: 521px; height: 356px;}
img.c34 {border: 0px solid ; width: 521px; height: 355px;}
img.c33 {border: 0px solid ; width: 252px; height: 122px;}
p.c32 {margin-left: 0.4in; margin-bottom: 0in;}
p.c31 {margin-top: 0.08in;}
span.c30 {font-size: 80%}
img.c29 {border: 0px solid ; width: 392px; height: 203px;}
span.c28 {}
img.c27 {border: 0px solid ; width: 481px; height: 361px;}
img.c26 {border: 0px solid ; width: 483px; height: 362px;}
p.c25 {margin-bottom: 0in; page-break-before: always;}
img.c24 {border: 0px solid ; width: 483px; height: 364px;}
h3.c23 {page-break-before: always;}
a.c22 {color: #0000ff}
b.c21 {color: #ff0000}
p.c20 {font-size: 80%; font-weight: bold; margin-top: 0.08in}
p.c19 {margin-bottom: 0in; page-break-after: avoid;}
img.c18 {border: 0px solid ; width: 673px; height: 282px;}
p.c17 {text-indent: 0.5in; margin-bottom: 0in;}
p.c16 {font-size: 80%; font-weight: bold; margin-top: 0.08in; text-align: left}
p.c15 {margin-bottom: 0in; page-break-after: avoid; text-align: left;}
img.c14 {border: 0px solid ; width: 286px; height: 292px;}
span.c13 {color: #0000ff}
span.c12 {font-family: Courier New, monospace; font-size: 80%}
p.c11 {margin-left: 0.33in; margin-bottom: 0in;}
a.c10 {font-size: 80%}
p.c9 {font-size: 11pt; font-weight: bold; margin-bottom: 0in; margin-left: 0.17in; margin-top: 0.08in}
p.c8 {color: #993366; font-style: italic; font-weight: bold; margin-bottom: 0in; margin-top: 0.08in}
p.c7 {margin-bottom: 0in;}
h3.c6 {color: #993366; font-size: 16pt; margin-bottom: 0in}
span.c5 {color: #993366; font-size: 200%}
span.c4 {color: #993366; font-size: 17pt}
span.c3 {font-family: "Times New Roman",serif;}
span.c2 {color: #993366; font-size: 23pt}
span.c1 {color: #993366; font-size: larger}
-->
/*]]>*/
</style>
</head>
<body dir="ltr" class="c41" lang="en-US">
<div
style="border: 1px solid rgb(255, 204, 102); background-color: rgb(255, 255, 255); padding-top: 5px; padding-bottom: 5px; padding-left: 15px; line-height: 1.3;">
Accessibar is dually licensed under the
<a href="http://www.mozilla.org/MPL/">Mozilla Public License</a> and
the
<a href="http://www.gnu.org/licenses/licenses.html">GNU General Public
License</a>.
Accessibar uses <a href="http://freetts.sourceforge.net">FreeTTS</a>
for its voice engine and the Java Speech API which carry the following <a
href="http://freetts.sourceforge.net/license.terms">license terms</a>
and <a href="http://freetts.sourceforge.net/acknowledgments.txt">acknowledgments</a>.
</div>
<br />
<span class="c2"><i><b>Accessibar</i> - Accessibility
Browser Extension Toolbar</b></span><span class="c4"><i>
<br />
With Integrated Text To Speech System</i></span><br />
<br />
<span class="c2">USER'S GUIDE</span>
<hr />
<h3 class="western c6"><u>Table of contents:<br />
</u></h3>
<p class="western c7"> <br />
</p>
<div id="Table of Contents1" dir="ltr">
<p class="c8" lang=""><a href="#1_Installation_Instructions">1
Installation Instructions<br />
</a></p>
<p class="c9"><a
href="#1_1_Step_1_Installing_the_Accessibar_Toolbar">1.1 Step 1 -
Installing the Accessibar Toolbar:<br />
</a></p>
<p class="c11"><a href="#1.1.1.%20The%20Toolbar%20Installation%20File%7Coutline"
class="c10">1.1.1 The Toolbar Installation File<br />
</a></p>
<p class="c9"><a
href="#1_2_Step_2_Accessibars_Java_Text_To_Speech_Installation">1.2
Step 2 - Accessibar's Java Text To Speech Installation<br />
</a></p>
<p class="c11"><a
href="#1_2_1_Installing_Javas_Latest_J2SE_Runtime_Environment_JRE"
class="c10">1.2.1 Installing Java's Latest J2SE Runtime Environment (JRE)<br />
</a></p>
<p class="c11"><a
href="#1.2.2.Installing%20Text%20To%20Speech%20Related%20Classes%7Coutline"
class="c10">1.2.2 Installing Text To Speech Related Classes<br />
</a></p>
<p class="c8" lang=""><a href="#2.Supported%20Functions%7Coutline">2 Supported
Functions<br />
</a></p>
<p class="c8" lang=""><a href="#3.Menu%20Accessibility%7Coutline">3 Menu
Accessibility<br />
</a></p>
<p class="c8" lang=""><a href="#4.Running%20and%20Usage%7Coutline">4 Running and
Usage<br />
</a></p>
<p class="c9"><a href="#4.1.Toolbars+Main+Menu">4.1 Toolbar's Main
Menu<br />
</a></p>
<p class="c9"><a href="#4.2.Options%20Configuration%7Coutline">4.2 Options
Configuration<br />
</a></p>
<p class="c11"><a
href="#4.2.1.Hotkey%20%28Keyboard%20Shortcut%29%20Settings%7Coutline"
class="c10">4.2.1 Hotkey (Keyboard Shortcut) Settings<br />
</a></p>
<p class="c11"><a href="#4.2.2.Reader%20Settings%7Coutline" class="c10">4.2.2
Reader Settings<br />
</a></p>
<p class="c9"><a
href="#4.3.Changing%20Background%20and%20Foreground%20Colors%7Coutline">4.3
Changing Background and Foreground Colors<br />
</a></p>
<p class="c9"><a
href="#4.4.Increasing%20and%20Decreasing%20Font%20Size%7Coutline">4.4 Increasing
and Decreasing Font Size<br />
</a></p>
<p class="c9"><a
href="#4.5.Increasing%20and%20Decreasing%20Line%20Spacing%7Coutline">4.5 Increasing
and Decreasing Line Spacing<br />
</a></p>
<p class="c9"><a href="#4.6.Hiding%20and%20Showing%20Graphics%7Coutline">4.6 Hiding
and Showing Graphics<br />
</a></p>
<p class="c9"><a href="#4.7.Restore%20Page%7Coutline">4.7 Restore Page<br />
</a></p>
<p class="c9"><a
href="#4.8.Using+Accessibar%92s+Text+To+Speech+Reader%7Coutline">4.8 Using
Accessibar's Text To Speech Reader<br />
</a></p>
</div>
<p class="western c7"><br />
</p>
<hr />
<span class="c5">USER'S GUIDE</span>
<p class="western c7"><br />
</p>
<h1 class="western"><a id="1_Installation_Instructions"
name="1_Installation_Instructions"></a> 1 Installation
Instructions</h1>
<h2 class="western"><a id="1_1_Step_1_Installing_the_Accessibar_Toolbar"
name="1_1_Step_1_Installing_the_Accessibar_Toolbar"></a> 1.1 Step 1 -
Installing the Accessibar Toolbar:</h2>
<h3 class="western"><a id="1.1.1. The Toolbar Installation File|outline"
name="1.1.1. The Toolbar Installation File|outline"></a> 1.1.1 The
<i>Toolbar</i> Installation File</h3>
<p class="western c7">Currently two installation files will be required for a
"complete" installation of all Accessibar features. One installs the toolbar into the
browser (<span class="c12">accessibar.xpi</span>) and the second installs
Accessibar's text-to-speech related Java classes (<span
class="c12">InstallAccessibarReader_0_0_9.jar</span>). If you are just interested in
Accessibar's visual web page manipulation features alone, installing Accessibar's
text-to-speech reader as described in Step 2 can be skipped altogether.</p>
<p class="western c7">The XPI installation file (<span
class="c12">accessibar.xpi</span>) contains all the toolbar related directories and
files needed. First we will install the toolbar into the browser:</p>
<ul>
<li>
<p class="western c7">Press <span class="c13"><u><a
href="http://downloads.mozdev.org/accessibar/accessibar_0_1_0_firefox.xpi">here</a></u></span>
for the latest Firefox version of the Accessibar toolbar. Once the browser
detects this as an extension installation file, the following dialog will
appear:</p>
</li>
</ul>
<p class="western c15"><img class="c14"
alt="Image of Installation Confirmation Dialog" src="images/Fig1.png"
name="graphics1" /></p>
<p class="c16">Figure 1: Installation Confirmation Dialog</p>
<p class="western c7">Confirm installation by selecting <b>Install</b>, and the
toolbar will install itself into the browser's extensions directory. Next,
<i>restart</i> the browser and the toolbar should appear within the browser as
follows:</p>
<p class="western c17"><br />
</p>
<p class="western c7"> <img class="c18"
alt="Image of Installed Toolbar in the Browser's User Interface" src="images/Fig2.png"
name="graphics2" /></p>
<p class="western c19"><br />
</p>
<p class="c20">Figure 2: Installed Toolbar in the Browser's User Interface</p>
<p class="western c7">At this point all the <i>non</i>-text-to-speech features of the
toolbar should be fully functional. In our next (and final) installation step we will
set up Accessibar's Java reader related classes.</p>
<p class="western c7"><br />
</p>
<h2 class="western"><a
id="1_2_Step_2_Accessibars_Java_Text_To_Speech_Installation"
name="1_2_Step_2_Accessibars_Java_Text_To_Speech_Installation"></a>
1.2 Step 2 - Accessibar's Java Text To Speech Installation</h2>
<h3 class="western"><a
id="1_2_1_Installing_Javas_Latest_J2SE_Runtime_Environment_JRE"
name="1_2_1_Installing_Javas_Latest_J2SE_Runtime_Environment_JRE"></a>
1.2.1 Installing Java's Latest J2SE Runtime Environment (JRE)</h3>
<p class="western c7"><br />
</p>
<p class="western c7">Accessibar's Java Text To Speech implementation makes use of
Generics<sup><a id="sdfootnote1anc" class="sdfootnoteanc" name="sdfootnote1anc"
href="#sdfootnote1sym"><sup><span style="font-size: 12px">1</span></sup></a></sup> (<i>parameterized types</i>) introduced
in version 5.0 of the Java Standard Edition (J2SE 5.0), and therefore the <b
class="c21">Java Runtime Environment 5.0 is required</b> for Accessibar's Java Reader
functionality to run properly. The latest JRE can be downloaded from Sun at the
following URL:<a href="http://www.java.com/en/download/manual.jsp"
class="c22"><u>http://www.java.com/en/download/manual.jsp</u></a>.</p>
<h3 class="western c23"><a
id="1.2.2.Installing Text To Speech Related Classes|outline"
name="1.2.2.Installing Text To Speech Related Classes|outline"></a> 1.2.2
Installing Text To Speech Related Classes</h3>
<p class="western c7">I have made available a JAR based installer which automatically
detects the local JRE directory and copies all files where they are needed. The
installer was created using IzPack<big><sup><a id="sdfootnote2anc"
class="sdfootnoteanc" name="sdfootnote2anc"
href="#sdfootnote2sym"><sup><span style="font-size: 12px">2</span></sup></a></sup></big>. The latest Accessibar Reader
installer can be downloaded <span class="c13"><u><a
href="http://downloads.mozdev.org/accessibar/InstallAccessibarReader_0_0_9.jar">here</a></u></span>.</p>
<p class="western c7">Once the <i>Java Runtime Environment 5.0</i> is properly in
place, the installer can be launched by double clicking on <span
class="c12">InstallAccessibarReader_0_0_9.jar</span>. This will bring up the
following dialog window:</p>
<p class="western c19"><img class="c24"
alt="Image of Accessibar's Java Text-to-speech Installer Dialog" src="images/Fig3.png"
name="graphics3" /></p>
<p class="c20">Figure 3: Accessibar's Java Text-to-speech Installer Dialog</p>
<p class="western c7"><br />
</p>
<p class="western c25">Select "Next" and the following dialog will appear showing the
progress of the automated installation process:</p>
<p class="western c19"><img class="c26" alt="Image of Install Progress"
src="images/Fig4.png" name="graphics4" /></p>
<p class="c20">Figure 4: Install Progress</p>
<p class="western c7">Select "Next" once again and a final confirmation dialog will
appear:</p>
<p class="western c19"><img class="c27" alt="Image of Install Competed Dialog"
src="images/Fig5.png" name="graphics5" /></p>
<p class="c20">Figure 5: Install Competed Dialog</p>
<p class="western c7">Select "Done" and Accessibar should now be fully installed!</p>
<h1 class="western" lang="de-DE"><a id="2.Supported Functions|outline"
name="2.Supported Functions|outline"></a> 2 Supported Functions</h1>
<p class="western c7"><span lang="en-US">Accessibar currently provides the following
functionality (the</span> <span class="c13"><u><a href="#_Running_and_Usage"><span
lang="en-US">Running and Usage Section</span></a></u></span> <span lang="en-US">will
demonstrate how to evoke these features from the toolbar):</span></p>
<ul>
<li>
<p class="western c7"><span lang="de-DE">Web page fonts and background colors can
be changed with a selecton of 70 colors from a swatch color</span> palette<span
lang="de-DE">.</span></p>
</li>
<li>
<p class="western c7" lang="de-DE">Font size displayed in web pages can be
increased and decreased.</p>
</li>
<li>
<p class="western c7" lang="de-DE">Line spacing can be increased or decreased to
five different spacing settings incrementally.</p>
</li>
<li>
<p class="western c7" lang="de-DE">All images displayed on a web page can be
selected as being hiden or shown.</p>
</li>
<li>
<p class="western c7" lang="de-DE">All changes made to the display of the web
page can be restored to the original page settings by pressing "Restore
Page".</p>
</li>
<li>
<p class="western c7" lang="de-DE">Changes made to the currently displayed web
page will persist to all additional web pages until "Restore Page" is
selected.</p>
</li>
<li>
<p class="western c7" lang="de-DE">Web page contents (in addition to the
browser's user interface) can be read out loud. Turning the reader on will read
out loud the text that the mouse pointer hovers over. Links will be read out as
such.</p>
</li>
<li>
<p class="western c7" lang="de-DE">When the reader is on, focus events will be
read out loud, allowing accessible strings to be read out when tabbing through
elements using the keyboard.</p>
</li>
<li>
<p class="western c7">F<strong><span class="c28">ull keyboard access</span> <span
class="c28">is ensured.</span></strong> All of the toolbars functions have
<i>accesskeys</i> and/or<i>hotkeys</i>. (Accesskeys and hotkeys are both
explained in the following <span class="c13"><u><a
href="#_Menu_Accessibility">Menu Accessibility</a></u></span> section.)</p>
</li>
</ul>
<ul>
<li>
<p class="western c7">An <span class="c13"><u><a
href="#_Options_Configuration">Options dialog</a></u></span> is implemented which
allows configurations to be carried out on hotkey (keyboard shortcut) settings as
well as reader settings.</p>
</li>
<li>
<p class="western c7"><span class="c13"><u><a href="#_Reader_Settings">Reader
settings</a></u></span> can be configured allowing the selection of the voice,
volume, speaking rate, pitch, and voice range as well as selecting to have reader
loaded and turned on when starting up the browser.</p>
</li>
</ul>
<p class="western c7"><br />
</p>
<h1 class="western"><a id="_Menu_Accessibility" name="_Menu_Accessibility"></a><a
id="3.Menu Accessibility|outline" name="3.Menu Accessibility|outline"></a> 3
Menu Accessibility</h1>
<p class="western c7">Accessibar ensures its functionality can be fully accessed
using the keyboard. This is done by implementing <i>accesskeys</i> as well as
configurable <i>hotkeys</i> for Accessibar's various functions.</p>
<p class="western c7">An <i>accesskey</i> is an underlined letter in the menu or
dialog that indicates to the user a quick, keyboard method of simulating a click on
that element. On Windows and UNIX operating systems, pressing the underlined letter
together with the <i>ALT</i> key will simulate a click. So if I wished to "click" on
(open) Accessibar's <i>Accessibility Toolbar</i> menu button using the keyboard
(where the A is underlined) I would press <i>ALT+A</i> which would then open the drop
down menu.</p>
<p class="western c7">A <i>hotkey</i> is defined at Mozilla's accessibility
site<sup><a id="sdfootnote3anc" class="sdfootnoteanc" name="sdfootnote3anc"
href="#sdfootnote3sym"><sup><span style="font-size: 12px">3</span></sup></a></sup> as "a key with a binding<sup><a
id="sdfootnote4anc" class="sdfootnoteanc" name="sdfootnote4anc"
href="#sdfootnote4sym"><sup><span style="font-size: 12px">4</span></sup></a></sup> that crosses widget boundaries, and can
act globally in the current window". Basically these are key combinations that allow
users to access frequently-performed actions quickly by using the keyboard to
<i>bypass</i> the menu when carrying out commands. Since the hotkey bypasses the menu
and is not dependant on an underlined letter in the command wished to carry out, I
have created an <span class="c13"><u><a href="#_Options_Configuration">Options
dialog</a></u></span> which allows hotkeys to be changed to suit the user's needs. In
order to help avoid hotkeys conflicting with other hotkeys that may already be in
place for the browser, all of Accessibar's configurable hotkeys are keys pressed in
combination with Ctrl+Shift. Configuring hotkeys is described in the following
<i>Running and Usage</i> section.<br />
<br />
</p>
<p class="c31"> <img class="c29"
alt="Image of Examples of Accesskeys and Hotkeys." src="images/Fig6.png"
name="graphics6" /><br />
<span class="c30"><b>Figure 6: Examples of Accesskeys and Hotkeys.</b></span></p>
<h1 class="western"><a id="_Running_and_Usage" name="_Running_and_Usage"></a><a
id="4.Running and Usage|outline" name="4.Running and Usage|outline"></a> 4
Running and Usage</h1>
<p class="western c7">Once the toolbar has been successfully installed it will appear
in the browser's toolbox as displayed above in Figure 2. In this section I will
demonstrate all of the toolbar's features described in the previous section.</p>
<h2 class="western"><a id="4.1.Toolbars+Main+Menu"
name="4.1.Toolbars+Main+Menu"></a> 4.1 Toolbar's Main Menu</h2>
<p class="western c7">Accessibar's main menu can be found by pressing the
<i>Accessibility Toolbar</i> menu button as shown in the following figure:</p>
<p class="western c32"><br />
</p>
<p class="western c19"><img class="c33" alt="Image of Toolbar Main Menu"
src="images/Fig7.png" name="graphics7" /></p>
<p class="c20">Figure 7: Toolbar Main Menu</p>
<p class="western c7"><br />
</p>
<p class="western c7">Through this main menu, users can access Accessibar's online
home page hosted on Mozilla's development site, Options, and About dialog.</p>
<p class="western c7"> <br />
</p>
<h2 class="western"><a id="_Options_Configuration"
name="_Options_Configuration"></a><a id="4.2.Options Configuration|outline"
name="4.2.Options Configuration|outline"></a> 4.2 Options Configuration</h2>
<p class="western c7">Selecting <i>Options</i> from Accessibar's main menu will open
the following Option's Dialog:</p>
<p class="western c7"><br />
</p>
<p class="western c19"><img class="c34" alt="Image of Options Dialog Window"
src="images/Fig8.png" name="graphics8" /></p>
<p class="c20">Figure 8: Options Dialog Window</p>
<p class="western c7"><br />
</p>
<p class="western c7">To the left of the dialog window a list of the available option
categories appear. Currently users can configure hotkey (keyboard shortcut) settings
as well as reader settings. The hotkey (keyboard shortcut) settings options page will
be displayed on the right part of the options dialog window when the window is first
loaded. The reader settings page can be navigated to by selecting <i>Reader</i> on
the Category list.</p>
<p class="western c7"><br />
</p>
<h3 class="western"><a id="4.2.1.Hotkey (Keyboard Shortcut) Settings|outline"
name="4.2.1.Hotkey (Keyboard Shortcut) Settings|outline"></a> 4.2.1 Hotkey
(Keyboard Shortcut) Settings</h3>
<p class="western c7">All of Accessibar's main functionality features can be
configured to being evoked using hotkeys of the user's choice. The hotkey preferences
are stored in the user's home directory and therefore will be individual to all users
that use the application on the same computer. All changes made to hotkey settings
will take effect only after the browser is restarted.</p>
<h3 class="western"><a id="_Reader_Settings" name="_Reader_Settings"></a><a
id="4.2.2.Reader Settings|outline" name="4.2.2.Reader Settings|outline"></a>
4.2.2 Reader Settings</h3>
<p class="western c7">The Reader Settings Options page will display in the Options
dialog window when selected on the category list to the left displaying the following
page:</p>
<p class="western c17"><br />
</p>
<p class="western c7"><img class="c35"
alt="Image of Reader Settings Page Displayed in Options Dialog Window" src="images/Fig9.png"
name="graphics9" /></p>
<p class="c20">Figure 9: Reader Settings Page Displayed in Options Dialog Window</p>
<p class="western c7"><br />
</p>
<p class="western c7">From this page, user's can select the voice of their choice.
Currently Accessibar provides two voices to choose from (Kevin16 and Kevin). Kevin16
is a medium quality, 16 kHz voice and Kevin is a lesser quality 8 kHz voice. In
addition to voice selection users can also control the voice's volume, speaking rate
(speed), pitch and range. A <i>Restore Defaults</i> button is also provided which
when selected will restore voice settings to their default values. If wished the user
can also choose to have the Text To Speech reader turned on when the browser starts
up by checking the <i>"Turn Reader ON when starting browser"</i> option.</p>
<h2 class="western"><a id="4.3.Changing Background and Foreground Colors|outline"
name="4.3.Changing Background and Foreground Colors|outline"></a> 4.3 Changing
Background and Foreground Colors</h2>
<p class="western c7">Background and foreground (text) colors can be changed by
selecting <i>BG Color</i> or <i>Text Color</i> from the Accessibar menu respectively
and selecting the preferred color from the color picker element. The selected colors
will persist to all subsequent web pages navigated to.</p>
<p class="western c7"><br />
</p>
<p class="western c7"><img class="c36"
alt="Image of Changing the Background Color (Text Color Changed Similarly)"
src="images/Fig10.png" name="graphics10" /></p>
<p class="c20">Figure 10: Changing the Background Color (Text Color Changed
Similarly)</p>
<p class="western c7"><br />
</p>
<h2 class="western"><a id="4.4.Increasing and Decreasing Font Size|outline"
name="4.4.Increasing and Decreasing Font Size|outline"></a> 4.4 Increasing and
Decreasing Font Size</h2>
<p class="western c7">Font size can be increased and decreased by selecting the "<img
src="images/F_inc.png" alt="increase font size button" name="graphics11" align="baseline" border="0"
height="26" width="28" />" and "<img src="images/F_dec.png" alt="decrease font size button"
name="graphics12" align="baseline" border="0" height="25" width="30" />" buttons on
the toolbar (or through the keyboard shortcut hotkey configured in the options
dialog).</p>
<p class="western c7"><br />
</p>
<p class="western c7"><img class="c37" alt="Image of Increasing Font Size"
src="images/Fig11.png" name="graphics13" /></p>
<p class="c20">Figure 11: Increasing Font Size</p>
<p class="western c19"><br />
</p>
<h2 class="western"><a id="4.5.Increasing and Decreasing Line Spacing|outline"
name="4.5.Increasing and Decreasing Line Spacing|outline"></a> 4.5 Increasing
and Decreasing Line Spacing</h2>
<p class="western c7">Line spacing can be increased or decreased by selecting the
"<img src="images/L_inc.png" alt="increase line spacing button" name="graphics14" align="baseline"
border="0" height="24" width="32" />" and "<img src="images/L_dec.png" alt="decrease line spacing button"
name="graphics15" align="baseline" border="0" height="25" width="29" />" icons
adjacent to the increase/decrease font size icons (or through the configured shortcut
hotkeys).</p>
<h2 class="western"><a id="4.6.Hiding and Showing Graphics|outline"
name="4.6.Hiding and Showing Graphics|outline"></a> 4.6 Hiding and Showing
Graphics</h2>
<p class="western c7">All images displayed on the web page can be selected to be
hidden by selecting <i>Hide Graphics</i> from the toolbar (or through the shortcut
hotkeys). This will cause the <i>Show Graphics</i> button to be enabled allowing
graphics to be displayed once again on the web page.</p>
<h2 class="western"><a id="4.7.Restore Page|outline"
name="4.7.Restore Page|outline"></a>4.7 Restore Page</h2>
<p class="western c7">Since the visual changes that are carried out on the displayed
web page will persist (by being reapplied to subsequent pages), users can choose to
restore the pages original settings by selecting the <i>Restore Page</i> button from
the toolbar.</p>
<h2 class="western"><a id="4.8.Using Accessibar's Text To Speech Reader|outline"
name="4.8.Using Accessibar's Text To Speech Reader|outline"></a> 4.8 Using
Accessibar's Text To Speech Reader</h2>
<p class="western c7">Selecting <i>Read Aloud</i> from the toolbar will open up a
drop down menu with radio buttons which allow the reader's state to be set to "Reader
On" or "Reader Off" as can be seen in the following figure:</p>
<p class="western c38"><br />
</p>
<p class="western c7"><img class="c39"
alt="Image of Accessibar's Text To Speech Reader" src="images/Fig12.png"
name="graphics16" /></p>
<p class="western c19"><br />
</p>
<p class="c20">Figure 12: Accessibar's Text To Speech Reader</p>
<p class="western c7"><br />
</p>
<p class="western c7"><a id="_PictureBullets" name="_PictureBullets"></a><a
id="jws-10" name="jws-10"></a> After selecting <i>Reader On</i>, Accessibar will load
the Java Virtual Machine which is needed to carry out this functionality. Once the
JVM is fully loaded and the Reader service is up and running, the Reader will read
out text on the web page as well as the browser's user interface elements when the
mouse pointer hovers over an element. Focus events will also be read out loud so that
users navigating through focusable elements (such as links) will also be able to hear
these elements read out loud while tabbing though them using the keyboard.<br />
</p>
<p class="western c7"><br />
</p>
<hr />
<div id="sdfootnote1">
<p class="sdfootnote-western"><a id="sdfootnote1sym" class="sdfootnotesym"
name="sdfootnote1sym" href="#sdfootnote1anc">1</a> Described at Sun's site at the
following links: <span class="c13"><u><a
href="http://java.sun.com/developer/technicalArticles/releases/generics/">http://java.sun.com/developer/technicalArticles/releases/generics/</a></u></span>
and most recently:</p>
<p class="sdfootnote-western c40"><u><a
href="http://java.sun.com/developer/technicalArticles/J2SE/generics/">http://java.sun.com/developer/technicalArticles/J2SE/generics/</a></u></p>
</div>
<div id="sdfootnote2">
<p class="sdfootnote-western"><a id="sdfootnote2sym" class="sdfootnotesym"
name="sdfootnote2sym" href="#sdfootnote2anc">2</a> IzPack is an open-source
installer generator for the Java platform. Homepage: <span class="c13"><u><a
href="http://www.izpack.com/izpack">http://www.izforge.com/izpack</a></u></span></p>
</div>
<div id="sdfootnote3">
<p class="sdfootnote-western"><a id="sdfootnote3sym" class="sdfootnotesym"
name="sdfootnote3sym" href="#sdfootnote3anc">3</a> The Hotkey term is defined at
Mozilla's accessibility site at the following link: <span class="c13"><u><a
href="http://www.mozilla.org/access/keyboard/#definitions">http://www.mozilla.org/access/keyboard/#definitions</a></u></span></p>
</div>
<div id="sdfootnote4">
<p class="sdfootnote-western"><a id="sdfootnote4sym" class="sdfootnotesym"
name="sdfootnote4sym" href="#sdfootnote4anc">4</a> This is also defined on
Mozilla's accessibility site as: "a piece of data that defines the connect[ion]
between a keystroke and a command".</p>
</div>
</body>
</html>
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>
![[BACK]](/icons/cvsweb/back.gif){kind=icon}
Return to usersguide.html CVS log ![[TXT]](/icons/cvsweb/text.gif){kind=icon}
![[DIR]](/icons/cvsweb/dir.gif){kind=icon}
Up to [mozdev] / accessibar / www