Difference between revisions of "Web Accessibility:Presentation and Styles"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
| + | {{Web toc:Access}} | ||
*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. | *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 <nowiki><div></nowiki> tags and CSS positioning to construct the physical layout of the web page. | *Write the page in the correct reading order and then use <nowiki><div></nowiki> tags and CSS positioning to construct the physical layout of the web page. | ||
Revision as of 14:44, 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.