| <!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> |
| <link rel="StyleSheet" href="style.css" type="text/css" /> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| <meta name="copyright" content="Copyright (c) IBM Corporation and others 2007. This page is made available under license. For full details see the LEGAL in the documentation book that contains this page." > |
| <title>Quick Start : Accessibility Internet Browser for Multimedia Help</title> |
| </head> |
| |
| <body> |
| <p class="navigation"> |
| <a href="index.html">Back to Index</a> |
| </p> |
| |
| <h1>Quick Start</h1> |
| <p class="h1"> |
| </p> |
| <p class="h2 img"> |
| <img src="img/screen.png" width="640" height="459" alt="screenshot of aiBrowser"/> |
| </p> |
| |
| <p class="h1"> |
| The Web has been evolving rapidly toward visually attractive and intuitive presentations |
| and multimedia content is one of the main examples. |
| It has been very hard for screen reader users to access such multimedia content. |
| </p> |
| <p class="h1"> |
| aiBrowser has been developed to evaluate how multimedia content, including dynamically |
| changing content, can be made accessible by screen reader users without seeing a screen or using a mouse. |
| In this section, after introducing the basic browsing method of aiBrowser, three unique |
| characteristics for accessing the multimedia content provided by aiBrowser are described. |
| </p> |
| |
| <h2>1. Basic browsing method</h2> |
| <p class="h2"> |
| aiBrowser provides the same basic browsing functions that screen readers provide. |
| Up and down arrow keys are used to move between elements, and left and right arrow (or "H" and "Shift H") |
| are used for moving between headings. The Home key (or Ctrl + Home) jumps to the top of a page, while End |
| (or Ctrl + End) jumps to the bottom of a page. |
| Link texts are read with "link" and other structural information such as lists, form elements, |
| Flash content and so on are also associated with corresponding text information. |
| The tables for <a href="keyreference-basic.html">Basic key commands</a> and |
| <a href="keyreference.html">key reference</a> show all the functions that aiBrowser currently supports. |
| </p> |
| <p class="h2"> |
| Note: aiBrowser is alpha code and currently, it fully supports only the functions listed in "key reference". |
| For example, some of basic reading functions are not supported yet, such as moving between characters, |
| words, and paragraphs as well as the clipboard functions. |
| </p> |
| |
| <h2>2. Multimedia audio control functions</h2> |
| <p class="h2"> |
| When a page with multimedia content is opened, the audio often automatically starts playing. |
| Using existing screen readers, there is no way to separately control the audio from the multimedia |
| content and the sounds from the screen reader. |
| </p> |
| <p class="h2"> |
| The shortcut keys provided by aiBrowser enable audio control. For example, while the audio is playing, |
| Ctrl + J can be used to turn down the volume from the multimedia audio content, while Ctrl + K |
| will increase the volume. Ctrl + S will stop it, Ctrl + P will play it, the Pause key will pause it, |
| and Ctrl + M will mute that sound. |
| </p> |
| <p class="h2"> |
| Note: Some of the multimedia content types are not compatible with these functions. Please refer to the |
| <a href="faq.html">FAQ</a> for the limitations. |
| </p> |
| |
| <h2>3. User annotation function</h2> |
| <p class="h2"> |
| Multimedia content pages are usually visually attractive, but there is not much text information to be read. |
| Also, there is not much logical or structural information such as headings, so it is almost impossible |
| to navigate through multimedia content nonvisually. |
| User annotation tries to address these problems by allowing users and volunteers to provide alternative |
| text information and heading information without modifying the original Web content, including any Flash content. |
| This means users do not need to wait until the original content is modified and published. |
| </p> |
| |
| <h3>3-1 Adding alternative text</h3> |
| <p class="h3"> |
| The text information can be added for images without alt text and also for a Flash object without text labels. |
| Pressing "A" will jump to a position where a user annotation can be added. Then Ctrl + A opens a dialog |
| to input the alternative text. After the text is input, the enter key will register it as an alternative text. |
| This can be repeated as many times as necessary. All of these alternative texts will be available each |
| time the target page is opened. |
| </p> |
| |
| <p class="h3"> |
| An alt text can be removed by pressing Ctrl + A again and delete text or all of the user annotations for an entire webpage |
| can be removed by pressing Alt + Ctrl + R. |
| </p> |
| <p class="h3"> |
| Note: When the annotated page is opened and no annotation is heard, pressing F4 will re-connect to the annotations. |
| This sometimes happens with Flash content pages, due to a missing Flash loading completion notification. |
| </p> |
| |
| <h3>3-2 Adding heading information</h3> |
| <p class="h3"> |
| Heading information can be added to be used as regular headings or as landmarks. |
| aiBrowser provides a function to jump between headings, so this allows for quick browsing in a Web page, |
| heading by heading. |
| By pressing Ctrl + H at a location to add the heading, the position will be registered as a heading position |
| and each time the page is opened, the user annotation will become available. |
| </p> |
| |
| <p class="h3"> |
| Heading information for a specific header can be removed by pressing Ctrl + H again or all of the user |
| annotations for an entire page can be removed by pressing Alt + Ctrl + R. |
| </p> |
| |
| <p class="h3"> |
| Note: when the annotated page is opened and no annotation is available, pressing F4 will re-connect |
| to the annotations. This sometimes happens with Flash content pages due to a missing Flash loading completion notification. |
| </p> |
| |
| <h2>4. Fennec</h2> |
| <p class="h2"> |
| Fennec is the advanced new function of aiBrowser to make Web contents accessible by providing |
| configuration files. It is a mechanism to reconstruct the layout of a page to be accessible and |
| usable nonvisually, and also adds additional text information to make the voice messages more understandable. |
| </p> |
| <p class="h2"> |
| Visual grouping which divide a page into blocks are often presented by using various visual effects, |
| such as background colors, font sizes, images, animations and so on. Such visual effects cannot be conveyed |
| nonvisually. So the grouping information is often lost from the reading information. |
| </p> |
| |
| <p class="h2"> |
| Fennec is capable of describing visual grouping information externally and applying it dynamically |
| when a page with Fennec is loaded. This is done with XML-based metadata and can be applied to various |
| types of Web content, such as static HTML, DHTML, and Flash content. |
| </p> |
| |
| <p class="h2"> |
| The pages with predefined Fennec are listed in the "favorite menu". aiBrowser provides a favorite menu |
| by pressing Alt + A. When a page is opened with Fennec, the nonvisual browsing will be drastically improved. |
| For example, it will include heading information in appropriate positions and all the reading information |
| can be meaningful. An overview of a page can be grasped by moving between headings (pressing H / Shift+H). |
| </p> |
| |
| <p class="h2"> |
| In this current version, the Fennec authoring method is not supported, but it will be added later. |
| </p> |
| |
| <p class="h2"> |
| Note: Fennec in the favorites menu works fine for the sample content that existed when aiBrowser was |
| posted on alphaWorks (September 27th). When the pages are updated after that date, there is some |
| possibility that the Fennec data will become obsolete, since it is affected by the layout changes. |
| </p> |
| |
| <h3>4-1. Quick tour @ YouTube</h3> |
| <p class="h3 b"> |
| <a href="http://www.youtube.com">Go to YouTube top page</a>, and follow the bellow instructions. |
| </p> |
| <div class="h3"> |
| <ul> |
| <li>Press "H", then jump to "Search" section.</li> |
| <li>Press "Down" cursor, you will find search edit control. </li> |
| <li>Press "Enter", then a dialog box opens. </li> |
| <li>Input text for search.</li> |
| <li>Press "Enter" to close the dialog.</li> |
| <li>Press "Down" cursor to move to the "Search" button.</li> |
| <li>Press "Enter" to search.</li> |
| </ul> |
| </div> |
| <p class="h3 b"> |
| The page will be move to search result page. |
| </p> |
| <div class="h3"> |
| <ul> |
| <li>Press "H" will take you to each result.</li> |
| <li>Press "Enter" on an item.</li> |
| </ul> |
| </div> |
| <p class="h3 b"> |
| After the page is loaded, the movie will start. |
| </p> |
| <div class="h3"> |
| <ul> |
| <li>You can use "Ctrl+S" to stop the movie. <br/> |
| If it does not work, press "F4" to reanalyze the page.</li> |
| <li>Then press "Ctrl+P" to play the movie</li> |
| <li>By pressing "Pause", you can pause the movie.</li> |
| <li>By pressing "Ctrl+J" and "Ctrl+K", you can adjust volume.</li> |
| </ul> |
| </div> |
| <p class="h3 b"> |
| If you'd like to search other videos: |
| </p> |
| <div class="h3"> |
| <ul> |
| <li>Press "F" to move to search edit box for next search.</li> |
| <li>Press "Enter", then input search key word.</li> |
| <li>Press "Enter" to close the dialog</li> |
| <li>By pressing "Down" key, select "Search" button.</li> |
| <li>Press "Enter" to search.</li> |
| </ul> |
| </div> |
| |
| <p class="navigation"> |
| <a href="index.html">Back to Index</a> |
| </p> |
| </body> |
| </html> |