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 text description.Image 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 under the chart.Image Removed

...

Tip

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

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

...

Tip

This example is accessible because a table is under the pie chart. The data table and the chart have the same information. Now a person with a screen reader has a better option to read the data.

A pie chart of the Most Popular Sports in the USA with a table presenting the data below the chart.Image Removed

Section 5.4: Using Captions

...

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 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.6: Floating Objects

...

  1. Go to the Insert Tab.

    Insert Tab in Microsoft Word
  2. In the Illustrations Panel, click the Shapes Button.

    Shapes button in Microsoft Word with a blue square and white circle symbol.
  3. Click Create Textbox in the upper left corner of the dropdown menu.

    A textbox with the text - The sentence is inside a text boxImage Added
Warning

A text box is used above. There really was no reason to put text inside a text box. Placing it on the document itself would have meant the exact same thing.

A textbox with the text - The sentence is inside a text boxImage Removed

...

Tip

There is no text box used and the text is on the document as it should be.

Why Accessibility Matters essay without a text boxImage Removed

Create a Warning or Alert to the Reader that there are Text Boxes

...

Warning

These text boxes do not have any warning or alert. Now the screen reader will look past them and the readers would have no idea they are there.

Text boxes with out a warning or notice of their existenceImage Removed

...

Tip

These text boxes now have that important warning, including instructions on how to access the text boxes.

Text boxes with a warning at the top of the page.Image Removed

Position Text Boxes Inline with the Text

...

Warning

This example has the text box appear out of line in the paragraph. The result is a mess in format, poor design, and difficult to read text.

A text box inside a paragraph of textImage Removed

...

Tip

This text box is now inline with the text. It causes very little disruption to the format and look of the page. To make your text box inline with the text, click the text box. Then click the Layout Options button, finally, click Inline with text.

A text box inline with the text paragraphImage Removed

Text Boxes should be given Alt Text

...

Warning

Alt text for a text box is not read automatically, but you should still create an alt text for readers. Its always good to get into this habit, especially since technology improves at a rapid pace.

Text box with an Alt Text Panel open, no Alt Text is writtenImage Removed

...

Tip

This text box has alt text and it describes, in short, what the content is in the text box.

Text box with Alt Text labeled as Text Box 1Image Removed

Section 5.7: Smart Art

In order for Smart Art to be accessible, only two rules must be followed.

...

The Smart Art has to be Inline with the Text

...

Warning

When the Smart Art is not inline with the text, it integrates itself into the text. This causes a huge mess of space. The smart art forces all of the words to clear away and it blends itself poorly into the paragraph.

Smart Art inside multiple paragraphs of textImage Removed

...

Tip

This Smart Art example shows it outside of the text. The Smart art does not interfere with anything and adds a good look to the page.

Smart Text is inline with textImage Removed

The Smart Art must have an Alt Text

...

Warning

There is no Alt Text, so the reader and screen reader will ignore this image and move on. There is important information in the graph, so always include an Alt Text.

Project Water Cycle Smart Art without Alt TextImage Removed

...

Tip

An Alt Text has been included in the Word Document. The alt text explains exactly what is in the graph and describes the graph itself.

Project Water Cycle Smart Art with alt text showing the 5 phases. Evaporation, Condensation, Precipitation, Infiltration, RunoffImage Removed

Section 5.8: 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 2: 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 of text with a star shape covering 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.

The star is now visible before the paragraph and not interfering with the text.Image Removed

Rule 3: 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.

...