DrupalReady
Back to Knowledge Base
Content Management 6 min read

Accessibility Best Practices

How DrupalReady enforces accessibility and what content editors need to know about WCAG compliance.

Built-In Accessibility

Every DrupalReady template includes:

  • Required alt text on all images with guidance
  • Heading order validation (no skipping H2 → H4)
  • editoria11y module for real-time accessibility checking
  • ARIA landmarks in all theme templates
  • Skip navigation links
  • Keyboard-navigable admin interface

Writing Accessible Content

When creating content:

  • Always add descriptive alt text to images
  • Use headings in order (H2, then H3, then H4)
  • Never use H1 in the body — the page title is H1
  • Write descriptive link text (avoid 'click here')
  • Provide transcripts for audio/video content

Using editoria11y

The editoria11y module shows a small checker icon on every page. Click it to see accessibility issues in your content. Fix any flagged issues before publishing.

Color Contrast

Template themes are designed with WCAG 2.2 AA contrast ratios. If you customize colors, verify contrast using WebAIM's contrast checker at webaim.org/resources/contrastchecker.

Related Articles