Thanks, hope you're heading off for a nice vacation.
Thanks Janet. I’m sorry I couldn’t make it today. Headed out of town and wrapping up last minute tasks.
Judy James, Senior HR Manager
Human Resource Development Center
The University of Georgia
315 S. Thomas St.
Athens, GA 30620-4302
From: UGA Web Accessibility Group [mailto:WAG@LISTSERV.UGA.EDU]
On Behalf Of Janet Sylvia
Sent: Wednesday, August 03, 2011 1:11 PM
Subject: Accessible Heading Structure
Regarding the question at today's meeting about proper use of h1...h6 header tags on websites, below are great tips from the W3C WCAG 2.0 techniques web page.
Note: you can check your website headings using the Web Accessibility Toolbar (for Opera and IE). On the Toolbar select Structure then: Headings (for an inline display of all headings for your webpage); Heading Structure (to open a new window with only the headings on your webpage); or Heading Count (to receive a pop-up window with the total number of headings by type).
Quoted from "Quick tips for accessible headings":
All visual headings in web pages must have a heading structure applied using H1 to H6.
In general the recommended heading structure is:
H1 – page title or site title (only one per page, at most two with similar text)
H2 – navigation menu, breadcrumbs, search, error/status messages, footer navigation menu links, content section
H3 – content subsection of h2
H4 – content subsection of h3
H5 – content subsection of h4
H6 – content subsection of h5
PS: Headings can and should be used with all types of content: HTML, PDF, Word, PowerPoint, OpenOffice, etc.
Thanks - please feel free to share any comments or questions about headings with the listserv.
From WCAG 2.0 Techniques G141: Organizing a page using headings
Quick tips for accessible headings
Digital Media Professional
107 Hoke Smith Annex
University of Georgia
Athens, GA 30602