gnomeweb-wml r6401 - in trunk/www.gnome.org/projects: . accessibility accessibility/images accessibility/prosimii
- From: wwalker svn gnome org
- To: svn-commits-list gnome org
- Subject: gnomeweb-wml r6401 - in trunk/www.gnome.org/projects: . accessibility accessibility/images accessibility/prosimii
- Date: Tue, 28 Oct 2008 17:42:33 +0000 (UTC)
Author: wwalker
Date: Tue Oct 28 17:42:33 2008
New Revision: 6401
URL: http://svn.gnome.org/viewvc/gnomeweb-wml?rev=6401&view=rev
Log:
Add accessibility pages.
Added:
trunk/www.gnome.org/projects/accessibility/
trunk/www.gnome.org/projects/accessibility/Makefile.am
trunk/www.gnome.org/projects/accessibility/about.html
trunk/www.gnome.org/projects/accessibility/goals.html
trunk/www.gnome.org/projects/accessibility/images/
trunk/www.gnome.org/projects/accessibility/images/Makefile.am
trunk/www.gnome.org/projects/accessibility/images/logo.png (contents, props changed)
trunk/www.gnome.org/projects/accessibility/index.html
trunk/www.gnome.org/projects/accessibility/participate.html
trunk/www.gnome.org/projects/accessibility/prosimii/
trunk/www.gnome.org/projects/accessibility/prosimii/Makefile.am
trunk/www.gnome.org/projects/accessibility/prosimii/index.html
trunk/www.gnome.org/projects/accessibility/prosimii/index2.html
trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-print.css
trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-screen-alt.css
trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-screen.css
trunk/www.gnome.org/projects/accessibility/screencasts.html
Modified:
trunk/www.gnome.org/projects/Makefile.am
trunk/www.gnome.org/projects/index.wml
Modified: trunk/www.gnome.org/projects/Makefile.am
==============================================================================
--- trunk/www.gnome.org/projects/Makefile.am (original)
+++ trunk/www.gnome.org/projects/Makefile.am Tue Oct 28 17:42:33 2008
@@ -1,4 +1,5 @@
SUBDIRS = \
+ accessibility \
application-framework \
beagle \
chronojump \
Added: trunk/www.gnome.org/projects/accessibility/Makefile.am
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/Makefile.am Tue Oct 28 17:42:33 2008
@@ -0,0 +1,12 @@
+SUBDIRS=images prosimii
+
+urlpath=/projects/accessibility/
+
+page_SCRIPTS= \
+ index.html \
+ about.html \
+ screencasts.html \
+ participate.html \
+ goals.html
+
+include $(top_srcdir)/rules.common
Added: trunk/www.gnome.org/projects/accessibility/about.html
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/about.html Tue Oct 28 17:42:33 2008
@@ -0,0 +1,408 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en-US">
+
+ <!-- ##### Title and Meta ##### -->
+
+ <head>
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
+ <meta name="author" content="Willie Walker" />
+ <meta name="generator" content="Willie Walker" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-screen.css" media="screen, tv, projection" title="Default" />
+ <link rel="stylesheet alternative" type="text/css" href="./prosimii/prosimii-print.css" media="screen" title="Print Preview" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-print.css" media="print" />
+ <title>GNOME Accessibility - About</title>
+ <link rel="icon" type="image/png" href="images/logo.png" />
+ </head>
+
+ <body>
+ <!-- For non-visual user agents: -->
+ <div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
+
+ <!-- ##### Header and Navigation Bar ##### -->
+
+ <div id="header">
+ <div class="superHeader">
+ <a href="http://www.gnome.org";>GNOME</a>
+ </div>
+
+ <div class="midHeader">
+ <h1 class="headerTitle">GNOME Accessibility</h1>
+ <div class="headerSubTitle">
+ What accessibility is and who we are
+ </div>
+ <br class="doNotDisplay doNotPrint"/>
+ </div>
+
+ <div class="subHeader">
+ <span class="doNotDisplay">Navigation:</span>
+ <a href="./index.html">Home</a> |
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/";>Users</a> |
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/";>Developers</a> |
+ <a href="./participate.html">Participate</a> |
+ <a href="./about.html">About</a> |
+ <a href="http://live.gnome.org/Accessibility";>WIKI</a>
+ </div>
+ </div>
+
+ <div id="main-copy">
+ <div class="rowOfBoxes">
+
+ <!-- ##### Main Content ##### -->
+
+ <div class="twoThirds noBorderOnLeft">
+ <h1>What is Accessibility?</h1>
+ <p><img src="images/logo.png" width="70" height="70"
+ hspace="5" align="left" alt="Universal access logo"/>
+ Providing accessibility means removing barriers that prevent
+ people with disabilities from participating in substantial
+ life activities, including the use of services, products,
+ and information. We see and use a multitude of
+ access-related technologies in everyday life, many of which
+ we may not recognize as disability related when we encounter
+ them. The bell that chimes when an elevator is about to
+ arrive, for example, was designed with blind people in
+ mind. The curb cut ramps common on street corners in the
+ United States were introduced for wheelchair
+ users. Accessibility is by definition a category of
+ usability: software that is not accessible to a particular
+ user is not usable by that person. As with any usability
+ measure, accessibility is necessarily defined relative to
+ user task requirements and needs. For example, a telephone
+ booth is accessible (e.g., usable) to a blind person, but
+ may not be accessible to a person using a
+ wheelchair. Graphical user interfaces are not very
+ accessible to blind users, but relatively accessible to deaf
+ users.</p>
+
+ <p>Assistive access means that system infrastructure allows
+ add-on assistive software to transparently provide
+ specialized input and output capabilities. For example,
+ screen readers allow blind users to navigate through
+ applications, determine the state of controls, and read text
+ via text to speech conversion. On-screen keyboards replace
+ physical keyboards, and head-mounted pointers replace
+ mice. These are only a few of the assistive technologies
+ users may add on to their systems.</p>
+
+ <h1 class="headerTitle">GNOME Accessibility Leadership</h1>
+ <p>To be filled out. Need a section on the overall
+ leadership of the GNOME Accesibility project. I (Willie
+ Walker) am reluctant to put my name here, but I am
+ continually requested to do so. If my name goes here, I
+ also need to get the names of people and organizations that
+ have contributed past and present.</p>
+
+ <h1>Types of Disabilities</h1>
+ <p>Many people are born with a disability, while many others
+ find that diminishing physical or mental abilities occur
+ naturally over time, or as the result of accidents or
+ diseases. Sometimes these changes can be temporary,
+ sometimes permanent. Basic life activities include taking
+ care of oneself, walking, seeing, hearing, speaking,
+ learning, working, performing manual tasks, participating in
+ community events and activities, and breathing.</p>
+
+ <p>The following disabilities can make using computers challenging.</p>
+
+ <h2>Visual impairments</h2>
+ <p>From low vision to blindness, the range of visual
+ limitations is broad. Symptoms of low vision include
+ dimness, haziness, extreme far-sightedness or
+ near-sightedness, color blindness, and tunnel vision, among
+ others. People with these disabilities are concerned with
+ being able to see text or images on a computer screen and
+ being able to perform tasks that require eye-hand
+ coordination, such as moving a computer mouse. Text size and
+ color can make a big difference in legibility for people who
+ have low vision.</p>
+
+ <h2>Mobility impairments</h2>
+ <p>Mobility impairments can be caused by arthritis, stroke,
+ cerebral palsy, Parkinson's disease, multiple sclerosis, and
+ loss of limbs or digits, among others. Poor muscle control
+ or weaknesses can make using standard keyboards and mouse
+ devices difficult. For instance, some people are unable to
+ type two keys simultaneously, while others tend to hit
+ multiple keys or to bounce keys when pressing or releasing
+ them. People who are able to use only one hand likewise have
+ difficulties with some keyboard and mouse tasks.</p>
+
+ <h2>Hearing impairments</h2>
+ <p>People with hearing impairments may be able to hear some
+ sound, but may not be able to distinguish words. Other
+ people may not be able to hear sound at all. Not being able
+ to hear computer prompts, like beeps and spoken messages,
+ can be problematic for these individuals. Cognitive and
+ language impairments Cognitive and language impairments
+ range from dyslexia to difficulties remembering, solving
+ problems, or perceiving sensory information to problems
+ comprehending and using language. For people with these
+ impairments, things like complex or inconsistent displays or
+ word choice can make using computers more difficult.</p>
+
+ <h2>Seizure disorders</h2>
+ <p>Specific patterns of light or sound can trigger epileptic
+ seizures in some susceptible individuals.</p>
+
+ <h2>Age-related impairments</h2>
+ <p>The most common problem people face as they age is the
+ natural deterioration of eyesight. By age 65, most people
+ have lost at least some of their ability to focus, resolve
+ images, distinguish colors and adapt to changes in light. As
+ part of the natural aging process and longevity, the need
+ for contrast increases because of discoloration in the eye
+ fluids and lens. Most people have a loss in color perception
+ that accompanies their dimmed vision. With longevity, people
+ often experience other degenerative effects as well. Varying
+ degrees of hearing loss are common, as is difficulty with
+ small motor coordination, often due to arthritis or
+ stiffening of the joints.</p>
+
+ <h2>Cognitive impairments</h2>
+ <p>People with cognitive impairments such as dyslexia, learning
+ disabilities, and traumatic brain injury have difficulty processing
+ the information on the display.</p>
+
+ <h1>Assistive Technology for Computers</h1>
+ <p>Assistive technology, also called accessibility aids, are
+ added to computers by people who use them to make computers
+ more accessible. Some common aids include the following:</p>
+
+ <p><strong>Screen magnifiers</strong> help people with low
+ vision. These utilities are like a magnifying glass. People
+ using them are able to control what area of the computer
+ screen they want enlarged, and can move that focus to view
+ different areas of the screen. They are also known as screen
+ enlargers or large print programs.</p>
+
+ <p><strong>Screen readers</strong> are for people who are
+ blind. These aids make on-screen information available as
+ synthesized speech or a refreshable Braille display. They
+ can only translate text based information. Graphics can be
+ translated if there is alternative text describing the
+ visual images. They are also known as blind access utilities
+ or screen reviewers.</p>
+
+ <p><strong>On-screen keyboards</strong> are used by people
+ who are unable to use a standard keyboard. An on-screen
+ keyboard lets people select keys using a pointing method
+ such as pointing devices, switches, or Morse-code input
+ systems.</p>
+
+ <p><strong>Keyboard enhancement utilities</strong> are used
+ by people who have trouble typing and controlling a
+ mouse. They allow the user to perform complicated key
+ sequences serially (e.g. Control-C), control the mouse
+ pointer and buttons from the keyboard, and set the key
+ repeat and acceptance rates. These ehancements are built
+ into the base platform and are known as AccessX on
+ Solaris/Linux, <a href="/AccessPac">AccessPac</a> on Microsoft
+ Windows, and <a href="/EasyAccess">EasyAccess</a> on the
+ Mac.</p>
+
+ <p><strong>Speech recognition</strong> programs are
+ primarily used by people with mobility impairments. These
+ utilities enable people to control computers with their
+ voice instead of a mouse or keyboard. They are also known
+ speech recognition programs.</p>
+
+ <p><strong>Alternative input devices</strong> allow
+ individuals to control their computers through means other
+ than a standard keyboard or pointing device. Examples
+ include smaller or larger keyboards, eye-gaze pointing
+ devices, and sip-and-puff systems controlled by breathing.</p>
+
+ <p>The following is a larger list af assistive technologies
+ broken down by the disability type who benefits from
+ them.</p>
+
+ <h2>Assistive Technologies for Physical Disabilities and RSI</h2>
+ <div>
+ <table border="1">
+ <tbody>
+ <tr>
+ <td><strong>Assistive Technology</strong></td>
+ <td><strong>Function Provided</strong></td>
+ </tr>
+ <tr>
+ <td>Alternate Pointing Device</td>
+ <td>Gives users with limited or no arm and hand fine
+ motor control the ability to control mouse movements
+ and functions. Examples include foot operated mice,
+ head-mounted pointing devices and eye-tracking
+ systems.</td>
+ </tr>
+ <tr>
+ <td>Screen Keyboard</td>
+ <td>On-screen keyboard which provides the keys
+ and functions of a physical keyboard. On-screen
+ keyboards are typically used in conjunction with
+ alternate pointing devices.</td>
+ </tr>
+ <tr>
+ <td>Predictive Dictionary</td>
+ <td>Predictive dictionaries speed typing by
+ predicting words as the user types them, and
+ offering htose words in a list for the user to
+ choose.</td>
+ </tr>
+ <tr>
+ <td>Speech Recognition</td>
+ <td>Allows the user with limited or no arm and hand
+ fine motor control to input text and/or control the
+ user interface via speech.</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <h2>Keyboard Enhancements</h2>
+ <div>
+ <table border="1">
+ <tbody>
+ <tr>
+ <td><strong>Feature</strong></td>
+ <td><strong>Function Provided</strong></td>
+ </tr>
+ <tr>
+ <td>StickyKeys</td>
+ <td>Provides looking or latching of modifier keys
+ (e.g., Shift, Control) so that they can be sued
+ without simultaneously pressing the keys. This
+ allows single finger operation of multiple key
+ combinations.</td>
+ </tr>
+ <tr>
+ <td>MouseKeys</td>
+ <td>An alternative to the mouse which provides
+ keyboard control of cursor movement and mouse button
+ functions.</td>
+ </tr>
+ <tr>
+ <td>RepeatKeys</td>
+ <td>Delays the onset of key repeat, allowing users
+ with limited coordination time to release keys.</td>
+ </tr>
+ <tr>
+ <td>SlowKeys</td>
+ <td>Requires a key to be held down for a set period
+ before keypress acceptance. This prevents users with
+ limited coordination from accidentally pressing
+ keys.</td>
+ </tr>
+ <tr>
+ <td>BounceKeys</td>
+ <td>Requires a delay between keystrokes before
+ accepting the next keypress so users with tremors
+ can prevent the system from accepting inadvertent
+ keypresses.</td>
+ </tr>
+ <tr>
+ <td>ToggleKeys</td>
+ <td>Indicates locking key state with a tone when
+ pressed, e.g., Caps Lock.</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <h2>Assistive Technologies for Low Vision and Blind Users</h2>
+ <div>
+ <table border="1">
+ <tbody>
+ <tr>
+ <td><strong>Assistive Technology</strong></td>
+ <td><strong>Function Provided</strong></td>
+ </tr>
+ <tr>
+ <td>Screen Reader</td>
+ <td>Allows users to navigate through windows, menus,
+ and controls while receiving text and limited
+ graphics information through speech output or
+ braille display.</td>
+ </tr>
+ <tr>
+ <td>Braille Display</td>
+ <td>Provides line by line braille display of
+ on-screen text using a series of pins to form
+ braille symbols that are constantly updated as the
+ user navigates through the interface.</td>
+ </tr>
+ <tr>
+ <td>Text to Speech (TTS)</td>
+ <td>Translates electronic text into speech via a
+ speech synthesizer.</td>
+ </tr>
+ <tr>
+ <td>Magnification</td>
+ <td>Provides magnification of a portion or all of a
+ screen, including graphics and windows as well as
+ text. Allows users to track position of the input
+ focus.</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <h2>Assistive Technologies for Hearing Disabilities</h2>
+ <div>
+ <table border="1">
+ <tbody>
+ <tr>
+ <td><strong>Assistive Technology</strong></td>
+ <td><strong>Function Provided</strong></td>
+ </tr>
+ <tr>
+ <td>Telecommunications Device for the Deaf (TDD)</td>
+ <td>Provides a means for users to communicate over
+ telephone lines using text terminals.</td>
+ </tr>
+ <tr>
+ <td>Closed Captioning</td>
+ <td>Provides text translation of spoken material on
+ video media. Important computer applications include
+ distance learning, CD-ROM, video teleconferencing,
+ and other forms of interactive video.</td>
+ </tr>
+ <tr>
+ <td>ShowSounds</td>
+ <td>Proposed standard would provide visual
+ translation of sound information. Non-speech audio
+ such as system beeps would be presented via screen
+ flashing or similar methods. Video and still images
+ would be described through closed captions or
+ related technologies. This capability would be
+ provided by the system infrastructure.</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+
+ <!-- ##### Documentation Side Bar ##### -->
+
+ <div class="oneThird">
+ <h1>Documentation</h1>
+
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/"; class="newsHeading">GNOME Desktop Accessibility Guide</a>
+ <p class="newsSummary">The GNOME Desktop Accessibility Guide is for users, system administrators, and anyone else who is interested in how the GNOME Desktop supports people with disabilities from an end user point of view.</p>
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/"; class="newsHeading">GNOME Accessibility Developer's Guide</a>
+ <p class="newsSummary">The GNOME Accessibility Developer's Guide is for developers who want to ensure their programming efforts are accessible to the widest audience of users.</p>
+ <a href="http://library.gnome.org/"; class="newsHeading">GNOME Documentation Library</a>
+ <p class="newsSummary">The GNOME Documentation Library includes the accessibility user and developer documents listed above along with many other documents for users, developers, and system administrators. From here, you can also access the documentation translated into many different languages.</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- ##### Footer ##### -->
+
+ <div id="footer">
+ <span class="doNotPrint">
+ For comments or questions about this website, please
+ <a href="mailto:william walker sun com" title="Willie Walker">email the Webmaster</a><br />
+ </span>
+ <strong>Updated 28-Oct-2008</strong>
+ </div>
+ </body>
+</html>
Added: trunk/www.gnome.org/projects/accessibility/goals.html
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/goals.html Tue Oct 28 17:42:33 2008
@@ -0,0 +1,105 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en-US">
+
+ <!-- ##### Title and Meta ##### -->
+
+ <head>
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
+ <meta name="author" content="Willie Walker" />
+ <meta name="generator" content="Willie Walker" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-screen.css" media="screen, tv, projection" title="Default" />
+ <link rel="stylesheet alternative" type="text/css" href="./prosimii/prosimii-print.css" media="screen" title="Print Preview" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-print.css" media="print" />
+ <title>GNOME Accessibility Goals and Roadmap</title>
+ <link rel="icon" type="image/png" href="images/logo.png" />
+ </head>
+
+ <body>
+ <!-- For non-visual user agents: -->
+ <div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
+
+ <!-- ##### Header and Navigation Bar ##### -->
+
+ <div id="header">
+ <div class="superHeader">
+ <a href="http://www.gnome.org";>GNOME</a>
+ </div>
+
+ <div class="midHeader">
+ <h1 class="headerTitle">GNOME Accessibility Goals and Roadmap</h1>
+ <div class="headerSubTitle">
+ What we want to do and when we want to do it
+ </div>
+ <br class="doNotDisplay doNotPrint"/>
+ </div>
+
+ <div class="subHeader">
+ <span class="doNotDisplay">Navigation:</span>
+ <a href="./index.html">Home</a> |
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/";>Users</a> |
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/";>Developers</a> |
+ <a href="./participate.html">Participate</a> |
+ <a href="./about.html">About</a> |
+ <a href="http://live.gnome.org/Accessibility";>WIKI</a>
+ </div>
+ </div>
+
+ <div id="main-copy">
+ <div class="rowOfBoxes">
+
+ <!-- ##### Main Content ##### -->
+
+ <div class="twoThirds noBorderOnLeft">
+ <p><img src="images/logo.png" width="70" height="70"
+ hspace="5" align="left" alt="Universal access logo"/>
+ This page contains a list of the work we want to
+ accomplish with GNOME Accessibility and a rough idea
+ of when we want to get it done. Since GNOME depends
+ heavily on contributions of community members, our
+ ability to meet our goals varies with the size and
+ participation of the community. The more you
+ contribute, the faster we meet our goals.</p>
+
+ <h2>Goals</h2>
+ <p>To be filled in. Should include specific tasks,
+ such as infrastructure (e.g., AT-SPI/D-Bus),
+ testing, application work (e.g., Evince, Firefox),
+ existing assistive technology work (e.g., on screen keyboard,
+ Orca, magnification, MouseTrap), future assistive technology
+ work (e.g., cognitive impairments), outreach to businesses
+ and universities, education, etc. See also the
+ <a href="http://live.gnome.org/Accessibility/GetInvolved";>WIKI
+ brainstorming</a>.</p>
+
+ <h2>Roadmap</h2>
+ <p>To be filled in. Identify specific tasks, people, and
+ timelines for achieving the goals above.</p>
+ </div>
+
+ <!-- ##### Documentation Side Bar ##### -->
+
+ <div class="oneThird">
+ <h1>Documentation</h1>
+
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/"; class="newsHeading">GNOME Desktop Accessibility Guide</a>
+ <p class="newsSummary">The GNOME Desktop Accessibility Guide is for users, system administrators, and anyone else who is interested in how the GNOME Desktop supports people with disabilities from an end user point of view.</p>
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/"; class="newsHeading">GNOME Accessibility Developer's Guide</a>
+ <p class="newsSummary">The GNOME Accessibility Developer's Guide is for developers who want to ensure their programming efforts are accessible to the widest audience of users.</p>
+ <a href="http://library.gnome.org/"; class="newsHeading">GNOME Documentation Library</a>
+ <p class="newsSummary">The GNOME Documentation Library includes the accessibility user and developer documents listed above along with many other documents for users, developers, and system administrators. From here, you can also access the documentation translated into many different languages.</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- ##### Footer ##### -->
+
+ <div id="footer">
+ <span class="doNotPrint">
+ For comments or questions about this website, please
+ <a href="mailto:william walker sun com" title="Willie Walker">email the Webmaster</a><br />
+ </span>
+ <strong>Updated 28-Oct-2008</strong>
+ </div>
+ </body>
+</html>
Added: trunk/www.gnome.org/projects/accessibility/images/Makefile.am
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/images/Makefile.am Tue Oct 28 17:42:33 2008
@@ -0,0 +1,12 @@
+SUBDIRS=
+
+urlpath=/projects/accessibility/images
+
+page_SCRIPTS=
+
+include $(top_srcdir)/rules.common
+
+misc_images=\
+ logo.png
+
+page_DATA=$(misc_images)
Added: trunk/www.gnome.org/projects/accessibility/images/logo.png
==============================================================================
Binary file. No diff available.
Added: trunk/www.gnome.org/projects/accessibility/index.html
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/index.html Tue Oct 28 17:42:33 2008
@@ -0,0 +1,164 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en-US">
+
+ <!-- ##### Title and Meta ##### -->
+
+ <head>
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
+ <meta name="author" content="Willie Walker" />
+ <meta name="generator" content="Willie Walker" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-screen.css" media="screen, tv, projection" title="Default" />
+ <link rel="stylesheet alternative" type="text/css" href="./prosimii/prosimii-print.css" media="screen" title="Print Preview" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-print.css" media="print" />
+ <title>GNOME Accessibility</title>
+ <link rel="icon" type="image/png" href="images/logo.png" />
+ </head>
+
+ <body>
+ <!-- For non-visual user agents: -->
+ <div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
+
+ <!-- ##### Header and Navigation Bar ##### -->
+
+ <div id="header">
+ <div class="superHeader">
+ <a href="http://www.gnome.org";>GNOME</a>
+ </div>
+
+ <div class="midHeader">
+ <h1 class="headerTitle">GNOME Accessibility</h1>
+ <div class="headerSubTitle">
+ Compelling Free Open Source Solutions for People with Disabilities
+ </div>
+ <br class="doNotDisplay doNotPrint"/>
+ </div>
+
+ <div class="subHeader">
+ <span class="doNotDisplay">Navigation:</span>
+ <a href="./index.html">Home</a> |
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/";>Users</a> |
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/";>Developers</a> |
+ <a href="./participate.html">Participate</a> |
+ <a href="./about.html">About</a> |
+ <a href="http://live.gnome.org/Accessibility";>WIKI</a>
+ </div>
+ </div>
+
+ <div id="main-copy">
+ <div class="rowOfBoxes">
+
+ <!-- ##### Main Content ##### -->
+
+ <div class="twoThirds noBorderOnLeft">
+ <h1>Welcome!</h1>
+ <p><img src="images/logo.png" width="70" height="70"
+ hspace="5" align="left" alt="Universal access logo"/>
+ The GNOME Accessibility project develops and fosters
+ compelling free open source accessibility solutions for
+ graphical user interfaces. Through a worldwide community of
+ developers and users, we continue to empower everyone,
+ regardless of physical or mental abilities.</p>
+
+ <p>With a model of "built-in" versus "bolted on",
+ the GNOME Accessibility project has helped lead the
+ industry in accessible design. In GNOME, accessibility
+ is a core value that touches all aspects of the system.
+ From the infrastructure, to the graphical toolkit, to the
+ applications, to the assistive technologies, accessibility
+ has been a consideration from the very early days. As a
+ result, GNOME not only has compelling accessibility
+ today, but it also provides a rich and stable base for
+ future accessibility work.</p>
+
+ <p>Furthermore, through the generous contributions of
+ volunteers on the <a href="http://l10n.gnome.org/";>GNOME
+ Translation Teams</a>, GNOME has been translated to many of
+ the world's languages. As a result, people with
+ disabilities around the world, who are often the people who
+ can least afford commercial operating systems and
+ accessibility solutions, can have access to a modern
+ graphical desktop at only the cost of the hardware.</p>
+
+
+(11:04:31 PM) PockeyLam: WillieWalker: yeah, with examples, easier for everybody to give ours
+(11:05:01 PM) suseROCKs: so education then
+(11:05:16 PM) WillieWalker: suseROCKs: education and execution.
+
+(11:15:40 PM) davidb: another goal: outreach to university and college students through considered participation in summer of code and other mentorships
+
+
+(11:17:01 PM) suseROCKs: Fundraising should be another goal (sigh)
+
+ <h2>GNOME Outreach Program: Accessibility</h2>
+ <p>There are a number
+ of <a href="http://www.gnome.org/projects/outreach/a11y/";>GNOME
+ Outreach Program: Accessibility</a> opportunities for you to
+ join the GNOME Accessibility project and receive a cash reward.</p>
+
+ </div>
+
+ <!-- ##### Documentation Side Bar ##### -->
+
+ <div class="oneThird">
+ <h1>Documentation</h1>
+
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/"; class="newsHeading">GNOME Desktop Accessibility Guide</a>
+ <p class="newsSummary">The GNOME Desktop Accessibility Guide is for users, system administrators, and anyone else who is interested in how the GNOME Desktop supports people with disabilities from an end user point of view.</p>
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/"; class="newsHeading">GNOME Accessibility Developer's Guide</a>
+ <p class="newsSummary">The GNOME Accessibility Developer's Guide is for developers who want to ensure their programming efforts are accessible to the widest audience of users.</p>
+ <a href="http://library.gnome.org/"; class="newsHeading">GNOME Documentation Library</a>
+ <p class="newsSummary">The GNOME Documentation Library includes the accessibility user and developer documents listed above along with many other documents for users, developers, and system administrators. From here, you can also access the documentation translated into many different languages.</p>
+ </div>
+ </div>
+
+ <!-- ##### Bottom Bar ##### -->
+
+ <div class="rowOfBoxes dividingBorderAbove">
+ <div class="quarter noBorderOnLeft">
+ <h1>Screencasts</h1>
+ <p>Often, all it takes is a short demo to obtain an idea of the work that has been done. Please view our <a href="screencasts.html">screencasts</a> that demonstrate a subset GNOME Accessibility features -- more videos will be added soon!</p>
+ </div>
+
+ <div class="quarter">
+ <h1>Goals</h1>
+ <p>The <a href="goals.html">GNOME Accessibility Goals and
+ Roadmap</a> shows the ideas and hopes of GNOME contributors
+ for the near future. Achieving these goals is highly
+ dependent upon contributions from community members such as
+ you. Please participate!</p>
+ </div>
+
+ <div class="quarter">
+ <h1>Bug Reports</h1>
+
+ <p>Please take the time to report all bugs and feature
+ requests in the <a href="http://bugzilla.gnome.org/";>GNOME
+ Bugzilla Database</a>. Your reports are very valuable: if
+ we don't know about your thoughts, they may never get
+ addressed.</p>
+ </div>
+
+ <div class="quarter">
+ <h1>Communicate</h1>
+
+ <p>The GNOME Accessibility project thrives on your
+ feedback and involvement. Join us on the
+ <a href="http://mail.gnome.org/mailman/listinfo/gnome-accessibility-list";>mailing
+ list</a> or in the <acronym title="#a11y">#a11y</acronym> chatroom on <acronym title="irc.gnome.org">irc.gnome.org</acronym>. We are a
+ friendly and welcoming group.</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- ##### Footer ##### -->
+
+ <div id="footer">
+ <span class="doNotPrint">
+ For comments or questions about this website, please
+ <a href="mailto:william walker sun com" title="Willie Walker">email the Webmaster</a><br />
+ </span>
+ <strong>Updated 28-Oct-2008</strong>
+ </div>
+ </body>
+</html>
Added: trunk/www.gnome.org/projects/accessibility/participate.html
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/participate.html Tue Oct 28 17:42:33 2008
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en-US">
+
+ <!-- ##### Title and Meta ##### -->
+
+ <head>
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
+ <meta name="author" content="Willie Walker" />
+ <meta name="generator" content="Willie Walker" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-screen.css" media="screen, tv, projection" title="Default" />
+ <link rel="stylesheet alternative" type="text/css" href="./prosimii/prosimii-print.css" media="screen" title="Print Preview" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-print.css" media="print" />
+ <title>GNOME Accessibility - Participate</title>
+ <link rel="icon" type="image/png" href="images/logo.png" />
+ </head>
+
+ <body>
+ <!-- For non-visual user agents: -->
+ <div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
+
+ <!-- ##### Header and Navigation Bar ##### -->
+
+ <div id="header">
+ <div class="superHeader">
+ <a href="http://www.gnome.org";>GNOME</a>
+ </div>
+
+ <div class="midHeader">
+ <h1 class="headerTitle">GNOME Accessibility</h1>
+ <div class="headerSubTitle">
+ How to join and participate
+ </div>
+ <br class="doNotDisplay doNotPrint"/>
+ </div>
+
+ <div class="subHeader">
+ <span class="doNotDisplay">Navigation:</span>
+ <a href="./index.html">Home</a> |
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/";>Users</a> |
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/";>Developers</a> |
+ <a href="./participate.html">Participate</a> |
+ <a href="./about.html">About</a> |
+ <a href="http://live.gnome.org/Accessibility";>WIKI</a>
+ </div>
+ </div>
+
+ <div id="main-copy">
+ <div class="rowOfBoxes">
+
+ <!-- ##### Main Content ##### -->
+
+ <div class="twoThirds noBorderOnLeft">
+ <p><img src="images/logo.png" width="70" height="70"
+ hspace="5" align="left" alt="Universal access logo"/> There
+ are plenty of opportunities to participate in the GNOME
+ Accessibility project, and they include things that
+ non-technical people can do, too. For a list of items you
+ can help with, please visit the
+ <a href="goals.html">GNOME Accessibility Goals and Roadmap page</a>.
+ Part of participating, however, also includes bringing new ideas.
+ If you have new ideas, please let us know on the
+ <a href="http://mail.gnome.org/mailman/listinfo/gnome-accessibility-list";>mailing
+ list</a> or in the <acronym title="#a11y">#a11y</acronym>
+ chatroom
+ on <acronym title="irc.gnome.org">irc.gnome.org</acronym>.
+ </p>
+
+ <p>For more general information on joining and participating
+ in GNOME overall, please visit
+ the <a href="http://live.gnome.org/JoinGnome";>Joining GNOME
+ page</a> as well as the page
+ on <a href="http://live.gnome.org/NewAccounts";>obtaining a
+ GNOME account</a>. Please also don't be afraid to ask
+ questions on the
+ <a href="http://mail.gnome.org/mailman/listinfo/gnome-accessibility-list";>mailing
+ list</a> or in the <acronym title="#a11y">#a11y</acronym>
+ chatroom
+ on <acronym title="irc.gnome.org">irc.gnome.org</acronym>.
+ We are a welcoming and friendly community -- no question is
+ stupid.</p>
+
+ </div>
+
+ <!-- ##### Documentation Side Bar ##### -->
+
+ <div class="oneThird">
+ <h1>Documentation</h1>
+
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/"; class="newsHeading">GNOME Desktop Accessibility Guide</a>
+ <p class="newsSummary">The GNOME Desktop Accessibility Guide is for users, system administrators, and anyone else who is interested in how the GNOME Desktop supports people with disabilities from an end user point of view.</p>
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/"; class="newsHeading">GNOME Accessibility Developer's Guide</a>
+ <p class="newsSummary">The GNOME Accessibility Developer's Guide is for developers who want to ensure their programming efforts are accessible to the widest audience of users.</p>
+ <a href="http://library.gnome.org/"; class="newsHeading">GNOME Documentation Library</a>
+ <p class="newsSummary">The GNOME Documentation Library includes the accessibility user and developer documents listed above along with many other documents for users, developers, and system administrators. From here, you can also access the documentation translated into many different languages.</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- ##### Footer ##### -->
+
+ <div id="footer">
+ <span class="doNotPrint">
+ For comments or questions about this website, please
+ <a href="mailto:william walker sun com" title="Willie Walker">email the Webmaster</a><br />
+ </span>
+ <strong>Updated 28-Oct-2008</strong>
+ </div>
+ </body>
+</html>
Added: trunk/www.gnome.org/projects/accessibility/prosimii/Makefile.am
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/prosimii/Makefile.am Tue Oct 28 17:42:33 2008
@@ -0,0 +1,14 @@
+SUBDIRS=
+
+urlpath=/projects/accessibility/prosimii
+
+page_SCRIPTS=
+
+include $(top_srcdir)/rules.common
+
+misc_files=\
+ prosimii-print.css \
+ prosimii-screen-alt.css \
+ prosimii-screen.css
+
+page_DATA=$(misc_files)
Added: trunk/www.gnome.org/projects/accessibility/prosimii/index.html
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/prosimii/index.html Tue Oct 28 17:42:33 2008
@@ -0,0 +1,157 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en-AU">
+ <head>
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
+ <meta name="author" content="haran" />
+ <meta name="generator" content="haran" />
+
+ <link rel="stylesheet" type="text/css" href="./prosimii-screen.css" media="screen, tv, projection" title="Default" />
+ <link rel="stylesheet alternative" type="text/css" href="./prosimii-print.css" media="screen" title="Print Preview" />
+ <link rel="stylesheet" type="text/css" href="./prosimii-print.css" media="print" />
+
+ <title>Prosimii</title>
+ </head>
+
+ <body>
+ <!-- For non-visual user agents: -->
+ <div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
+
+ <!-- ##### Header ##### -->
+
+ <div id="header">
+ <div class="superHeader">
+ <span>Related Sites:</span>
+ <a href="http://www.oswd.org"; title="The host of this design">OSWD</a> |
+ <a href="http://www.oswd.org/userinfo.phtml?user=haran"; title="Other designs by haran">haran’s Designs</a>
+ </div>
+
+ <div class="midHeader">
+ <h1 class="headerTitle" lang="la">Prosimii</h1>
+ <div class="headerSubTitle" title="Pronunciation guide for 'prosimii'">
+ { pro–SIM–ee–EYE }
+ </div>
+
+ <br class="doNotDisplay doNotPrint" />
+
+ <div class="headerLinks">
+ <span class="doNotDisplay">Tools:</span>
+ <a href="./index2.html">view an alternative layout «</a>
+ <span class="doNotDisplay">|</span>
+ <a style="cursor: help;" title="Thanks to CSS, this page is already printer friendly!">printer-friendly version «</a>
+ </div>
+ </div>
+
+ <div class="subHeader">
+ <span class="doNotDisplay">Navigation:</span>
+ <a href="./index.html">Home</a> |
+ <a href="./index.html">Products</a> |
+ <a href="./index.html">Services</a> |
+ <a href="./index.html">Contact Us</a> |
+ <a href="./index.html">About Us</a>
+ </div>
+ </div>
+
+ <!-- ##### Main Copy ##### -->
+
+ <div id="main-copy">
+ <div class="rowOfBoxes">
+ <div class="twoThirds noBorderOnLeft">
+ <h1>Welcome!</h1>
+ <p>This is <span lang="la">Prosimii</span>, my
+ <a href="http://www.oswd.org/userinfo.phtml?user=haran";>seventh design</a> for
+ <acronym title="Open Source Web Design">OSWD</acronym>. The design was inspired by a
+ former homepage of <a href="http://www.ximian.com";>Ximian</a>, a company that produces
+ enterprise-level Linux products. The name is a play on the word <span class="titleTip"
+ title="An adjective for apes and monkeys">simian</span> (which sounds like Ximian).
+ <span lang="la">Prosimii</span> is one of the suborders of the order
+ <span lang="la">Primates</span>, and includes the lemur, loris and tree shrew genera.</p>
+
+ <p>I guess this design is most suitable as an introductory or sitemap
+ page to a website. These boxes range in size from one-quarter to full-screen width, so
+ they can accomodate information of various sizes. An <a href="./index2.html">alternative
+ layout</a> is also included in this template.</p>
+
+ <p>I hope you like this design. You are free to use this template for any purpose you wish
+ — personal, commercial or otherwise — without any obligation. This template
+ is donated to the public domain (ie: <em>no rights reserved</em>) and, as such, does not
+ come with any express support, guarantee or limitation.</p>
+ </div>
+
+ <div class="oneThird">
+ <h1>Latest News</h1>
+
+ <a href="./index.html" class="newsHeading">Submitted to OSWD</a>
+ <p class="newsDate">24 Oct 04</p>
+ <p class="newsSummary">Template (finally!) submitted to
+ <acronym title="Open Source Web Design">OSWD</acronym>.</p>
+ <a href="./index.html" class="newsHeading">Annoying bug fixed</a>
+ <p class="newsDate">28 Apr 04</p>
+ <p class="newsSummary">Thanks to Raphaél Enrici for spotting it!</p>
+
+ <div class="more"><a href="./index.html">More News »</a></div>
+
+ <p class="filler"><!-- Filler para to extend left vertical line --></p>
+ </div>
+ </div>
+
+ <div class="rowOfBoxes dividingBorderAbove">
+ <div class="quarter noBorderOnLeft">
+ <h1>Standards</h1>
+ <p><span lang="la">Prosimii</span> is 100% compliant with
+ <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> 1.0 Strict and
+ uses <acronym title="Cascading Style Sheets">CSS</acronym>.
+ <span class="doNotPrint">[Validate
+ <a href="http://validator.w3.org/check/referer";>XHTML</a>]</span></p>
+
+ <p>Unlike this design’s inspiration, no tables have been used to layout elements
+ and text.</p>
+ </div>
+
+ <div class="quarter">
+ <h1>Stylesheet</h1>
+ <p>An external stylesheet dictates the format and layout of text in this design.</p>
+
+ <p>Thus, website-wide design changes can be achieved by editing only the stylesheet.</p>
+
+ <p class="filler"><!-- Filler para to extend left vertical line --></p>
+ </div>
+
+ <div class="quarter">
+ <h1>Compatibility</h1>
+ <p><span lang="la">Prosimii’s</span> stylesheet is more robust and comprehensive than
+ <a href="http://www.oswd.org/userinfo.phtml?user=haran";>my previous designs</a>.</p>
+
+ <p>This design has been tested for consistent rendering in Gecko
+ (<a href="http://www.mozilla.org";>Mozilla</a> <a href="http://www.getfirefox.com";>Firefox</a>
+ 0.10.1), <a href="http://www.opera.com";>Opera</a> (7.01) and Internet Explorer (6.0).</p>
+ </div>
+
+ <div class="quarter">
+ <h1>Accessibility</h1>
+ <p><span lang="la">Prosimii</span> tentatively conforms to the
+ <a href="http://www.w3.org/TR/WCAG10";>
+ <acronym title="Web Content Accessibility Guidelines">WCAG</acronym> double A rating</a>
+ and <a href="http://www.access-board.gov/508.htm";>§ 508</a> guidelines for web
+ content accessibility.</p>
+
+ <p>Additionally, most document metrics (lengths, widths and spacings) are font-size
+ relative.</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- ##### Footer ##### -->
+
+ <div id="footer">
+ <span class="doNotPrint">
+ For comments or questions about this website, please
+ <a href="mailto:email address is invalid" title="NB: invalid email address">email the Webmaster</a><br />
+ </span>
+
+ <strong>URI »</strong> http://domain.is.invalid/prosimii/index.html
+ • <strong>Updated »</strong> 2004-Oct-24 10:31 +1000
+ </div>
+ </body>
+</html>
Added: trunk/www.gnome.org/projects/accessibility/prosimii/index2.html
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/prosimii/index2.html Tue Oct 28 17:42:33 2008
@@ -0,0 +1,140 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en-AU">
+ <head>
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
+ <meta name="author" content="haran" />
+ <meta name="generator" content="haran" />
+
+ <!-- Navigational metadata for large websites (an accessibility feature): -->
+ <link rel="top" href="./index.html" title="Homepage" />
+ <link rel="up" href="./index.html" title="Up" />
+ <link rel="first" href="./index.html" title="First page" />
+ <link rel="previous" href="./index.html" title="Previous page" />
+ <link rel="next" href="./index2.html" title="Next page" />
+ <link rel="last" href="./index2.html" title="Last page" />
+ <link rel="toc" href="./index.html" title="Table of contents" />
+ <link rel="index" href="./index.html" title="Site map" />
+
+ <link rel="stylesheet" type="text/css" href="./prosimii-screen-alt.css" media="screen" title="Prosimii (alternative)" />
+ <link rel="stylesheet alternative" type="text/css" href="./prosimii-print.css" media="screen" title="Print Preview" />
+ <link rel="stylesheet" type="text/css" href="./prosimii-print.css" media="print" />
+
+ <title>Prosimii Page Two</title>
+ </head>
+
+ <body>
+ <!-- For non-visual user agents: -->
+ <div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
+
+ <!-- ##### Header ##### -->
+
+ <div id="header">
+ <div class="superHeader">
+ <span>Related Sites:</span>
+ <a href="http://www.oswd.org"; title="The host of this design">OSWD</a> |
+ <a href="http://www.oswd.org/userinfo.phtml?user=haran"; title="Other designs by haran">haran’s Designs</a>
+ </div>
+
+ <div class="midHeader">
+ <h1 class="headerTitle" lang="la">Prosimii</h1>
+ <div class="headerSubTitle">No more monkey business…</div>
+
+ <br class="doNotDisplay doNotPrint" />
+
+ <div class="headerLinks">
+ <span class="doNotDisplay">Tools:</span>
+ <a href="./index.html">view the previous layout «</a>
+ <span class="doNotDisplay">|</span>
+ <a style="cursor: help;" title="Thanks to CSS, this page is already printer friendly!" href="#stylesheets">printer-friendly version «</a>
+ </div>
+ </div>
+
+ <div class="subHeader">
+ <span class="doNotDisplay">Navigation:</span>
+ <a href="./index.html">Home</a> |
+ <a href="./index2.html">Products</a> |
+ <a href="./index2.html">Services</a> |
+ <a href="./index2.html">Contact Us</a> |
+ <a href="./index2.html">About Us</a>
+ </div>
+ </div>
+
+ <!-- ##### Side Menu ##### -->
+
+ <p class="doNotDisplay doNotPrint">This page’s menu:</p>
+ <ul id="side-bar">
+ <li><a href="#alt-layout" title="Alternative layout">Alt. layout</a></li>
+ <li><a href="#compatibility" title="Improved cross-browser compatibility">Compatibility</a></li>
+ <li><a href="#stylesheets" title="Comprehensive stylesheets">Stylesheets</a></li>
+ <li><a href="#accessibility" title="Accessibility features">Accessibility</a></li>
+ </ul>
+
+ <!-- ##### Main Copy ##### -->
+
+ <div id="main-copy">
+ <h1 id="alt-layout">Alternative Layout</h1>
+ <p>This is an alternative layout of <span lang="la">Prosimii</span>. Notice the presence of a
+ side menu on the left of page. If you are viewing this page in a <span class="titleTip"
+ title="eg: a Gecko family member or Opera">fully standards-compliant browser</span>, the side
+ menu will scroll with the page. If you are viewing in Internet Explorer, however, the menu
+ will appear stationary.</p>
+
+ <p>The following text is essentially the same as the previous page except elaborated.</p>
+
+ <h1 id="compatibility">Improved Cross-browser Compatibility</h1>
+ <p>Before <span lang="la">Prosimii</span>, I did not test my designs in Opera prior to submitting
+ them to OSWD. As a result, these templates don’t render properly in that browser. In
+ contrast, <span lang="la">Prosimii</span> has been fully tested in
+ <a href="http://www.opera.com";>Opera</a> (7.01), Gecko
+ (<a href="http://www.mozilla.org";>Mozilla</a> <a href="http://www.getfirefox.com";>Firefox</a> 0.10.1)
+ and Internet Explorer (6.0) for consistent rendering.</p>
+
+ <p>This means that people using <span class="titleTip" title="eg: Mozilla 1+, Opera 7+, Netscape 6+, Internet Explorer 6+">standards-compliant browsers</span>
+ will see the same format and layout of your page.</p>
+
+ <h1 id="stylesheets">Comprehensive Stylesheets</h1>
+ <dl>
+ <dt>More robust screen stylesheet</dt>
+ <dd>The improved cross-browser consistency is a result of
+ <span lang="la">Prosimii’s</span> more comprehensive screen stylesheet. Major style
+ parameters are explicitly defined in the stylesheet, resulting in less dependence on
+ browser-determined defaults and thus fewer rendering idiosyncrasies.</dd>
+ <dt>Addition of a print media stylesheet</dt>
+ <dd><span lang="la">Prosimii</span> has a print media stylesheet that styles the page in a
+ format appropriate for black and white printing. To see the effect of this stylesheet,
+ select <span class="smallCaps">print preview</span> from the
+ <span class="smallCaps">file</span> menu, or direct this page to a printer (NB: print only
+ this frame if you are viewing this template in a multi-frame document). Alternatively,
+ if you're using <a href="http://www.getfirefox.com";>Firefox</a>, use the stylesheet switcher
+ in the bottom right-hand corner of the browser window.</dd>
+ </dl>
+
+ <h1 id="accessibility">Accessibility Features</h1>
+ <p><span lang="la">Prosimii</span> incorporates accessibility features for people with impaired
+ vision. The template tentatively conforms to the <a href="http://www.w3.org/TR/WCAG10";>
+ <acronym title="Web Content Accessibility Guidelines">WCAG</acronym> double A rating</a> and
+ <a href="http://www.access-board.gov/508.htm";>§ 508</a> guidelines for web content
+ accessibility. The relative simplicity of the template’s underlying markup ensures that
+ your page can be easily transformed for rendering in aural, tactile (braille) and other
+ non-visual user agents.</p>
+
+ <p>Additionally, the majority of document metrics (widths, lengths and spacings) are font-size
+ relative. This means that a user can increase the default font size of your page (using their
+ browser) without compromising it’s layout.</p>
+ </div>
+
+ <!-- ##### Footer ##### -->
+
+ <div id="footer">
+ <span class="doNotPrint">
+ For comments or questions about this website, please
+ <a href="mailto:email address is invalid" title="NB: Invalid email address">email the Webmaster</a><br />
+ </span>
+
+ <strong>URI »</strong> http://domain.is.invalid/prosimii/index2.html
+ • <strong>Updated »</strong> 2004-Oct-24 10:32 +1000
+ </div>
+ </body>
+</html>
Added: trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-print.css
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-print.css Tue Oct 28 17:42:33 2008
@@ -0,0 +1,225 @@
+/**************************************
+ * TITLE: Prosimii Print Stylesheet *
+ * URI : prosimii/prosimii-print.css *
+ * MODIF: 2003-Apr-30 19:15 +0800 *
+ **************************************/
+
+
+/* ##### Common Styles ##### */
+
+body {
+ color: black;
+ background-color: white;
+ font-family: "times new roman", times, roman, serif;
+ font-size: 12pt;
+ margin: 0;
+ padding: 0;
+}
+
+acronym, .titleTip {
+ font-style: italic;
+ border-bottom: none;
+}
+
+acronym:after, .titleTip:after { /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
+ content: "(" attr(title) ")";
+ font-size: 90%;
+ font-style: normal;
+ padding-left: 1ex;
+}
+
+a {
+ color: black;
+ background-color: transparent;
+ text-decoration: none;
+}
+
+a[href]:after { /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
+ content: "<" attr(href) ">";
+ font-size: 90%;
+ padding-left: 1ex;
+}
+
+ol {
+ margin: -0.25em 0 1em 0;
+ padding: 0;
+}
+
+ul {
+ list-style-type: square;
+ margin: -0.25em 0 1em 0;
+ padding: 0;
+}
+
+dl {
+ margin: 0 0 1em 0;
+ padding: 0;
+}
+
+ul li {
+ margin: 1ex 0 0 1.5em;
+ padding: 0;
+}
+
+ol li {
+ margin: 1ex 0 0 1.5em;
+ padding: 0;
+}
+
+dt {
+ font-weight: bold;
+ margin: 0;
+ padding: 0;
+}
+
+dd {
+ margin: 0 0 0 1.5em;
+ padding: 0;
+}
+
+.doNotPrint {
+ display: none;
+}
+
+
+/* ##### Header ##### */
+
+#header {
+}
+
+.superHeader {
+ display: none;
+}
+
+.midHeader {
+ color: black;
+ background-color: transparent;
+ margin: 0;
+ padding: 0;
+ border-bottom: 1px solid black;
+}
+
+.headerTitle {
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-size: 200%;
+ font-weight: normal;
+ margin: 0;
+ padding: 0;
+}
+
+.headerSubTitle {
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-size: 110%;
+ font-weight: normal;
+ font-style: italic;
+ margin: 0;
+ padding: 0 0 1ex 0;
+}
+
+.headerLinks {
+ display: none;
+}
+
+.subHeader {
+ display: none;
+}
+
+
+/* ##### Side Menu ##### */
+
+#side-bar {
+ display: none !important;
+}
+
+
+/* ##### Main Copy ##### */
+
+#main-copy {
+ text-align: justify;
+ margin: 0 !important;
+ padding: 0;
+}
+
+#main-copy h1 {
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-size: 120%;
+ margin: 2ex 0 1ex 0;
+ padding: 0;
+}
+
+#main-copy h2 {
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-weight: normal;
+ font-size: 100%;
+ margin: 0;
+ padding: 2ex 0 0.5ex 0;
+}
+
+#main-copy h1 + h2 {
+ padding-top: 0;
+}
+
+#main-copy p {
+ margin: 0 0 2ex 0;
+ padding: 0;
+}
+
+h2 a:after {
+ content: "" !important;
+}
+
+.newsDate {
+ font-style: italic;
+ margin: 0;
+ padding: 0;
+ display: inline;
+}
+
+.newsDate:before { /* Prints an '[' before the news item's date. Doesn't work in MSIE */
+ content: "[";
+ font-style: normal;
+}
+
+.newsDate:after { /* Prints a ']' after the news item's date. Doesn't work in MSIE */
+ content: "]";
+ font-style: normal;
+}
+
+.newsSummary {
+ display: inline;
+ margin: 0 0 0 1ex !important;
+ padding: 0;
+}
+
+.more {
+ display: none;
+}
+
+.smallCaps {
+ font-variant: small-caps;
+}
+
+.quarter, .oneThird, .half, .twoThirds, .fullWidth {
+ margin: 0;
+ padding: 0;
+}
+
+
+/* ##### Footer ##### */
+
+#footer {
+ color: black;
+ background-color: transparent;
+ font-size: 100%;
+ text-align: center;
+ margin: 2em 0 0 0;
+ padding: 1ex 0 0 0;
+ border-top: 1px solid black;
+ display: block;
+}
+
+#footer a {
+ color: black;
+ background-color: transparent;
+ text-decoration: none;
+}
\ No newline at end of file
Added: trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-screen-alt.css
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-screen-alt.css Tue Oct 28 17:42:33 2008
@@ -0,0 +1,342 @@
+/*************************************************
+ * TITLE: Prosimii Alternative Screen Stylesheet *
+ * URI : prosimii/prosimii-screen-alt.css *
+ * MODIF: 2004-Apr-28 21:56 +0800 *
+ *************************************************/
+
+
+/* ##### Common Styles ##### */
+
+body {
+ font-family: verdana, helvetica, arial, sans-serif;
+ font-size: 73%; /* Enables font size scaling in MSIE */
+ margin: 0;
+ padding: 0;
+}
+
+html > body {
+ font-size: 9pt;
+}
+
+acronym, .titleTip {
+ border-bottom: 1px dotted rgb(61,92,122);
+ cursor: help;
+ margin: 0;
+ padding: 0 0 0.4px 0;
+}
+
+a {
+ color: rgb(61,92,122);
+ background-color: transparent;
+ text-decoration: underline;
+ margin: 0;
+ padding: 0 1px 2px 1px;
+}
+
+a:hover {
+ color: rgb(117,144,174);
+ text-decoration: none;
+}
+
+ol {
+ margin: 1em 0 1.5em 0;
+ padding: 0;
+}
+
+ul {
+ list-style-type: square;
+ margin: 1em 0 1.5em 0;
+ padding: 0;
+}
+
+dl {
+ margin: 1em 0 0.5em 0;
+ padding: 0;
+}
+
+ul li {
+ line-height: 1.5em;
+ margin: 1.25ex 0 0 1.5em;
+ padding: 0;
+}
+
+ol li {
+ line-height: 1.5em;
+ margin: 1.25ex 0 0 2em;
+ padding: 0;
+}
+
+dt {
+ font-weight: bold;
+ margin: 0;
+ padding: 0 0 1ex 0;
+}
+
+dd {
+ line-height: 1.75em;
+ margin: 0 0 1.5em 1.5em;
+ padding: 0;
+}
+
+.doNotDisplay {
+ display: none !important;
+}
+
+
+.smallCaps {
+ font-size: 117%;
+ font-variant: small-caps;
+}
+
+
+/* ##### Header ##### */
+
+.superHeader {
+ color: rgb(130,128,154);
+ background-color: rgb(33,50,66);
+ text-align: right;
+ margin: 0;
+ padding: 0.5ex 10px;
+}
+
+.superHeader span {
+ color: rgb(195,196,210);
+ background-color: transparent;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+.superHeader a {
+ color: rgb(195,196,210);
+ background-color: transparent;
+ text-decoration: none;
+ margin: 0;
+ padding: 0 0.25ex 0 0;
+}
+
+.superHeader a:hover {
+ color: rgb(193,102,90);
+ background-color: transparent;
+ text-decoration: none;
+}
+
+.midHeader {
+ color: white;
+ background-color: rgb(61,92,122);
+ margin: 0;
+ padding: 0.26ex 10px;
+}
+
+.headerTitle {
+ font-size: 300%;
+ margin: 0;
+ padding: 0;
+}
+
+.headerSubTitle {
+ font-size: 151%;
+ font-weight: normal;
+ font-style: italic;
+ margin: 0 0 1ex 0;
+ padding: 0;
+}
+
+.headerLinks {
+ text-align: right;
+ margin: 0;
+ padding: 0 0 2ex 0;
+ position: absolute;
+ right: 1.5em;
+ top: 3.5em;
+}
+
+.headerLinks a {
+ color: white;
+ background-color: transparent;
+ text-decoration: none;
+ margin: 0;
+ padding: 0 0 0.5ex 0;
+ display: block;
+}
+
+.headerLinks a:hover {
+ color: rgb(195,196,210);
+ background-color: transparent;
+ text-decoration: underline;
+}
+
+.subHeader {
+ color: white;
+ background-color: rgb(117,144,174);
+ margin: 0;
+ padding: 0.5ex 10px;
+}
+
+.subHeader a, .subHeader .highlight {
+ color: white;
+ background-color: transparent;
+ font-size: 110%;
+ font-weight: bold;
+ text-decoration: none;
+ margin: 0;
+ padding: 0 0.25ex 0 0;
+}
+
+.subHeader a:hover, .subHeader .highlight {
+ color: rgb(255,204,0);
+ background-color: transparent;
+ text-decoration: none;
+}
+
+
+/* ##### Side Menu ##### */
+
+#side-bar {
+ color: rgb(204,204,204);
+ background-color: transparent;
+ list-style-type: square;
+ list-style-position: inside;
+ width: 10em;
+ margin: 0;
+ padding: 1ex 0;
+ border: 1px solid rgb(204,204,204);
+ position: absolute;
+ left: 1.5ex;
+ top: 12em;
+}
+
+[id="side-bar"] {
+ position: fixed !important; /* Makes the side menu scroll with the page. Doesn't work in MSIE */
+}
+
+#side-bar a {
+ text-decoration: none;
+}
+
+#side-bar:hover {
+ color: rgb(117,144,174);
+ background-color: transparent;
+ border-color: rgb(117,144,174);
+}
+
+#side-bar li {
+ margin: 0;
+ padding: 0.75ex 0 1ex 1.75ex;
+}
+
+#side-bar li:hover {
+ color: rgb(61,92,122);
+ background-color: transparent;
+}
+
+
+#side-bar li a:hover {
+ text-decoration: underline;
+}
+
+
+/* ##### Main Copy ##### */
+
+#main-copy {
+ text-align: justify;
+ margin: -0.5ex 1em 1em 12.5em;
+ padding: 0.5em 10px;
+ clear: left;
+}
+
+#main-copy h1 {
+ color: rgb(117,144,174);
+ background-color: transparent;
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-size: 186%;
+ margin: 0;
+ padding: 1.5ex 0 0 0;
+}
+
+#main-copy h2 {
+ color: rgb(61,92,122);
+ background-color: transparent;
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-weight: normal;
+ font-size: 151%;
+ margin: 0;
+ padding: 1ex 0 0 0;
+}
+
+#main-copy p {
+ line-height: 1.75em;
+ margin: 1em 0 1.5em 0;
+ padding: 0;
+}
+
+.newsHeading {
+ color: rgb(61,92,122);
+ background-color: transparent;
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-size: 145%;
+ text-decoration: none;
+ margin: 0;
+ padding: 1ex 0 0 0;
+ display: block;
+}
+
+.newsHeading:hover {
+ color: rgb(117,144,174);
+ background-color: transparent;
+ text-decoration: underline;
+}
+
+.newsDate {
+ font-style: italic;
+ margin: 0 !important;
+ padding: 0;
+}
+
+.newsSummary {
+ margin: 1.5ex 0 2.5ex 0.75ex !important;
+ padding: 0;
+}
+
+.more {
+ text-align: right;
+ margin: 0;
+ padding: 0.5em 0;
+}
+
+.more a {
+ color: rgb(61,92,122);
+ background-color: transparent;
+ font-size: 92%;
+ text-decoration: underline;
+ margin: 0;
+ padding: 0.25ex 0.75ex;
+}
+
+.more a:hover {
+ color: rgb(117,144,174);
+ text-decoration: none;
+}
+
+
+/* ##### Footer ##### */
+
+#footer {
+ color: rgb(51,51,102);
+ background-color: rgb(239,239,239);
+ font-size: 87%;
+ text-align: center;
+ line-height: 1.25em;
+ margin: 2em 0 0 0;
+ padding: 1ex 10px;
+ clear: left;
+}
+
+#footer a {
+ color: rgb(0,68,204);
+ background-color: transparent;
+ text-decoration: underline;
+}
+
+#footer a:hover {
+ text-decoration: none;
+}
\ No newline at end of file
Added: trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-screen.css
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/prosimii/prosimii-screen.css Tue Oct 28 17:42:33 2008
@@ -0,0 +1,359 @@
+/***************************************
+ * TITLE: Prosimii Screen Stylesheet *
+ * URI : prosimii/prosimii-screen.css *
+ * MODIF: 2004-Apr-28 21:43 +0800 *
+ ***************************************/
+
+
+/* ##### Common Styles ##### */
+
+body {
+ font-family: verdana, helvetica, arial, sans-serif;
+ font-size: 73%; /* Enables font size scaling in MSIE */
+ margin: 0;
+ padding: 0;
+}
+
+html > body {
+ font-size: 9pt;
+}
+
+acronym, .titleTip {
+ border-bottom: 1px dotted rgb(61,92,122);
+ cursor: help;
+ margin: 0;
+ padding: 0 0 0.4px 0;
+}
+
+a {
+ color: rgb(61,92,122);
+ background-color: transparent;
+ text-decoration: underline;
+ margin: 0;
+ padding: 0 1px 2px 1px;
+}
+
+a:hover {
+ color: rgb(117,144,174);
+ text-decoration: none;
+}
+
+ol {
+ margin: 1em 0 1.5em 0;
+ padding: 0;
+}
+
+ul {
+ list-style-type: square;
+ margin: 1em 0 1.5em 0;
+ padding: 0;
+}
+
+dl {
+ margin: 1em 0 0.5em 0;
+ padding: 0;
+}
+
+ul li {
+ line-height: 1.5em;
+ margin: 1.25ex 0 0 1.5em;
+ padding: 0;
+}
+
+ol li {
+ line-height: 1.5em;
+ margin: 1.25ex 0 0 2em;
+ padding: 0;
+}
+
+dt {
+ font-weight: bold;
+ margin: 0;
+ padding: 0 0 1ex 0;
+}
+
+dd {
+ line-height: 1.75em;
+ margin: 0 0 1.5em 1.5em;
+ padding: 0;
+}
+
+.doNotDisplay {
+ display: none !important;
+}
+
+
+.smallCaps {
+ font-size: 117%;
+ font-variant: small-caps;
+}
+
+
+/* ##### Header ##### */
+
+.superHeader {
+ color: rgb(130,128,154);
+ background-color: rgb(33,50,66);
+ text-align: right;
+ margin: 0;
+ padding: 0.5ex 10px;
+}
+
+.superHeader span {
+ color: rgb(195,196,210);
+ background-color: transparent;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+.superHeader a {
+ color: rgb(195,196,210);
+ background-color: transparent;
+ text-decoration: none;
+ margin: 0;
+ padding: 0 0.25ex 0 0;
+}
+
+.superHeader a:hover {
+ color: rgb(193,102,90);
+ background-color: transparent;
+ text-decoration: none;
+}
+
+.midHeader {
+ color: white;
+ background-color: rgb(61,92,122);
+ margin: 0;
+ padding: 0.26ex 10px;
+}
+
+.headerTitle {
+ font-size: 300%;
+ margin: 0;
+ padding: 0;
+}
+
+.headerSubTitle {
+ font-size: 151%;
+ font-weight: normal;
+ font-style: italic;
+ margin: 0 0 1ex 0;
+ padding: 0;
+}
+
+.headerLinks {
+ text-align: right;
+ margin: 0;
+ padding: 0 0 2ex 0;
+ position: absolute;
+ right: 1.5em;
+ top: 3.5em;
+}
+
+.headerLinks a {
+ color: white;
+ background-color: transparent;
+ text-decoration: none;
+ margin: 0;
+ padding: 0 0 0.5ex 0;
+ display: block;
+}
+
+.headerLinks a:hover {
+ color: rgb(195,196,210);
+ background-color: transparent;
+ text-decoration: underline;
+}
+
+.subHeader {
+ color: white;
+ background-color: rgb(117,144,174);
+ margin: 0;
+ padding: 0.5ex 10px;
+}
+
+.subHeader a, .subHeader .highlight {
+ color: white;
+ background-color: transparent;
+ font-size: 110%;
+ font-weight: bold;
+ text-decoration: none;
+ margin: 0;
+ padding: 0 0.25ex 0 0;
+}
+
+.subHeader a:hover, .subHeader .highlight {
+ color: rgb(255,204,0);
+ background-color: transparent;
+ text-decoration: none;
+}
+
+
+/* ##### Main Copy ##### */
+
+#main-copy {
+ margin: 0;
+ padding: 0.5em 10px;
+ clear: left;
+}
+
+#main-copy h1 {
+ color: rgb(117,144,174);
+ background-color: transparent;
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-size: 200%;
+ margin: 0;
+ padding: 0;
+}
+
+#main-copy h2 {
+ color: rgb(61,92,122);
+ background-color: transparent;
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-weight: normal;
+ font-size: 151%;
+ margin: 0;
+ padding: 1ex 0 0 0;
+}
+
+#main-copy p {
+ line-height: 1.1em;
+ margin: 1em 0 1.5em 0;
+ padding: 0;
+}
+
+.newsHeading {
+ color: rgb(61,92,122);
+ background-color: transparent;
+ font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+ font-size: 145%;
+ text-decoration: none;
+ margin: 0;
+ padding: 1ex 0 0 0;
+ display: block;
+}
+
+.newsHeading:hover {
+ color: rgb(117,144,174);
+ background-color: transparent;
+ text-decoration: underline;
+}
+
+.newsDate {
+ font-style: italic;
+ margin: 0 !important;
+ padding: 0;
+}
+
+.newsSummary {
+ margin: 1.5ex 0 2.5ex 0.75ex !important;
+ padding: 0;
+}
+
+.more {
+ text-align: right;
+ margin: 0;
+ padding: 0.5em 0;
+}
+
+.more a {
+ color: rgb(61,92,122);
+ background-color: transparent;
+ font-size: 92%;
+ text-decoration: underline;
+ margin: 0;
+ padding: 0.25ex 0.75ex;
+}
+
+.more a:hover {
+ color: rgb(117,144,174);
+ text-decoration: none;
+}
+
+.rowOfBoxes {
+ clear: both;
+}
+
+.quarter, .oneThird, .half, .twoThirds, .fullWidth {
+ margin: 1em 0;
+ float: left;
+ border-left: 1px solid rgb(204,204,204);
+}
+
+.quarter {
+ width: 21%;
+ padding: 0 1.9%;
+}
+
+.oneThird {
+ width: 28%;
+ padding: 0 1.9%;
+}
+
+.half {
+ text-align: justify;
+ width: 46%;
+ padding: 0 1.9%;
+}
+
+.twoThirds {
+ text-align: justify;
+ width: 63%;
+ padding: 0 1.9%;
+}
+
+.fullWidth {
+ text-align: justify;
+ width: 96%;
+ padding: 0 1.2em;
+ border-left: none;
+}
+
+.filler { /* use with an empty <p> element to add padding to the end of a text box */
+ border: 1px solid white;
+}
+
+.noBorderOnLeft {
+ border-left: none;
+}
+
+.dividingBorderAbove {
+ border-top: 1px solid rgb(204,204,204);
+}
+
+/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
+ * that don't require the creation of new classes - but which are not
+ * supported by MSIE - are the following:
+ *
+ * .rowOfBoxes > div:first-child {
+ * border-left: none;
+ * }
+ *
+ * .rowOfBoxes + .rowOfBoxes {
+ * border-top: 1px solid rgb(204,204,204);
+ * }
+ */
+
+
+/* ##### Footer ##### */
+
+#footer {
+ color: rgb(51,51,102);
+ background-color: rgb(239,239,239);
+ font-size: 87%;
+ text-align: center;
+ line-height: 1.25em;
+ margin: 2em 0 0 0;
+ padding: 1ex 10px;
+ clear: left;
+}
+
+#footer a {
+ color: rgb(0,68,204);
+ background-color: transparent;
+ text-decoration: underline;
+}
+
+#footer a:hover {
+ text-decoration: none;
+}
\ No newline at end of file
Added: trunk/www.gnome.org/projects/accessibility/screencasts.html
==============================================================================
--- (empty file)
+++ trunk/www.gnome.org/projects/accessibility/screencasts.html Tue Oct 28 17:42:33 2008
@@ -0,0 +1,167 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en-US">
+
+ <!-- ##### Title and Meta ##### -->
+
+ <head>
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
+ <meta name="author" content="Willie Walker" />
+ <meta name="generator" content="Willie Walker" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-screen.css" media="screen, tv, projection" title="Default" />
+ <link rel="stylesheet alternative" type="text/css" href="./prosimii/prosimii-print.css" media="screen" title="Print Preview" />
+ <link rel="stylesheet" type="text/css" href="./prosimii/prosimii-print.css" media="print" />
+ <title>GNOME Accessibility Screencasts</title>
+ <link rel="icon" type="image/png" href="images/logo.png" />
+ </head>
+
+ <body>
+ <!-- For non-visual user agents: -->
+ <div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
+
+ <!-- ##### Header and Navigation Bar ##### -->
+
+ <div id="header">
+ <div class="superHeader">
+ <a href="http://www.gnome.org";>GNOME</a>
+ </div>
+
+ <div class="midHeader">
+ <h1 class="headerTitle">GNOME Accessibility Screencasts</h1>
+ <div class="headerSubTitle">
+ Video demonstrations of some of the GNOME Accessibility features
+ </div>
+ <br class="doNotDisplay doNotPrint"/>
+ </div>
+
+ <div class="subHeader">
+ <span class="doNotDisplay">Navigation:</span>
+ <a href="./index.html">Home</a> |
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/";>Users</a> |
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/";>Developers</a> |
+ <a href="./participate.html">Participate</a> |
+ <a href="./about.html">About</a> |
+ <a href="http://live.gnome.org/Accessibility";>WIKI</a>
+ </div>
+ </div>
+
+ <div id="main-copy">
+ <div class="rowOfBoxes">
+
+ <!-- ##### Main Content ##### -->
+
+ <div class="twoThirds noBorderOnLeft">
+ <p><img src="images/logo.png" width="70" height="70"
+ hspace="5" align="left" alt="Universal access logo"/> Below
+ are links to several GNOME accessibility demonstration
+ videos. To view a video, click on a link and then click on
+ the video in the page that opens (the video doesn't
+ automatically start). The Flash videos are of questionable
+ quality, causing some things to not be seen. The MPEG4
+ videos are better quality, but you need a video player
+ capable of playing MPEG4. The Raw OGV files are what
+ recordmydesktop created.</p>
+
+ <h2>Enabling GNOME Accessibility</h2>
+ <p>Shows how to enable GNOME accessibility support:
+ <a href="http://master.gnome.org/~wwalker/demos/enable-a11y.html";>Flash</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/enable-a11y.avi";>MPEG4</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/enable-a11y.ogv";>Raw OGV</a>
+ </p>
+
+ <h2>GNOME Theming</h2>
+ <p>Demonstrates GNOME font, color, and icon theming:
+ <a href="http://master.gnome.org/~wwalker/demos/theming.html";>Flash</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/theming.avi";>MPEG4</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/theming.ogv";>Raw OGV</a>
+ </p>
+
+ <h2>Keyboard Enhancements</h2>
+ <p>Demonstrates StickyKeys, SlowKeys, and BounceKeys:
+ <a href="http://master.gnome.org/~wwalker/demos/keyboard-enhancements.html";>Flash</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/keyboard-enhancements.avi";>MPEG4</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/keyboard-enhancements.ogv";>Raw OGV</a>
+ </p>
+
+ <h2>Dwell Clicking</h2>
+ <p>Demonstrates using MouseTweaks to interact with the GNOME
+ desktop using mouse motion alone:
+ <a href="http://master.gnome.org/~wwalker/demos/dwell-click.html";>Flash</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/dwell-click.avi";>MPEG4</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/dwell-click.ogv";>Raw OGV</a>
+ </p>
+
+ <h2>GOK - Direct Selection Mode</h2>
+ <p>Demonstrates using the GNOME Onscreen Keyboard
+ (<a href="http://www.gok.ca/";>GOK</a>) via
+ clicking directly in the GOK window: (to be created)
+ </p>
+
+ <h2>GOK - Scanning Mode</h2>
+ <p>Demonstrates using the GNOME Onscreen Keyboard
+ (<a href="http://www.gok.ca/";>GOK</a>) via
+ a switch: (to be created)
+ </p>
+
+ <h2>Dasher</h2>
+ <p>Demonstrates generating text content via Dasher:
+ <a href="http://www.inference.phy.cam.ac.uk/dasher/Demonstrations.html";>Dasher demonstration page</a>
+ </p>
+
+ <h2>Orca - Screen Magnification</h2>
+ <p>Demonstrates using Orca to provide a magnified view of the
+ desktop: (to be created)
+ </p>
+
+ <h2>Orca - Speech</h2>
+ <p>Demonstrates using Orca with speech to access the
+ desktop: (to be created)
+ </p>
+
+ <h2>Orca - Braille</h2>
+ <p>Demonstrates using Orca with braille to access the
+ desktop: (to be created)
+ </p>
+
+ <h2>Locating the Mouse</h2>
+ <p>Demonstrates how to locate the mouse:
+ <a href="http://master.gnome.org/~wwalker/demos/locate-mouse.html";>Flash</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/locate-mouse.avi";>MPEG4</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/locate-mouse.ogv";>Raw OGV</a>
+ </p>
+
+ <h2>Testing Speech</h2>
+ <p>Demonstrates how to test GNOME speech:
+ <a href="http://master.gnome.org/~wwalker/demos/test-speech.html";>Flash</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/test-speech.avi";>MPEG4</a>,
+ <a href="http://master.gnome.org/~wwalker/demos/test-speech.ogv";>Raw OGV</a>
+ </p>
+
+ </div>
+
+ <!-- ##### Documentation Side Bar ##### -->
+
+ <div class="oneThird">
+ <h1>Documentation</h1>
+
+ <a href="http://library.gnome.org/users/gnome-access-guide/nightly/"; class="newsHeading">GNOME Desktop Accessibility Guide</a>
+ <p class="newsSummary">The GNOME Desktop Accessibility Guide is for users, system administrators, and anyone else who is interested in how the GNOME Desktop supports people with disabilities from an end user point of view.</p>
+ <a href="http://library.gnome.org/devel/accessibility-devel-guide/nightly/"; class="newsHeading">GNOME Accessibility Developer's Guide</a>
+ <p class="newsSummary">The GNOME Accessibility Developer's Guide is for developers who want to ensure their programming efforts are accessible to the widest audience of users.</p>
+ <a href="http://library.gnome.org/"; class="newsHeading">GNOME Documentation Library</a>
+ <p class="newsSummary">The GNOME Documentation Library includes the accessibility user and developer documents listed above along with many other documents for users, developers, and system administrators. From here, you can also access the documentation translated into many different languages.</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- ##### Footer ##### -->
+
+ <div id="footer">
+ <span class="doNotPrint">
+ For comments or questions about this website, please
+ <a href="mailto:william walker sun com" title="Willie Walker">email the Webmaster</a><br />
+ </span>
+ <strong>Updated 28-Oct-2008</strong>
+ </div>
+ </body>
+</html>
Modified: trunk/www.gnome.org/projects/index.wml
==============================================================================
--- trunk/www.gnome.org/projects/index.wml (original)
+++ trunk/www.gnome.org/projects/index.wml Tue Oct 28 17:42:33 2008
@@ -21,6 +21,7 @@
<h2>A</h2>
<ul>
+ <li><a href="http://www.gnome.org/accessibility";>a11y</a>, GNOME Accessibility for people with disabilities</li>
<li><a href="http://www.abisource.com";>Abiword</a>, Word Processor</li>
<li><a href="http://live.gnome.org/Accerciser";>Accerciser</a>, Interactive accessibility explorer</li>
<li><a href="http://www.gnome.org/projects/agnubis/";>Agnubis</a>, Presentation Program</li>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
