Web Accessibility:Presentation and Styles

Web & Databases

• Personal www4 websites
• Engr People websites
• Research Websites
• Infrastructure
• Requests
• Databases
• Site Statistics
• WebTest Sites
• Student Organizations
• Web Accessibility
  • Layout and Structure
  • Presentation and Styles
  • Navigation
  • Forms
  • Scripting
  • Electronic Documents
  • Non-Textual Content
  • Validation Tools

• 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.

---

Resources

[1] NYPL Style Guide

[2] The Illuminating Web

[3] W3.org HTML Markup Guidelines

[4] W3C CSS Guidelines