Bhavin Joshi
- bhavin [at] bhavinjoshi [dot] in (
)target="_blank" rel="noopener external nofollow" 
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.
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.
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