Drupal site accessibility

 Bhavin Joshi
  • Social Media Twitter Drupal | Joshi Consultancy Services
  • Social Media Linkedin Drupal | Joshi Consultacy Services
  • bhavinjoshi [at] joshics [dot] in (Social Media Email Drupal | Joshi Consultancy Services)target="_blank" rel="noopener external nofollow"
  • Social Media Website Drupal | Joshi Consultacy Services

Drupal and accessibility

The Drupal websites should be designed in such a way that it can be accessed by persons with disabilities. In this post, we will focus on accessibility of your Drupal website.

Usually, this important point is overlooked during the web site design & development. An accessible website makes it universal and it is an essential aspect too.

Web accessibility supports social inclusion for people with disabilities as well as others, such as:

  • older people
  • people in rural areas
  • people in developing countries


You can improve content of your site by choosing correct structure, background and text colours and Link colours. You can test your website for accessibility over https://web.dev/measure or give a try to colours to check the contrast using https://webaim.org. These are free tools.


Contrast Checking

To pass WCGA 2 Level AA, it requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, and a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.


Drupal Webaim Accessibility Constrast Checker | Joshi Consultancy Services


Link Contrast checker

As the name suggest, you should use the link colours with higher contrast ration to text and background colours of your web page/site. With WebAim link contrast checker, you can calculate the best link colours for your existing colour theme.


Drupal Webaim Accessibility Link Constrast | Joshi Consultancy Services

Both links and body text must have at least 4.5:1 contrast with the background (3:1 for large text) to meet WCAG 2 Level AA.


There are few external tools available which you can use to determine the best colour contrast for your designs. With http://wave.webaim.org, you can check the overall accessibility of your site/pages