Drupal and Section 508 Compliance

ADA logo

Section 508 compliance ensures that all electronic and information technology are accessible to people with disabilities. In terms of websites this includes easy navigation, proper use of text and color to assure accessibility to web content, e.g., text description for any visuals, such that users with a disability or users that need assistive technology such as screen readers and refreshable Braille displays, can access the content. Compliance is based on the information outlined here on the W3C website.

Drupal is considered to be the most 508 compliant open source content management system. Care will need to be taken when adding content in the future to ensure each page adheres to the standards set forth. In addition to the core tools available in Drupal, access keys, page style and text size modules will be used to address the issue of visually adjusting the page based on user selections.

  • Text Size: The text size module displays an adjustable text size changer or a zoom function on the page for better web accessibility. This simply allows the user to easily adjust the text size.
  • Page Style: The page style module provides a simple block to allow visitors to the site to change the background and text colors to those that are more accessible to visually impaired users.
  • Titles and Attributes: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose. This is done simply by adding title and alt attributes to all menu items, links and images on the site. All content added at site launch will be added in a compliant manner.
  • Access Keys: Access keys allow user to navigate the site using the keyboard rather than a mouse. Each browser has different access keys that when used in conjunction with the assigned key provide the user the ability to navigate the site using the keyboard. A full list of browser specific access keys can be found here.  As new menu items are added, access keys should be assigned. Care should be used to avoid conflicting access keys.
  • Screen Readers: A Screen reader transmits whatever text is displayed on the computer screen into a form that a visually impaired user can process (usually tactile, auditory or a combination of both). Ensuring all text is true text and not images will allow the screen readers to read information.
  • Flashing: Do not design content in a way that is known to cause seizures. Web pages should not contain anything that flashes more than three times in any one second period.

Section 508 compliance will be verified here. A checklist can be found here.

Ensuring Section 508 compliance with Drupal is easy if you follow all the standards set forth and will ensure all your visitors are able to access the content provided on your web site in a manner that best suits their needs.


What our clients are saying

Thanks so much for everything!
... they also made suggestions which showed me that they fully understood what I wanted to accomplish.
I'm so happy we chose to work with PEERLESS Design.
I had a very tight deadline and budget, and they met it, seemingly with ease.
I have seen the first layouts and they are awesome...
...provided us with excellent, expert service in a professional and personable manner.
I love directing our customers to our new site knowing that they are going to be able to find exactly what they are looking for...
...we just want you to know that we are appreciative!
... incredibly impressed with what you brought to the table
...can do anything any other designer can do and generally quicker, cheaper and better.
I would highly recommend her for any position requiring IT design and development
" PDI provides us prompt, effective and efficient service in maintaining our Drupal based website."
...I have no doubt we will have the best site in the 2010 election of any PA candidate
...a pleasure to work with, combining patience (for my busy schedule and at times overwhelmed brain) with her strong motivation and energy to keep me going
I realized that I had picked the right company to work with soon after beginning a project with Peerless Design, Inc.
A great experience and a much improved website.
...continued to monitor it closely and is still always available to help me if I have any questions
...dedicated, competent and driven to get the job done and done well.
...able to translate technical information in an accessible way...
...very responsive to our questions and needs
...able to take my abstract ideas and add their expertise to bring them to life in a way that was better than I could have imagined!
...took my less than mediocre site and completely revamped it into a beautiful, professional, and easy-to-navigate site
...creative, independent, responsive...
...your punctuality, your casual and open personalities, and both your hard copy and online portfolios speak very highly of you and your business as well
I would highly recommend her for any position requiring IT design and development