Penn State Homepage

Teaching and Learning with Technology

Creating Accessible Web Sites

Accessible Word, PowerPoint and Excel Files

Here are some tips to make Microsoft Office files (Word, PowerPoint and Excel) uploaded to the Web more accessible.

This Page

  1. General Plug In Tools
  2. Microsoft Word Tips
  3. Word and HTML
  4. PowerPoint Tips
  5. Excel Tips

General Plug In Tools

  1. Make sure your audience has ready access to Micrsoft Office packages. Although these are readily available at Penn State, they may not be available outside of Penn State; another option like PDF or pure HTML may be better in these situations.

    SECTION 508 - When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with § 1194.21(a) through (l).

  2. A plug-in from the University of Illinois may allow you to install wizards on the Windows platform which allow you to add alternative text for each image more easily. See details on that page for installation and usage instructions.
    Note: .NET 1.1 must be installed on your system

Top of Page

Microsoft Word Tips

  1. Use the built in Header style tags (e.g. Header 1, Header 2, Header 3) in Word as you would H1,H2,H3 tags in an HTML file. These headers may be preserved and interpreted in screen readers when files are converted to PDF or other formats. The Format » Style menu allows users to adjust the appearence of these tags in a Word file.

  2. Provide labels and captions for all images and charts.

  3. In some HTML editors like Dreamweaver 2004, Header styles are converted to H tags when the text from Word is copied and pasted into Dreamweaver.
    Note: Avoid "Paste as Formatted" in Dreamweaver, since it will copy extra style tags.

  4. Avoid using the "Save as Web file" option to convert Word and Excel files to HTML. Even in filtered mode, the code tends to be very clunky and may be inaccessible depending on how the original file was formatted (see inaccessible example below). It's better to convert the file into a PDF or cut and paste raw text into an HTML editor and reformat the content more accessibly.

Top of Page

Word and HTML

Here is a sample of what codes are generated by the Save as Web file option in Microsoft Word.

Intended Result

This is unformatted text.

 

Actual Result (Inaccessible)

Font was fixed to 12 point, Times New Roman

This is a sample of unformatted normal text.

View the Code (Separate Page)

 

Accessibility Issues of Word Generated HTML

Note: Some text editors such as Global Writer export HTML with less embedded formatting.

  1. Styles use fixed font sizes, not relative font sizes. Zoom will be disabled in Internet Explorer.

  2. Will probably fix the font to Times New Roman which is designed for print, not for computer monitors.

  3. Style sheets are embedded and are time consuming to remove manually.

  4. Word HTML allows designers to specify for unusual fonts or symbols which may not be available on all computers.

  5. If Smart Quotes are turned on, then they will be converted to a Unicode numeric character or left intact. Older browsers may not be able to decipher these symbols.

Top of Page

Power Point

  1. Always add labels to images and include extended text descriptions for graphics and charts as needed. Audio and video files should include captions or transcripts.

  2. If you use the Chart Wizard, make sure the color formatting is accessible. See details below in the Excel section.

  3. Screen readers vary in their ability to read PowerPoint files, so when in doubt, convert them to HTML and review the code for accessibility. Using the full version of PowerPoint instead of a PowerPoint reader plug-in will enhance accessibility. Microsoft Office for Windows with PowerPoint is available at an academic discount from the Penn State Computer Store.

  4. If you convert PowerPoint to HTML from Office XP, you can add Alternative text to images before publishing it to HTML. To add the alternative text do the following:

    1. Open an PowerPoint presentation and navigate to a slide with an image.
    2. Select the graphics so that square anchors are visible.
    3. Right click the mouse and select Format Picture.
    4. In the Format Picture window, select the Web tab on the right, then fill in the Alternative Text content. Click OK to close.
      screencapture, Format Picture window

     

  5. If you convert PowerPoint files to an HTML file on a Macintosh, then you will need to manually insert the ALT text for all images. PowerPoint files are published in its own folder and could be edited by an HTML editor such as Dreamweaver or FrontPage.

  6. A plug-in from the University of Illinois may allow you to install wizards on the Windows platform which allow you to add alternative text for each image more easily. See details on that page for installation and usage instructions.

Top of Page

Excel

  1. Avoid converting files from Excel to HTML since inaccessible tagging may be added. See the Word HTML for a discussion of similar issues. It may be better to upload the Excel file itself or convert it into a tab delimited or comma delimited file.

  2. Make sure headers and rows are labelled as in a data table.

  3. If you are using the Chart Wizard
    1. Use the formatting options in line charts to create different types of dotted lines to facilitate legibility for color blind users.
    2. Avoid using the yellow and bright teal lines; use formatting options to change it to a darker color.
    Add a text key for bar charts or change the defaut colors to a color safe pallette.

Top of Page

Additional Links

Microsoft Office Accesibility Links

Top of Page

Site Menu: Home Page/Main Menu | Section 508 Guidelines | Quick Checklist | Details by Tag
| Links | I.T.S. Seminar Page | Sitemap


©1999-2006 Pennsylvania State University.

This Web page is hosted by (by Teaching and Learning with Technology, a unit of Information Technology Services. Please contact the Webmaster if you have any questions.

Last Update: Monday, 29-Aug-2005 16:50:22 EDT