web communications division fixing and preventing accessibility errors in microsoft powerpoint...

33
Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Upload: marianna-quinn

Post on 22-Dec-2015

216 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Fixing and Preventing Accessibility Errors in Microsoft PowerPoint

Presentations

Page 2: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

This presentation will help you to fix and prevent accessibility errors in PowerPoint Presentations.

After completing this training, you will be able to ensure that your PowerPoint Presentation slides are 508 Compliant.

2

Page 3: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Introduction to Section 508• Preventing Accessibility Errors• Review Layout and Formatting• Identify Images have an Alternative Text

Review Accessible Table• Additional Requirements Resources• Conclusion• References• Questions

3

Page 4: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Section 508 is the name of the amendment to the Rehabilitation act of 1973 that requires Federal agencies to make their electronic and information accessible to people with disabilities (U.S. Access Board, 2010).

• Section 508 requires that when Federal agencies develop, procure, maintain, or use Electronic and Information Technology (EIT), they shall ensure it is accessible to people with disabilities (U.S. Access Board, 2010).

4

Page 5: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Page 6: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Hyperlinks (URL’s) and active links need to display a fully qualified URL - i.e. http://www.samhsa.gov and not www.samhsa.gov.

• Right click on link text and select “Edit Hyperlink”, then enter fully qualified URL.

6HHS PowerPoint Document 508 Checklist (1.3)

Page 7: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• It is important that the list of links makes sense to the user when it is read out of context.

• Each link should make sense in the list when it is read in isolation.

7

Page 8: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Avoid using flickering/flashing text and/or animated text.

• Provide an alternate, non animated slide for the content.

8

Page 9: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

How to delete a review comment

1.Click the comment that you want to delete.

2.On the Review tab, in the Comments group, select Delete.

9

Page 10: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

10

Page 11: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Identify Images have an Alt Text.• Provide a Descriptive Alt Text.• Identify Multi-layered Objects.• Fix Inaccessible Table.• Ensure Sufficient Color Contrast in

Text , Charts and Images.• Ensure Information Does Not Rely on

Color Alone.

11

Page 12: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

1. Select the Object or Image.2. From the Keyboard, select Ctrl+Shift+F10, press the

context menu key, or right-click on the object.3. Select Size and Position from the drop down menu.4. Select the Alt Text tab.5. Describe the image associated with the Alternative Text.

context menu key

12

Page 13: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Well-written alt text should convey the same “take home message” as the image.

13

Page 14: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Text equivalents are present, but they are insufficient. Consequently, users accessing the information via screen readers will not have the same level of access that sighted users do.

14HHS PowerPoint Document 508 Checklist (2.6)

Page 15: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• The name of the Image (madura_c12eQ2b.jpg) should not be used as an Alternative Text.

• An option to remediate this image will be to have a link to an Accessible table.

15Required by Section 508 Standard 1194.22(K)

Page 16: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

16HHS PowerPoint Document 508 Checklist (2.4)

An option is to have the Organizational Chart linked to an HTML page.

Have all multi-layered objects been flattened into one image and has one Alternative Text (Alt Text) been provided for this image?

Page 17: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Does a contrast ratio of at least 4.5:1 exist between text, or images of text, and background behind the text?

Ensure sufficient color contrast in text, charts, and images.

HTML 508 Policies & Standards Checklist HHS ID(C2)

17

Page 18: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Example of a low contrast color image and text that can not be read.

• Use highly contrasting colors for your text and background

18

Page 19: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Download Color-Contrast Analyzer (open-source software) fromhttp://www.paciellogroup.com/resources/contrast-analyser.html

19

Page 20: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Ensure all information conveyed with color is also available without color.

Example of an incorrect and correct way to use color:

Required by Section 508 Standard 1194.22(c) 20

Page 21: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

21

Page 22: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Identify the Correct Way of Using Tables• Identify Accessible Tables• Identify Table Headers and Rows• Ensure Your Presentation is Keyboard

Accessible

22

Page 23: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• When non-tabular text is rendered with tables, the reading controls are incorrect.

• This can make it confusing and difficult to read the document with a Screen Reader.

HHS PowerPoint Document 508 Checklist ID (3.4)23

Page 24: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

To determine whether tables have been used for visual formatting

Right click on any text that you suspect is formatted as a table. If the Table Tools part of the Ribbon shows up, table formatting has been used.

24

Page 25: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Someone who can read a table or chart visually can refer back to the column and row headings or the X and Y coordinates to make sense of the data.

25

Page 26: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• The screen reading software by default will read the information in a table horizontally, cell by cell, row by row.

• Tables are read efficiently by screen readers when the column or row headers are clearly defined.

26

Page 27: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Identify that table columns have been assigned a header row.

• This enables the Screen Reader software to be able to tell the user for each cell what the header for that column is.

Required by Section 508 Standard 1194.22(g)27

Page 28: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

1. Double Click the Table.

2. The Table Tools Design will open.

3. Go to the Table Style Options group and ensure the Header Row and/or First Column are selected in the check box.

Ticket ID Client developer Date

F-1233 A-23 Santos 10/12/2012

F-3459 A-23 Roberts 10/12/2012

F-2333 A-25 Miller 10/12/2012

28

Page 29: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

1. Select the first cell of the table.Press the Tab key repeatedly to make sure that the focus moves across the row and then down to the first cell of the next row.

1st Grade Teachers

2nd GradeTeachers

3rd GradeTeachers

4th GradeTeachers

A. Smith S. Davis C. White J. Martinez

C. Jones K. Wilson T. Smith W. Clack

R. Miller A. Brown P. Hall M. Jackson

29

Page 30: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

Though it can be a complex process to check a PowerPoint Presentation for accessibility, when you identify and remediate documents, you also make them more portable. This means that they work better across all web-browsers, computer systems, and types of devices.

To Identify accessibility errors remember to:– Review Layout and Formatting– Review Image Requirement– Review Table Requirements

“30

Page 31: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• Microsoft Office:http://office.microsoft.com/en-us/powerpoint-help/creating-accessible-powerpoint-presentations-HA102013555.aspx

• WebAIM: PowerPoint Accessibility:http://webaim.org/techniques/powerpoint/

• Microsoft PowerPoint Accessibility Video Tutorials:http://teachingcommons.cdl.edu/access/docs_multi/PowerPoint_Accessibility_Tutorials.shtml

31

Page 32: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

• U.S. Access Board (2010). Standards. Section 508.gov. Retrieved on 11/05/2012 from http://www.section508.gov/index.cfm?fuseAction=stds

• W3.org - A guide to understanding and implementing Web Content Accessibility Guidelineshttp://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html

32

Page 33: Web Communications Division Fixing and Preventing Accessibility Errors in Microsoft PowerPoint Presentations

Web Communications Division

If you have post training questions, please contact Cristopher Broyles at [email protected] or 202-708-0101.

If you would like to schedule a training session, please contact Kelley Mesa at [email protected] or 301-939-1323. 33