Difference between revisions of "Web Accessibility:Presentation and Styles"
Jump to navigation
Jump to search
| Line 4: | Line 4: | ||
*Avoid fixed font sizes like 12 points or 12 pixels as they cannot be magnified. Use relative sizes like <nowiki><font=3></nowiki>, <nowiki><font=120%></nowiki> or <nowiki><font=1.5 ems></nowiki>. Some browsers, however, do not support EMS values less then 1. | *Avoid fixed font sizes like 12 points or 12 pixels as they cannot be magnified. Use relative sizes like <nowiki><font=3></nowiki>, <nowiki><font=120%></nowiki> or <nowiki><font=1.5 ems></nowiki>. Some browsers, however, do not support EMS values less then 1. | ||
*Avoid using multiple font types or colors on one page as they can created a busy and cluttered appearance | *Avoid using multiple font types or colors on one page as they can created a busy and cluttered appearance | ||
| − | *Use relative sizes for container elements like tables, margins, <nowiki><div></nowiki>s etc. | + | *Use relative sizes for container elements like tables, margins, <nowiki><div></nowiki>'s etc. |
*Provide a good contrast between background and foreground colors | *Provide a good contrast between background and foreground colors | ||
*Do not use color only to convey meaning | *Do not use color only to convey meaning | ||
*Avoid blinking and moving text. Do not use <blink> or <marque> tags. | *Avoid blinking and moving text. Do not use <blink> or <marque> tags. | ||
Revision as of 14:45, 20 July 2006
- Use external styles sheets for presentation and minimize use inline or internal styles. Many browsers provide mechanisms to allow users to switch between style sheets letting the user set their own style.
- Write the page in the correct reading order and then use <div> tags and CSS positioning to construct the physical layout of the web page.
- Avoid fixed font sizes like 12 points or 12 pixels as they cannot be magnified. Use relative sizes like <font=3>, <font=120%> or <font=1.5 ems>. Some browsers, however, do not support EMS values less then 1.
- Avoid using multiple font types or colors on one page as they can created a busy and cluttered appearance
- Use relative sizes for container elements like tables, margins, <div>'s etc.
- Provide a good contrast between background and foreground colors
- Do not use color only to convey meaning
- Avoid blinking and moving text. Do not use <blink> or <marque> tags.