Web Accessibility:Layout and Structure

From WolfTech
Revision as of 12:25, 27 July 2006 by Ebndelo (talk | contribs)
Jump to navigation Jump to search
  • Separate presentation layer from the structure. When possible use Cascading Style Sheets (CSS) to control the visual appearance of a page.
  • Do not use structural elements for presentation and layout. For example using heading <h> tag to enhance text; list
  • tag to indent text; text area input <textarea> element for text inset.
  • Use CSS and <div> tag or <iframe> to create a text inset.
  • Use <title> element in the <head> section of the page to identify the contents of a page. Browsers expose this information to assistive technology and the user can identify the page.
  • Minimize using tables for layout. When used, limit them to simple tables and ensure that the read order of the cell content can be linearized. Tables increase the size and footprint of the page and they are not easily maintained.
  • Avoid using Frames for layout. Frames divide a web page into multiple, scrollable regions each with its own content source. Frames can be very disorienting to screen readers especially when content in one frame references content in another.
  • Avoid opening new windows or "pop-ups". New windows destroy user browsing history preventing them from using the "back" button to return to the source page. If new window is opened identify the target window using target ="name" and provide a mechanism to easily return to original location on source page.


[1] Tutorials on Layout-Maxdesign

[2] How do I size fonts?