1.4.5 Images of Text Level AA

If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following:

Customizable: The image of text can be visually customized to the user’s requirements;

Essential: A particular presentation of text is essential to the information being conveyed.

[View on W3C.org]

Testing & Remediation

How to test: The first thing to check is whether or not the text being presented to the user is considered real text (HTML text or SVG text). Real text can be highlighted and copy/pasted. You can also use Developer Tools to inspect the markup of the page to confirm that the text is present in the document's markup. If your site is using text elements that can't be selected (due to being coded as images, CSS backgrounds, dynamically rendered on canvas elements, etc.), you'll need to determine if the text could be presented using regular HTML text. If not, is there an alternative way that a user can customize the appearance of the text? How to remediate: There are a number of techniques to satisfy this success criteria, including:
  • Using CSS to control the visual presentation of text
  • Using Silverlight font properties to control the text's presentation
  • Using CSS to replace text with images of text and providing UI controls to switch/customize the text
  • Separating information and structure from the presentation to enable different presentation of the text
  • Performing OCR on a scanned PDF to provide real text

Questions and Answers

Minimum font size?

I like the look of smaller text on the web. And even if the text is pretty normal size, some subheadings or small bits of info look nice if they are much smaller (thinking 12px or so). Is there a minimum font size that is...

Are animated gifs okay to have?

If I have a gif on a site that loops continuously. Is that okay or does it violated the 'can't have repeating flashing stuff' rule?

What are the best accessible wordpress sliders?

I see a lot of WordPress websites (and websites in generally really) using sliders for images and information. I can see how it would be really easy to make an accessible slider. Are there any 'out of the box' accessible WordPress sliders?