introduction to computer assisted language learning 4 elearning

Do not overlink. Screen readers put each link on its own line.
Create good link descriptions, especially for external links. (avoid "click here!" or "this" kinds of
links)
Avoid putting links in section headings, unless the link text is the only text in the title. Screen
readers will stop reading the heading title when they encounter a link, and if the link is the first part
of the heading title, they will only read the link text. For example, a heading title of "The Simpsons"
will be read as "The", and a heading title of "hackers in popular culture" will be read as "hackers".
Use as little code as possible, so the text in the edit window is easier to read (for example: don't use
[[clock|clocks]] when [[clock]]s will work).
Color
Ensure that color is not the only way used to convey important information. Especially, do not use
colored text unless its status is also indicated using another method such as italic emphasis or
footnote labels. Otherwise blind users or readers accessing Wikipedia through a device without a
color screen will not receive that information.
Many readers of Wikipedia may be partially or fully color blind. Ensure that the color combinations
used in Wikipedia (infoboxes, navigational boxes, graphs, etc.) have an adequate contrast. Use a
color scheme generator to select the colors, and tools for simulating colorblind vision
(colorfilter.wickline.org or vischeck.com) to check the result.
Web pages can be checked on-line by the developers with AccessColor, which analysis the HTML
source for a web page and the Cascading Style Sheets associated, and then calculates the colour
contrast and color brightness between the text and background colours conform WCAG 1.0
Suitable colour contrast for people with vision impairments, including colour blindness, can be
tested with the Colour Contrast Analyser that uses the draft algorithms from the W3C
Tables
Screen readers and other web browsing tools make use of specific table tags to help users navigate
the data contained within them.
Caption ( |+ )
A caption is a table's title, describing its nature
Summary ( summary="…")
The summary can provide a longer description of the table's purpose and structure for non-visual
browsers.
Row & column headers ( ! )
Like the caption, these help present the information in a logical structure to visitors. They can have
the headers read first, and then navigate the related data.
Voice browsers might read aloud a data table in the following order:
Caption: [caption text]
Summary: [summary text]
[column header 1]: [row header 1], [column header 2]: [cell 1,2], [column header 3]: [cell 1,3]
[column header 1]: [row header 2], [column header 2]: [cell 2,2], [column header 3]: [cell 2,3]
36