Home > Offices & Departments > Instructional Resource Center > Accessibility Guidelines
Web accessibility Guidelines
Set File Properties
- 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.
- 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.
InformationSource: UGA WEB Accessibility Group
Copyright info: GNU Free Documentation License
Page last updated: January 28, 2013