Drupal Lite

Estimated reading time: ( words)

Summary: The University has built many accessibility features into its Drupal Lite templates. It's up to you to make sure your site's content is accessible.

 

On this page:

 

Accessibility in Drupal Lite

 

Overview

Drupal Lite is the U of M’s accessibility-approved website builder. In general, Drupal sites are accessible by default, but users can still compromise its accessibility through oversight or user error. 
To ensure an accessible Drupal or Drupal Lite site, you should follow the best practices outlined in the six core skills of accessibility.  

Accessibility features

Drupal Lite comes with some pre-installed modules to help make your site more accessible.

Accessibility Toolkit

This module enables a toolbox that presents users with various options to make the site easier to read.

Drupal Lite Accessibility Options

  • Optimize fonts for dyslexia
    • Renders text on the page in a font that is easier for those with dyslexia to read
  • High contrast mode
    • Adjusts color contrast on the page for easier visibility for those with colorblindness
  • Invert colors
    • Inverts colors, making the page black and text white
  • Disable interface animations
  • Text size
    • Gives users the options to decrease, increase or reset the page’s text size

Enabling Accessibility Toolkit

  • Will enter once the toolkit is live and I can get the steps

Back to Top

This module creates a link that appears as users scroll down the page, giving them the option to return quickly to the top of the page without needing to scroll. This option is enabled by default on all Drupal Lite sites and is accessible through the page’s tab order.

Skip To…

This feature creates a mini-menu that can be used to navigate the page without needing to use a mouse. To access, press the TAB button on your keyboard. You should see text in the upper left of your page that says “Skip To”. Press the ENTER key and you’ll see a menu of the different headings on the page. Using the arrow keys and ENTER, you can navigate to different places on the page without needing to use a mouse. This is a default feature for Drupal Lite. 

Common mistakes and easy remedies

  • Only use tables for tabular data. As a rule, if the data wouldn’t make sense as a spreadsheet, it shouldn’t be used in a table
  • Alt tags should be descriptive without being redundant. Alt text should be a description of the content and doesn’t need the words “a picture of”. Avoid using slogans or marketing in the alt tag.
  • If your images include text, rethink how you are presenting information. It is often best to write text rather than to suspend it in an image. 
  • The linked portion of text should give an indicator of where that link is going to. Avoid filler text like “click here”, “click for more”, “read more”, etc. The linked text should tell the reader where the link leads. 

Known accessibility issues in Drupal Lite

  • The alt text dialog box in Drupal Lite’s Insert Table module has a summary field in addition to a caption field. You should use the caption field rather than the summary field. The summary attribute has been deprecated.

Insert Table interface in Drupal Lite. Use caption field instead of summary field.
  • There currently isn’t a solution to provide a table-like layout for non-tabular data, but one is under development. For now, the best practice for web pages is to use tables only for tabular data

The Drupal Lite development team at U of M is committed to continuous improvement of the accessibility of this platform. If you discover additional issues with the user interface or display of web pages, please contact the Drupal Lite team directly at ucm@umn.edu.

Did you find what you were looking for?

Get help

Submit your accessibility question for a personal response, and we'll use your question to improve the content of this website.