Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Make sure the long description is visible to all users. Even if they are links, or buttons.

...

Warning

This pie chart is missing a long description. This will be an issue to readers who cannot see at all or can see very little.

A pie chart of The Most Popular Sports in the USA without a Long DescriptionImage Removed

...

Tip

This pie chart is now accessible due to it having a link. The link will take the reader to a long description or index when clicked.

A pie chart of The Most Popular Sports in the USA with a link to a long description.Image Removed

...

Tip

This pie chart contains a long description that tells the screen reader and reader exactly what is on the pie chart. This will make it much easier for the reader to understand the chart, and the statistics, and learn at a faster pace.

A pie chart of the most popular sports in the USA with a long text description.Image Removed

...

Tip

This pie chart is also accessible because it provides Alt Text directing the readers attention from the pie chart to the table. A reader may have a difficult time reading a pie chart, to remedy this, create a table underneath the chart with the same information. This will give them the ability to get the information they need.

A pie chart for the Most Popular Sports in the USA. The alt text panel gives instructions to read the table below the pie chart.Image Removed

Section 5.3: Watermarks and Backgrounds

All creators should avoid using any watermarks or backgrounds that distract from the actual text or image of a document. It is best to simply not use them at all. One of the most common examples of a water mark is when a person creates a draft. Instead of using a watermark, just type up at the top, “This document is a draft”. This will make it easy for a screen reader to read the warning or information to a reader.

...

Warning

The “Draft” watermark going across the page is very distracting, covers words, and takes away from the importance of the text itself. Do not use watermarks in this way.

Why Accessibility Matters essay with a draft watermark going across the page at an angle.Image Removed

...

Tip

This draft tells the reader at the top, before anything is read, that it is a draft. If you have a draft, confidential papers, or top secret information, place the queue at the top of the paper.

Why Accessibility Matters essay with a note at the top of the page that the document is a draft.Image Removed

Section 5.4: Shapes

Shapes cannot be read by screen readers because it is considered to be floating content. Each screen reader treats shapes differently. NVDA announces the shape as “slash”, but does not read the alt text. JAWS announces the type of shape and the size, but does not read the alt text. VoiceOver automatically reads the alt text and announces that it is a shape, but not what shape. In short, there is no good way for shapes to be read yet. When creating shapes, follow these rules to make them more accessible.

...

Rule 3: Make the shape inline with the text. To do this, right click the shape, go to Wrap Text > In Line with Text.

...

Warning

The shape is not inline with the text. With the shape overlapping the text, the shape could interfere with a person ability to see the text.

A paragraph with a star symbol interfering with the text.Image Removed

...

Tip

The shape is now inline with the text. This presents a more organized look for the page, and nothing is distracting the viewer.

A paragraph with a star symbol next to the text.Image Removed

Rule 4: It is always recommended to add Alt Text to a shape. To do this, right click the shape. Then click Edit Alt Text. In 100 characters or less, describe your shape.

...