Ask your Questions about
Americans with Disabilities Act (ADA)

1-800-949-4232 [voice/tty]

Contact Us | En Español | Partners Login

Loading

Facebook: Southeast ADA Center Twitter: Southeast ADA Center LinkedIn: Southeast ADA Center Pinterest YouTube: Southeast ADA Center Join Email List: Southeast ADA Center

ADA Information for:

Go >

Find your ADA Center

Go >

National ADA Training

Share
Print

Accessibility of this Website

The Southeast ADA Center strives to ensure that its website is aesthetically pleasing, useful, and accessible. If you have any questions or comments on the website accessibility or finding information, please contact us via email ADAsoutheast@law.syr.edu or call 404-541-9001 [voice/tty].

Our website design and development process is based and continually refined from usability research, user feedback, and established web accessibility guidelines: Web Content Accessibility Guidelines (WCAG), Section 508. Various methods are incorporated to promote and maximize accessibility and usability for all.

Web Content Accessibility Guidelines (WCAG)

The WCAG was established by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), The WCAG 2.0 (published 12/11/2008) supercede and are recommended over WCAG 1.0 (released 5/05/1999).

WCAG 2.0 has 12 guidelines that are organized under 4 design principles of web accessibility: perceivable, operable, understandable, and robust. Each principle has guidelines, and for each guideline, there are testable success criteria at three levels: A, AA, and AAA. The basis for determining conformance to the WCAG 2.0 are the success criteria. For a short summary of the WCAG 2.0 guidelines, see WCAG 2.0 at a Glance.

WCAG 1.0 is organized around guidelines that have three checkpoints: priority 1 (must), 2 (should), or 3 (may) and address 2 major themes of accessible web design: ensuring graceful transformation and making understandable, navigable content. The basis for determining conformance to the WCAG 1.0 are the checkpoints. For information on the comparison and transition to 2.0, see How WCAG 2.0 Differs from WCAG 1.0.

Quick links: WCAG Overview, How to Meet WCAG 2.0 (Quick Reference)

Section 508

The Section 508 Electronic and Information Technology Accessibility Standards were established through Section 508 of the Rehabilitation Act by the Architectural and Transportation Barriers Compliance Board (Access Board) of the U.S. Federal Government.

The Section 508 Standards define the types of technology provided and set forth provisions that establish a minimum level of accessibility within four subparts:

  • A: General (defines terms, exemptions)
  • B: Technical Standards (application criteria specific to various types of technology )
  • C: Functional Performance Criteria (overall product evaluation and for technology not specifically covered in Subpart B )
  • D: Information, Documentation, and Support (addresses access of materials provided to end users)

Within Section 508 Subpart B (Technical Standards), the provisions for Web-based Intranet and Internet Information and Applications (1194.22) are specifically addressed in paragraphs (a) through (p). These sixteen provisions, initially based on WCAG 1.0, must all be followed for a website to be in compliance with the Section 508 Standards.

Quick links: Section 508 Checklist from WebAIM; Section 508 Tutorial from OSU WAC; 508 Refresh (Section 508 Homepage)

Methods to Promote Web Accessibility and Usability

  1. Alternative text and descriptions for images
  2. Links clearly identified
  3. Cascading style sheet (CSS)
  4. Usability with alternative computer technology
  5. Code (markup) validation
  6. Consistent navigation & shortcuts
  7. Clear and simple language

Alternative text and descriptions for graphics (non-text)

The Southeast ADA website uses graphical elements to supplement the recognition and understanding of content. When a graphic is used, a short, literal description of what the image represents is provided. This description known as alt-text (short for alternative text) is displayed in text-only displays, when images are"turned off", and when a situation results in difficulty viewing the graphics (i.e. slow download or Internet connection). For people using graphical web browsers (i.e. Internet Explorer), the alternative text, if present, appears briefly when the pointing device (i.e. mouse) hovers over the graphic.

For complex graphics, more detailed information may be offered through a caption or by linking the graphic to another web page that describes the graphic - see example of description for a complex graphic (Logo for Southeast ADA).

Example of the code for an image (IMG) with its alternative text (alt) and a link (a href):
  <a href="logodescription.htm" title="Description of Southeast ADA Logo" ><IMG src="logo.gif" alt="Logo for Southeast ADA"></a>

The Southeast ADA website provides logical and consistent navigation. Links are brief and meaningful to ensure readability if read out of context. For example, instead of "Click here," the link may be "More News." Links like the example, if read by itself, clearly inform the user of what to expect and are helpful when scanning, also assists users whose technology can list all of the links of a webpage and takes into consideration people who may be using alternative computer access technology ("click" is specific to a mouse).

Cascading style sheet (CSS)

The Southeast ADA website uses templates and a cascading style sheet (CSS) to achieve a consistent style of presentation across webpages and facilitate separation of the content from the layout or format. The CSS is one file that is applied to each webpage, and specifies "look and feel" characteristics (i.e. color, font size, spacing) for a particular website feature (i.e. page title). Thus, if a change is desired (i.e. color of page title), you make the change in the CSS file, and that change will take place in all the webpages with that feature. Users can choose to use the CSS for a website, their own customized CSS, or "turn off" CSS. This website is tested to ensure its usability with the CSS "turned off," and the CSS is verified to meet established specifications using the W3C CSS Validation Service.

Usability with alternative computer technology

The Southeast ADA website is tested to be usable with screen reader technology (i.e. Jaws), and in numerous operating systems (i.e. Windows, Macintosh) running different graphical web browsers (i.e. Internet Explorer, Firefox, Safari). Various environments and conditions for viewing the website are also tested, including no audio, text-only, keyboard only (no mouse), small/low-resolution screen, and voice or text output. In addition, the website conveys important information by more than color alone (i.e. required data of online form is red and preceded by an asterisk*), and is tested to ensure sufficient color contrast for use by individuals with low vision, color-blindness, or a situation when color or lighting may be comprised.

Code (markup) validation

Most webpages are written in computer markup languages (i.e. HTML,XHTML) that structure text, add media content, and specify what appearance, or style, the result should have. As for every language, these have their own grammar, vocabulary and syntax, and every document written with these computer languages are supposed to follow these rules (generally called a DTD - document type definition). The process of verifying whether a document actually follows the rules for the language(s) it uses is called validation, and the tool used for that is a validator. A document that passes this process with success is called valid. We use the free online W3C Markup Validation Service to ensure that our webpages are valid to the grammar identified in the initial code of the webpage (i.e. W3C HTML 4.01 Specification).

Consistent navigation & shortcuts

The Southeast ADA website provides consistent navigation and shortcut features such as:

  • "Skip to Page Content" link in the header of every page to take the user over the navigation and directly to the title/text of the page.
  • Navigation bar across the top of each page.
  • "Top of Page" link at the end of the content for each page to take the user back to where the content starts.
  • For long or multi-part pages, links that go to the main or topical headings within a page are available as a bulleted list or included in the introductory paragraph.

A Site Map link is provided to find information and obtain an overview of the website structure. Also, the Accessibility link in the footer of every page goes to a description of the accessibility and usability features of this website.

Clear and simple language

The Southeast ADA website strives to use clear and simple language appropriate for the content of the website. Large blocks of information are divided into more manageable groups using elements, such as: paragraphs, lists, and headings. Scanning of information is facilitated by "front-loading" headings and paragraphs, and/or offering a list of links to topical headings within a page. In addition, all forms have labels (i.e."Name") associated with their field or input (i.e. text box to enter your name). Furthermore, where necessary, supplemental text with graphic elements is provided to facilitate comprehension.