Warning:
This wiki has been archived and is now read-only.
Sources Samples
From Challenge Gallery
This is a planning page for the Grab and Go Gallery for Accessible Web Authoring, for easier authoring of accessible Web content.
Pages: Main_Page - Description - "Grab and Go Gallery" Draft Landing Page - Sources & Samples - Testing - Meetings - Gallery Requirements
Contents
Examples of Templates and Widgets
- Fluid Demonstration Portal This is a collection of over a dozen ready-to-use examples of accessible widgets for web applications. It uses JavaScript, CSS, HTML and user-centered design on the jQuery Toolkit. It was built by Fluid Project as part of the Fluid Demo set from the Inclusive Design Research Center.
- Example of a Fluid Demo Goes directly to an accessible caption tool for images.
- JQuery Widget Samples from AEGIS Project Over a dozen different examples of accessible widgets for web applications, implemented by The Paciello Group (TPG) and funded by AOL and AEGIS, and built with jQuery.
- ARIA Code Libraries: Datepicker
- Right-side navigation template This is a generic static HTML template with a navigation bar on the right side, that could be used for a small website. It was built by John F. Croston III.
- (@@link to widget wrapper page) This is a pre-built installation of WordPress containing WordPress-ready versions of many of the accessible JQuery, Fluid, and MooTools widgets. It was built by the Center for European Research and Technology Hellas.
Potential Sources for Submissions
Government Sources
- US: CIO Council; other federal & state agencies?
- CA: Web Experience Toolkit?
Developers
- Authoring Tool developers (potential interest: IBM, Microsoft, Oracle, others...)
Research
- Inclusive Design Research Center
- Computer Science & Web Development students
Community
- Unconferences
Wish-list of Templates and Widgets
- accessible CAPTCHA
- registration form
- comment form
- the "more" button (expanded info button)
- lightbox popped up in center of screen to show more detail
- accessible nested nav
- accessible map template
- accessible media player
- calendar date-picker
- accessible directions for maps
- accessible filter for tag clouds
- best practice skip nav implementations
- labels on forms
- checkbox option lists
- accessible wiki-markup type component
- template shell with pulldown menu of selectable widgets
Five Widget Wish-list items, described
Accessible versions of:
- CAPTCHA: a widget that is often encountered when registering an account to access a secured site. The widget is generally some kind of puzzle to be solved, such as deciphering distorted text. Since the intent of a CAPTCHA is to be something that only humans can solve, it must work for people with a variety of disabilities (vision, hearing, and cognitive) without using the normal techniques for compatibility with assistive technology. (CAPTCHA site, ReCAPTCHA, Wikipedia on CAPTCHA, W3C/WAI on Inaccessibility of CAPTCHA)
- Lightbox pop-up: a widget that is often provided for viewing a collection of small images. When you select an image in the collection, the lightbox overlays the collection, displaying a larger version of the selected image, with controls for advancing forward and backwards in the collection. (Wikipedia on Lightbox Popup)
- Calendar date-picker: a widget that is often provided when completing a form that requires a date. Selecting the widget pops up a calendar page, generally the current month view, from which you can select a date that is inserted into the form field. Controls are provided to navigate to a different month or year.
- Embedded media player: a media player that is contained within a Web page for viewing an audio or video file. The player includes buttons to control the playing of the media (play, pause, stop, fast forward, and rewind), volume, and display of closed captions.
- Nested navigation: a navigationn template that allows multiple nested levels of navigation links oriented either vertically, as in a left side navigation bar, or horizontally, as in a banner navigation bar with drop down menus. At each level, selecting a link either expands to show more choices in the next sub-level or loads a new page if there are no more sub-levels. When a different link in the hierarchy is selected, the previous set of choices collapses and either another set of choices expands or the newly linked page is loaded.