Skip to main content

Personalization and Building an Accessible Site

Design & Front-end
Mike Gifford
Audience Experience Level

As Dries just outlined in his article Adding support for Dark Mode to web applications, we are going to have to spend more time thinking about user preferences. People are discussing adoption of new CSS media query like prefers-color-scheme or prefers-reduced-motion into our designs. These are just some of the preferences that people could start using in their designs.

We recently began adding a Preferences Framework that allows users to specify a great many things about how content is presented. Font size, color schemes, line spacing, font, even a table of contents. This gives users many ways to make your content more consumable.

The web is evolving where people want to be able to identify their preferences for content. They also want that preference follow them around on the web. Many accessibility experts are now focusing on an accessible core theme that allows users to change to meet their individual needs. Sadly there is no single solution which provides universal accessibility.

This will be a high-level presentation, but having some knowledge of CSS will be useful.

Attendees will be able to walk away with:

  • Strategies for dealing with prefers-color-scheme and prefers-reduced-motion designs
  • More information about the Drupal implementation of the Fluid UI's Preferences Framework
  • A better sense of how different user needs can often conflict with each other