https://circa.cs.ualberta.ca/index.php?title=CIRCA:Accessibility&feed=atom&action=historyCIRCA:Accessibility - Revision history2024-03-29T05:56:34ZRevision history for this page on the wikiMediaWiki 1.15.1https://circa.cs.ualberta.ca/index.php?title=CIRCA:Accessibility&diff=880&oldid=prevColetteLeung at 01:33, 3 December 20102010-12-03T01:33:56Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 01:33, 3 December 2010</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Accessibility===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Accessibility===</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">--[[User:ColetteLeung|ColetteLeung]] 01:33, 3 December 2010 (UTC)</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Introduction==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Introduction==</div></td></tr>
<!-- diff generator: internal 2024-03-29 05:56:34 -->
</table>ColetteLeunghttps://circa.cs.ualberta.ca/index.php?title=CIRCA:Accessibility&diff=239&oldid=prevColetteLeung at 02:35, 4 October 20102010-10-04T02:35:03Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 02:35, 4 October 2010</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 67:</td>
<td colspan="2" class="diff-lineno">Line 67:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “Image Archive on the American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “Image Archive on the American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Same website with alternate, more accessible page:</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">''</ins>Same website with alternate, more accessible page:<ins class="diffchange diffchange-inline">''</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “EugenicsArchive.Org: Image Archive on American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/list3.pl.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “EugenicsArchive.Org: Image Archive on American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/list3.pl.</div></td></tr>
<!-- diff generator: internal 2024-03-29 05:56:34 -->
</table>ColetteLeunghttps://circa.cs.ualberta.ca/index.php?title=CIRCA:Accessibility&diff=238&oldid=prevColetteLeung at 02:33, 4 October 20102010-10-04T02:33:44Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 02:33, 4 October 2010</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 67:</td>
<td colspan="2" class="diff-lineno">Line 67:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “Image Archive on the American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “Image Archive on the American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Same website with alternate, more accessible page:</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “EugenicsArchive.Org: Image Archive on American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/list3.pl.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “EugenicsArchive.Org: Image Archive on American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/list3.pl.</div></td></tr>
<!-- diff generator: internal 2024-03-29 05:56:34 -->
</table>ColetteLeunghttps://circa.cs.ualberta.ca/index.php?title=CIRCA:Accessibility&diff=237&oldid=prevColetteLeung: Created page with '===Accessibility=== ==Introduction== Accessibility refers to the practice of making websites user-friendly for people of all abilities and disabilities. This includes, for exa…'2010-10-04T02:30:56Z<p>Created page with '===Accessibility=== ==Introduction== Accessibility refers to the practice of making websites user-friendly for people of all abilities and disabilities. This includes, for exa…'</p>
<p><b>New page</b></p><div>===Accessibility===<br />
<br />
==Introduction==<br />
<br />
Accessibility refers to the practice of making websites user-friendly for people of all abilities and disabilities.<br />
<br />
This includes, for example, having textual equivalents for images, and links named so that text-to-speech software to be able to use it. Another example, would be having text and images that are enlargeable, as well as underlined links for the colour blind. Clickable links and areas should be large enough for people who cannot use a mouse with precision. If websites can be navigated by keyboard alone, this helps users who cannot use a keyboard. Videos should be closed captioned, or a have a sign language version available. Flashing effects should be avoided or made optional to avoid seizures, and content should be written in plain language and illustrated with instructional diagrams and animations to help those with LD and dyslexia. <br />
<br />
Often individuals with disabilities use technologies such as screen reader software which can right out elements of what is displayed. Other software such as screen magnification allow for easier reading.<br />
<br />
==Basic Guidelines (for Web 2.0)==<br />
<br />
Basic guidelines include:<br />
<br />
* Providing alternatives to auditory / visual content<br />
** Text alternatives for non-text content so that it can be changed into other forms such as large print, Braille, speech, symbols or simpler language<br />
** Provide alternatives for time-based media and control<br />
** Create content that can be presented in different ways (ex. Simpler layout) without losing information<br />
** Make it easier for users to see and hear content including separating foreground from background (ex. Colours)<br />
* Using markup and style sheets properly<br />
** Make all functionality available from a keyboard<br />
** Provide enough time to read and use content<br />
** Do not design content in a way that is known to cause seizures<br />
** Provide ways to help users navigate, find content and determine where they are<br />
* Use clear language<br />
** Make text readable and understandable<br />
** Make web pages appear and operate in predictable ways<br />
** Help users avoid and correct mistakes<br />
* Design for device-independence<br />
** Maximize compatibility with assistive technologies<br />
<br />
==Levels of priority==<br />
<br />
There are three levels of priority for accessibility. <br />
<br />
*Level 1: MUST be satisfied or one or more groups cannot access the Web content<br />
*Level 2: SHOULD be satisfied or some groups will find it difficult to access<br />
*Level 3: MAY satisfy these requirements, in order to make it easier for some groups to access the Web content.<br />
<br />
==Other Information of Interest==<br />
<br />
The Canadian government also provides information on bilingualism in their websites, and a checklist to see if all three levels are met.<br />
<br />
There are also tools such as WAVE, that allow users to determine the accessibility of a website.<br />
<br />
==Helpful links==<br />
<br />
'''Canadian Government'''<br />
<br />
Treasury Board of Canada Secretariat, “Common Look and Feel Standards for the Internet, Part 2: Standard on the Accessibility, Interoperability and Usability of Web Sites,” http://www.tbs-sct.gc.ca/clf2-nsi2/clfs-nnsi/clfs-nnsi-2-eng.asp.<br />
<br />
'''W3C for Web 2.0'''<br />
<br />
W3C, “Web Content Accessibility Guidelines (WCAG) 2.0,” http://www.w3.org/TR/WCAG20/.<br />
<br />
'''Checklist for Priority levels'''<br />
<br />
W3C, “Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0,” http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/full-checklist.html.<br />
<br />
'''WAVE'''<br />
<br />
WebAIM, “WAVE - Web Accessibility Evaluation Tool,” http://wave.webaim.org/.<br />
<br />
<br />
'''Example of website with two different pages for accessibility: Eugenics Archive'''<br />
<br />
Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “Image Archive on the American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/.<br />
<br />
Dolan DNA Learning Center and Cold Spring Harbor Laboratory, “EugenicsArchive.Org: Image Archive on American Eugenics Movement,” http://www.eugenicsarchive.org/eugenics/list3.pl.</div>ColetteLeung