• Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Equalize Digital

Equalize Digital

Website Accessibility Consulting, Training, and Development

  • My Account
  • Checkout
  • Services
    • Bespoke Websites
    • Accessibility Audits
    • User Testing
    • Accessibility Remediation
    • Accessibility Monitoring
    • Web Accessibility Training
    • Accessibility for Agencies
  • Accessibility Checker
    • Overview
    • Features
    • Pricing
    • Documentation
    • Support
    • Priority Support Packages
    • Buy Now
  • Company
    • About Us
    • Certified B Corporation
    • Industry Expertise
    • Blog
    • WordPress Accessibility Meetup
    • Accessibility Statement
    • Contact
    • Become An Affiliate
  • Events
  • How can we help?
  • My Account
  • Checkout
Home / Accessibility Checker / Text Justified

Text Justified

Did a “Text Justified” warning appear in an Accessibility Checker audit of one of your WordPress posts or pages? Read on below for an explanation of this warning, how it impacts your website’s accessibility, and how to fix it.

Table of Contents

  • About the Text Justified Warning
    • What is justified text?
    • What does the Text Justified warning mean?
  • Impact on Accessibility
    • Why is text alignment important?
    • Relevant WCAG 2.1 Success Criteria
  • How to Resolve a Justified Text Warning
    • What to do (in short)
    • How to find justified text elements on your WordPress post or page

About the Text Justified Warning

What is justified text?

Typically in web design, text is aligned to the left margin, but it can also be centered, aligned to the right margin, or justified. Justified text is aligned on both the left and right margins so that the edges of the text are straight.

What does the Text Justified warning mean?

The Text Justified warning shows up in Accessibility Checker when text on your post or page, either a <p>, <div>, or <td> element, with more than 500 characters has been styled with a justified alignment (text-align:justify).

Impact on Accessibility

Why is text alignment important?

Left-aligned text is the default in many browsers, as it is one of the most common reading formats, with the exception of some Asian and Middle Eastern languages that read vertically from top to bottom or horizontally from right to left.

Because justified text is aligned evenly on the left and the right, the spacing between words is often uneven and can cause “rivers of white” space to appear throughout the text. These rivers disrupt the natural flow of reading. Justified text may also cause words to be spaced too closely together. This makes reading difficult, and, in some cases, impossible, especially for people with certain cognitive disabilities.

Relevant WCAG 2.1 Success Criteria

1.4.8 Visual Presentation – Level AAA

For the visual presentation of blocks of text, a mechanism is available to achieve the following:

  1. Foreground and background colors can be selected by the user.
  2. Width is no more than 80 characters or glyphs (40 if CJK).
  3. Text is not justified (aligned to both the left and the right margins).
  4. Line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing.
  5. Text can be resized without assistive technology up to 200 percent in a way that does not require the user to scroll horizontally to read a line of text on a full-screen window.

How to Resolve a Justified Text Warning

What to do (in short)

To fix this warning, you will need to remove the justified styling from the specified text elements. To do so, find the text elements (a <p>, <div>, or <td> element) that have been flagged, and remove the text-align:justify tag.

How to find justified text elements on your WordPress post or page

First, install the free Accessibility Checker WordPress plugin.

For any pages or posts that have a Text Justified warning in the WordPress editor, you can open the details tab in the Accessibility Checker meta box, then expand the Text Justified warning to see a list of code that caused the warning to be flagged.

accessibility checker showing justified text warning details

In the screenshot above, you can see the line of code that has triggered the Text Justified warning in Accessibility Checker’s audit of your post or page. In this example, a text-align:justify tag was found. If this was your website, you would need to look through the post or page content to find this tag and remove it so that the text is left-aligned.

Primary Sidebar

Frequently Asked Questions

  • How to Install & Activate Accessibility Checker
  • Getting Started Quick Guide
  • Why Do We Say 100% Passed Tests, Not 100% Accessible?
  • How to Manually Check Your Website for Accessibility
  • When and How to Ignore Accessibility Errors or Warnings
  • What to do if There are Accessibility Errors in Your Theme
  • What to do if a Plugin You’re Using has Accessibility Errors
  • How to Get Support for Accessibility Checker
  • Can I Hire Equalize Digital to Fix Accessibility Issues on My Website?
  • Additional Resources for Learning About Accessibility
  • How to Test Accessibility Checker for Conflicts with Themes or Plugins
  • What Does “Unlimited Dev Sites” mean?
  • Is there an Accessibility Conformance Report (ACR) or VPAT available for Accessibility Checker?

Rule Documentation

  • A Slider is Present
  • A Video is Present
  • Ambiguous Anchor Text
  • ARIA Hidden
  • Blinking or Scrolling Content
  • Broken ARIA Reference
  • Broken Skip or Anchor Link
  • Duplicate Alternative Text
  • Duplicate Form Label
  • Empty Button
  • Empty Heading Tag
  • Empty Link
  • Empty or Missing Form Label
  • Empty or Missing Table Header
  • iFrame Missing Title
  • Image Animated GIF
  • Image Empty Alternative Text
  • Image Long Alternative Text
  • Image Map Missing Alternative Text
  • Image Missing Alternative Text
  • Improper Use of Link
  • Incorrect Heading Order
  • Insufficient Color Contrast
  • Link Opens New Window or Tab
  • Link to MS Office File
  • Link to Non-HTML File
  • Link to PDF
  • Linked Image Missing or Empty Alternative Text
  • Long Description Invalid
  • Low-quality Alternative Text
  • Missing Language Declaration
  • Missing Subheadings
  • Missing Title
  • Missing Transcript
  • Possible Heading
  • Readability & Simplified Summary
  • Tab Order Modified
  • Text Justified
  • Text Too Small
  • Underlined Text

Free Accessibility Help

Join our WordPress Accessibility Facebook group to connect with a community of web professionals and website owners using WordPress to build a more accessible web. Get answers to accessibility questions and join virtual WP accessibility meetups.

Join the Community

Footer

Equalize Digital Websites for Everyone

Your WordPress accessibility team. Accessibility plugins, rapid audits, and consulting to help you make your website usable by people of all abilities.

  • Facebook
  • GitHub
  • LinkedIn
  • Twitter

Company

  • About Equalize Digital
  • WordPress Accessibility Meetup
  • Certified B Corporation
  • Accessibility Statement
  • Blog
  • Events
  • Contact Us

Services

  • Website Development
  • Accessibility Audits
  • User Testing
  • Remediation
  • Ongoing Monitoring
  • Accessibility Training
  • For Agencies

Accessibility Checker

  • Features
  • Pricing
  • Documentation
  • How to Get Support
  • My Account
  • Affiliate Dashboard
  • Become an Affiliate

© 2023 Equalize Digital · Privacy Policy · Terms of Service · Plugin Terms & Refund Policy

WordPress VIP Silver Agency Partnercertified B corporation logo International Association of Accessibility Professionals member