Accessibility - ADA/508 Compliance

See more

Making Text Modules on School Site ADA Compliant


Overview


All content on School websites needs to be ADA and Section 508 compliant. The Text Module is not only the most commonly used module for adding content, but it is also the one with the most accessibility concerns - as it may contain text, links, images, videos, which need to be accessible.


Prerequisites

You have webmaster rights and there is a Text module added to your school site.

 

Solution

  1. Open the page where the required Text module is located by following the Editing Pages article.
  2. Right-click on the required text module to edit it and follow the guidelines below:
    • If you have copied text into the module from another source (web page, Word document, or a PDF file), the styling of the text (which may be non-compliant) is copied as well.
      You need to clear the styling - select all text in the module and click on the Delete Format button:

      mceclip0.png

    • All headings must follow logical hierarchical structure - users should not skip heading levels (e.g., use H3 when there are no H2 headings on the page). To fix this, select a heading and choose an appropriate heading level on the toolbar - start from H2; when you have H2 heading, you can add H3 heading, etc.

      mceclip2.png

    • When using numbered lists, do not enter numbers manually; use the Insert Numbered List feature instead.

      mceclip3.png

    • Make sure that Links in your Text modules have a clear description and do not contain plain text URLs. For more information, refer to the article Making Links on School Site ADA Compliant.
    • Make sure that Images added to your Text modules have alternative text or are described in the nearby text. For more information, refer to the article Making Images on School Sites ADA Compliant.
    • Make sure that Videos added to your Text modules have captions or a link to the transcript of the video. For more information, refer to the article Making Video on School Site ADA Compliant.
  3. Once the module is updated, click Publish Changes at the top of the page.

    mceclip4.png

 

Confirmation

Open the page on your site with the updated Text modules. You can select it from the drop-down that appears when you hover over your school name:

select_page.gif

The page with the updated modules is displayed; you can double-check if all the changes are reflected.

mceclip5.png

Back to top