---
title: Drupal site accessibility | Drupal Development Agency | Hire Drupal Developers | Web and mobile app Solutions | Joshi Consultancy Services
description: Optimize your Drupal website by choosing correct colour with high contrast, Link contrast, Content accessibility test and best accessibility practices.
image: https://e.joshics.in/hubfs/Imported_Blog_Media/JOSHI-30072020-filled-background-Sep-16-2021-11-58-28-53-AM.png
---

[Skip to content](https://e.joshics.in/blog/drupal-site-accessibility#main-content)

![JOSHI-23052020-Bold-Tag-Full-text-high-res](https://e.joshics.in/hs-fs/hubfs/JOSHI-23052020-Bold-Tag-Full-text-high-res.jpg?width=1432&height=527&name=JOSHI-23052020-Bold-Tag-Full-text-high-res.jpg)

Open main navigation

Close main navigation

- [Contact us](http://jos.cx/contact)

[Contact us](http://jos.cx/contact)

 Sep 16, 2020 5:27:45 PM

# Drupal site accessibility

[Bhavin Joshi](https://e.joshics.in/blog/author/bhavin-joshi)

Share: [facebook-f icon](http://www.facebook.com/share.php?u=https://e.joshics.in/blog/drupal-site-accessibility) [linkedin-in icon](http://www.linkedin.com/shareArticle?mini=true&url=https://e.joshics.in/blog/drupal-site-accessibility) [Twitter icon](https://twitter.com/intent/tweet?url=https://e.joshics.in/blog/drupal-site-accessibility) [pinterest-p icon](http://pinterest.com/pin/create/link/?url=https://e.joshics.in/blog/drupal-site-accessibility) [envelope icon](mailto:?body=https://e.joshics.in/blog/drupal-site-accessibility)

## 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](https://web.dev/measure) or give a try to colours to check the contrast using [https://webaim.org](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](https://e.joshics.in/hs-fs/hubfs/Imported_Blog_Media/webaim-constrast-checker-Joshi-Consultancy-Services.png?height=450&name=webaim-constrast-checker-Joshi-Consultancy-Services.png)

### 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](https://e.joshics.in/hs-fs/hubfs/Imported_Blog_Media/webaim-link-contrast-Joshi-Consultancy-Services.png?height=450&name=webaim-link-contrast-Joshi-Consultancy-Services.png)

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](http://wave.webaim.org), you can check the overall accessibility of your site/pages

[Drupal Planet](https://e.joshics.in/blog/tag/drupal-planet), [Drupal](https://e.joshics.in/blog/tag/drupal), [Drupal 9](https://e.joshics.in/blog/tag/drupal-9), [Drupal 8](https://e.joshics.in/blog/tag/drupal-8)

## Related posts

[![](https://e.joshics.in/hs-fs/hubfs/Imported_Blog_Media/Drupal-custom-module-info-file.png?height=200&name=Drupal-custom-module-info-file.png)](https://e.joshics.in/blog/drupal-8-writing-your-first-drupal-8-custom-module-info-file)

[Drupal Planet](https://e.joshics.in/blog/tag/drupal-planet), [Drupal](https://e.joshics.in/blog/tag/drupal), [Drupal 9](https://e.joshics.in/blog/tag/drupal-9), [Drupal 8](https://e.joshics.in/blog/tag/drupal-8)

## [Drupal 8: Writing your first Drupal 8 custom module -- info file](https://e.joshics.in/blog/drupal-8-writing-your-first-drupal-8-custom-module-info-file)

[Bhavin Joshi](https://e.joshics.in/blog/author/bhavin-joshi) 

 Sep 16, 2020 5:27:45 PM

Drupal 8 custom module structure Drupal 8 has been rewritten from scratch and it heavily uses OOP....

[Read more](https://e.joshics.in/blog/drupal-8-writing-your-first-drupal-8-custom-module-info-file)

[![](https://e.joshics.in/hs-fs/hubfs/Imported_Blog_Media/JOSHI-30072020-filled-background-Sep-16-2021-11-58-28-53-AM.png?height=200&name=JOSHI-30072020-filled-background-Sep-16-2021-11-58-28-53-AM.png)](https://e.joshics.in/blog/drupal-8-migration-drush-commands)

[Drupal Planet](https://e.joshics.in/blog/tag/drupal-planet), [Drupal](https://e.joshics.in/blog/tag/drupal), [Drupal 8](https://e.joshics.in/blog/tag/drupal-8)

## [Drupal 8 Migration Drush commands](https://e.joshics.in/blog/drupal-8-migration-drush-commands)

[Bhavin Joshi](https://e.joshics.in/blog/author/bhavin-joshi) 

 Sep 16, 2020 5:27:45 PM

Drupal 8 migration is always painful if not planned well. You run into 'Trial-and-error' and end up...

[Read more](https://e.joshics.in/blog/drupal-8-migration-drush-commands)

[![](https://e.joshics.in/hs-fs/hubfs/Imported_Blog_Media/Drupal-multisite.png?height=200&name=Drupal-multisite.png)](https://e.joshics.in/blog/drupal-8-multi-site-configurations)

[Drupal Planet](https://e.joshics.in/blog/tag/drupal-planet), [Drupal](https://e.joshics.in/blog/tag/drupal), [Drupal 9](https://e.joshics.in/blog/tag/drupal-9), [Drupal 8](https://e.joshics.in/blog/tag/drupal-8)

## [Drupal 8 Multi site configurations](https://e.joshics.in/blog/drupal-8-multi-site-configurations)

[Bhavin Joshi](https://e.joshics.in/blog/author/bhavin-joshi) 

 Sep 16, 2020 5:27:45 PM

To create multiple Drupal 8 sites using a shared Drupal 8 code base, you must complete the...

[Read more](https://e.joshics.in/blog/drupal-8-multi-site-configurations)

[facebook-f icon](https://www.facebook.com/joshicsin) [Twitter icon](https://twitter.com/joshicsin)

---

[![JOSHI-23052020-Bold-Tag-Full-text-high-res](https://e.joshics.in/hs-fs/hubfs/JOSHI-23052020-Bold-Tag-Full-text-high-res.jpg?width=1432&height=527&name=JOSHI-23052020-Bold-Tag-Full-text-high-res.jpg "JOSHI-23052020-Bold-Tag-Full-text-high-res")](https://e.joshics.in/)

A-919, The One World, Ayodhya Chowk, 150 Feet Ring Road, Rajkot-360006, GJ, India

Copyright © 2026, Joshi Consultancy Services