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
- Common mistakes and easy remedies
- Known accessibility issues in Drupal Lite
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.
Drupal Lite comes with some pre-installed modules to help make your site more accessible.
This module enables a toolbox that presents users with various options to make the site easier to read.
- 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.
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.
- 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.
- 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.
- 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 firstname.lastname@example.org.