Home
> Offices & Departments > Instructional Resource Center > Accessibility Guidelines
Web accessibility Guidelines
Set File Properties
- Title
- Author
- Keywords (separtaed by commas)
- Subject (short description)
Use descriptive hyperlinks
- Link text should make sense out of context
- Avoid "Click here" or "email me".
- Links should be unique
Insure high contarast between foreground and background elements
- Text easy to distinguish from background
- PowerPoint, documents, images, etc
Do not use color as the sole means of conveying important information
- Do not color-code content unless you use annother means of conveying important content
- Color in itself is OK
Provide text equivalent for all non-text elements
- Images, Charts, Graphs, Audio
- Use ALT text to provide: accurate and succinct description of image
- For a spacer or a decorative image use empty or null ALT text ("" "")
- Use a clear, concise description of the image (<100 characters)
- Some images will also require a "Long Description".
- Word, PDF, PowerPoint, etc right click image, select Format Image, select Web tab. Don't fill entire box with text.
Ensure readability
- Use section headings
- Split large blocks of text into sections under these manageable headings
- Avoid overly-complex sentences
- Avoid large chunks of italic text
- Avoid centrally aligned text
- Use left-justified for English language text
- Format using markup (headings, lists, etc.)
- Use images, illustrations, multimedia to clarify meaning (should be purposeful)
Use semantic structure
- Use true headings (h1..h2..) rather than increased font size, bold)
- Use ordered ol or unordered ul lists for actual list content and not for layout
- Use "normal" for paragraph text
- Use "strong" rather than bold
- Use "emphasis" rather than italics
- Use true bulleted lists
Use Row/Column Headers for Data Tables
- Designed to be read from left to right and from top to bottom
- Use row and column Headers
- Provide summary preceding table
- Provide caption (i.e. Title)
- Keep table design simple
- Associate cells with proper headers
Ensure readable without CSS
- Turn off style sheets and be sure content makes logical sense
- Purpose of CSS: to separate content from form –not- to replace semantic structure
Provide Equivalent Alternatives for Multimedia
- Audio only: provide text transcript
- Video only: provide descriptive video (text file which describes what is taking place in the video)
- Audio + Video: provide synchronized captions, text transcript and descriptive video file (unless talking head)
Create Accessible Web Content
- Adobe PDF, Flash, Open Office, Word, PowerPoint, etc
-
PDF documents and other non-HTML content must be as accessible as possible.
-
If you cannot make it accessible, consider using HTML instead or, at the very least, provide an accessible alternative.
-
PDF documents should also include a series of tags to make it more accessible.
-
A tagged PDF file looks the same, but it is almost always more accessible to a person using a screen reader.
Make sure content is clearly written and easy to read
- There are many ways to make your content easier to understand.
- Write clearly, use clear fonts, and use headings and lists appropriately.
Make JavaScript accessible
- Ensure that JavaScript event handlers are device independent (e.g., they do not require the use of a mouse)
- Make sure that your page does not rely on JavaScript to function.
InformationSource: UGA WEB Accessibility Group
Copyright info: GNU Free Documentation License
Page last updated: January 28, 2013

