Drupal 8 tools for meeting accessibility standards: the art of being modern

Drupal 8 tools for meeting accessibility standards: the art of being modern

Among Drupal 8’s many shiny features, the support for web accessibility standards shines particularly bright, although it is not immediately noticed by everyone. However, it’s noticed by the people with disabilities (visual or audial impairment, color blindness, difficulty controlling a mouse, etc.) who make up a large segment of web audiences.

In the 21st century, caring about accessibility is a must for everyone who wants to be modern and progressive. Could you imagine Drupal being an exception? Never! ;) In fact, it has been created with accessibility in mind, so Drupal core conforms to the World Wide Web Consortium (W3C) guidelines: WCAG 2.0 and ATAG 2.0.

As for the contributed module and themes, it’s not actually required that their developers strictly follow all these rules. But practice shows that many of them take the web accessibility issue very seriously! In this case, they can add a D7AX (for Drupal 7) or a D8AX (for Drupal 8) tag to their “creations” for everyone to know they are OK to use on websites where accessibility is a priority.

Drupal 8, the latest version of the CMF, has a special focus on accessibility with many enhancements, so let’s see some of them right now.

Some Drupal 8’s web accessibility improvements

WAI-ARIA practices

Drupal 8 has extensively adopted WAI-ARIA (Web Accessibility Initiative for Accessible Rich Internet Applications) practices. A WAI-ARIA markup makes web pages easy to understand for screen readers and other assistive technologies that people with disabilities usually rely on.

Special ARIA attributes (roles, properties and states) are added to HTML elements in order to enhance their semantics. Thanks to this, it is easy, for example, to grasp what types of elements they are, to understand the hierarchy of a table, to get alerts when dynamic content is updated, and many other useful hints for a much easier web page navigation.


Another great piece of accessibility news is that Drupal 8 core comes packaged with an HTML5 markup, which is really appreciated by many developers for the cleanliness of code. Compared to the previous HTML versions, HTML5 is much cleaner and more understandable for accessibility devices, as well as for search engines. ARIA and HTML5 work together for the sake of web page accessibility.

Alt text for images

Without seeing an image, it is possible to know what it is about with the help of ALT texts. However, the step of adding ALT tags, which is so important both for accessibility and SEO, is very easy to overlook.

Now, web administrators can make the adding of ALT tags obligatory. A reminder will appear to users when they try to upload an image without an explanation of what it is about.

Underlined links

It may seem a slight improvement, but it is very meaningful for people with visual impairments, especially for color-blind users. Color is no longer enough to mark links with. In Drupal 8, links are underlined.

Color contrasts

Improved color contrasts are one of the seemingly slight but important Drupal 8 accessibility enhancements.

Be modern, be progressive, use web accessibility practices! Get a Drupal 8 website, upgrade your existing one or ask for assistance with its optimization.

Let the best things be accessible to everyone!

Read Drupal 8 blog posts by our developers:

Building Drupal 8 modules: a practical guide

Using Twig in Drupal 8

Theming in Drupal 8: tips and examples for developers

Creating modal windows (pop-ups) in Drupal 8: full tutorial

Configuration in Drupal 8: tips and examples for developers

Drupal 8 development: useful tips for devs

9 votes, Rating: 4.6

Read also


Let’s give the floor again to our project manager Ivanna (aka Vania). In her previous article, she shared her ideas on...


There is an awesome technology in Drupal web development that will help you avoid keeping your website’s...


Check out some prominent features that make Drupal secure. If you are just thinking to get a website or already have one built with Drupal, welcome to read about these benefits, as well as tips to...


A QA tester’s mission is the most responsible one on the project, because he’s the person the website’s excellent quality depends on. Today, there is also another special mission for one of our...

Need a quote? Let's discuss the project

Are you looking for someone to help you with your Drupal Web Development needs? Let’s get in touch and discuss the requirements of your project. We would love to hear from you.

Join the people who have already subscribed!

Want to be aware of important and interesting things happening? We will inform you about new blog posts on Drupal development, design, QA testing and more, as well news about Drupal events.

No charge. Unsubscribe anytime