---
title: "Drupal CKEditor Content Accessibility Auditor"
description: "The Drupal CKEditor Accessibility Auditor(HTML_CodeSniffer) module allows writers to check content for website accessibility issues without additional browser extensions. The Drupal accessibility..."
url: https://www.inmotionhosting.com/support/edu/drupal/drupal-ckeditor-access/
date: 2021-05-10
modified: 2023-09-13
author: "InMotion Hosting Contributor"
categories: ["Drupal"]
type: post
lang: en
---

# Drupal CKEditor Content Accessibility Auditor

![CKEditor Accessibility Auditor Drupal Module](https://www.inmotionhosting.com/support/wp-content/uploads/2021/05/canva-drupal-ckeditor-accessibility-auditor-1024x538.jpg)

The Drupal **CKEditor Accessibility Auditor****(HTML_CodeSniffer) **module allows writers to check content for website accessibility issues without additional browser extensions. The Drupal accessibility module can switch between auditing WCAG2A, WCAG2AA, WCAG2AAA, and Section 508 compliance.

- [Setup the Drupal CKEditor Accessibility Auditor Module](#setup)
  - [Install CKEditor Accessibility Auditor](#install)
  - [Configure the CKEditor Accessibility Auditor Module in Drupal 8](#config-8)
  - [Configure the CKEditor Accessibility Auditor Module in Drupal 7](#config-7)
  - [Use the Drupal Accessibility Module](#use)

## Setup the Drupal CKEditor Accessibility Auditor Module

### Install CKEditor Accessibility Auditor

This is the easiest way to install the Drupal accessibility module.

1. [Log into Drupal](https://www.inmotionhosting.com/support/edu/drupal/how-to-log-into-the-drupal-admin-dashboard/).
2. [Install the Drupal module](https://www.inmotionhosting.com/support/edu/drupal/install-2/) using the [**CKEditor Accessibility Auditor**](https://www.drupal.org/project/ckeditor_accessibility_auditor) download link for your Drupal version. Drupal 7 users will also need to install the **CKEditor – WYSIWYG HTML editor** module.
3. Click **Enable newly added modules**.
4. Under *User Interface*, select **CKEditor Accessibility Auditor (HTML_CodeSniffer)**.
5. At the bottom, select **Install**.

### Configure the CKEditor Accessibility Auditor Module in Drupal 8

1. Go to the **Configuration** page.
2. Select **Text formats and editors**.
3. Beside the text format you use most (basic, restricted, full), select **Configure**.
4. In the *Toolbar Configuration* section, drag the **Accessibility Auditor (HTML_CodeSniffer)** button – a black checkbox – at the end to the *Active toolbar*.
5. Afterwards, a new tab will show in the *CKEditor plugin settings*. Change the default accessibility standard if needed between WCAG2A, WCAG2AA, WCAG2AAA, and Section 508. You’ll be able to switch between other standards directly within the editor.
6. At the bottom, select **Save configuration**.
7. Repeat the steps above for other text formats as necessary.

![Drupal CKEditor toolbar configuration](https://www.inmotionhosting.com/support/wp-content/uploads/2021/05/drupal-accessibility-checker-1024x172.png)

### Configure the CKEditor Accessibility Auditor Module in Drupal 7

1. Go to the **Configuration** page.
2. Select **CKEditor**.
3. Beside the text format you use most (advanced or full), select **Edit**.
4. Under *Editor Appearance*, drag the **Accessibility Auditor (HTML_CodeSniffer)** button – a black checkbox – from *Available buttons* to *Current toolbar*.
5. Under *Plugins*, check the box for **Accessibility Auditor (HTML_CodeSniffer)**.
6. At the bottom, select **Save**.
7. Repeat the steps above for other text formats as necessary.
8. Go to **Configuration** > **CKEditor Accessibility Auditor**.
9. Change the default accessibility standard if needed between WCAG2A, WCAG2AA, WCAG2AAA, and Section 508. You’ll be able to switch between other standards directly within the editor.
10. At the bottom, select **Save configuration**.

![HTML Codesniffer by Squiz in Drupal](https://www.inmotionhosting.com/support/wp-content/uploads/2021/05/html-codesniffer-section508-300x300.png)

### Use the Drupal Accessibility Module

When you edit a Drupal page or article in the recently modified HTML modes, you’ll be able to select the accessibility checker button from the toolbar. A pop-up window will show the number of errors, warnings, and notices found in accordance with the default standard in the upper-right corner. For detailed information, select **View Report**. To change the standard, select one from the drop-down menu.

You can cross-check your Drupal 508 compliance reports with online tools like Tenon.io.

For more step-by-step guides and practical tips, visit our [Drupal Education Channel](https://www.inmotionhosting.com/support/edu/drupal/).

Ignite your online presence with cutting-edge [Drupal Website Hosting](https://www.inmotionhosting.com/drupal-hosting). Elevate speed, security, and reliability for a seamless website experience.