Layout and Markup

Identifying section headings, paragraphs, lists, quotes, etc assists with the audio reader,and helps with page hierarchy.

Some web page developers use html markup for visual appearances, rather than applying font-size or bold formatting commands. Errors of this type include using <h1> to create large bold type, or, using <blockquote> to indent a paragraph that is not actually a quotation.

Unfortunately, this impacts the way non-visual users interpret the page.

Logically organize your page and use HTML to encode meaning rather than coding for appearance.

With Accessibility in mind, it is best practice to use HTML tags for purpose they were created, and use style sheets where appropriate.

Headings, <H1> through <H6>, should only be used for organization of importance of topics.

Use <blockquote> only for quoted material.

Another concept is that the page should be readable with the CSS (Cascading Style Sheets) turned off.

Use markup and style sheets properly
Illinois Web accessibility Coding section
Wright State University samples

Return to UCTL 508 work site