File:  [mozdev] / accessibar / www / Attic / usersguide.html
Revision 1.1: download - view: text, annotated - select for diffs - revision graph
Thu Nov 10 20:42:46 2005 UTC (14 years, 1 month ago) by edank
Branches: MAIN
CVS tags: HEAD
adding users guide

<!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">&nbsp;<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 &nbsp; 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&nbsp; 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">&nbsp; <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&nbsp; 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&nbsp; 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&nbsp;
    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&nbsp; 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&nbsp;
    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">&nbsp; <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&nbsp;
    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&nbsp; 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">&nbsp;<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&nbsp; 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&nbsp; 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&nbsp; 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&nbsp; 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&nbsp; 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&nbsp; 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&nbsp; 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&nbsp; 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&nbsp; 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>