Skip to content

Text Content

Text content is the most important part of your site in regards to accessibility.

Plain language

Use plain language and avoid figures of speech, idioms, and complicated metaphors.

Write content at an 8th grade reading level.

Make sure that button, a, and label element content is unique and descriptive.

Terms like click here and read more do not provide any context. Some people navigate using a list of all buttons or links on a page or view. When using this mode, the terms indicate what will happen if navigated to or activated.

If you realy want a non-descriptive label

If you realy want a non-descriptive label like read more or click here, consider using one of these code examples.

In these examples a sr-only class is used which hides elements visually, but shows them on screen reader software.

Option 2: Hiding the visual label

This will show Click here visually, but will read Interesing article on screen reader software.

html
<a href="#">
  <span aria-hidden="true">
    Click here
  </span>
  <span class="sr-only">
    Interesting article
  </span>
</a>

Option 2: Using an aria-label

It is possible to override the <a> label by using an aria-label.

html
<a
  href="#" 
  aria-label="Interesting article"
>
  <span>Click here</span>
</a>

Use the correct text alignment

Use left-aligned text for left-to-right (LTR) languages, and right-aligned text for right-to-left (RTL) languages.

Centered-aligned or justified text is difficult to read, so use these sparingly.