Keynote for Mac

All office documents start with a template, which can be as simple as a blank standard-sized page or as complex as a nearly complete document with text, graphics and other content. For example, a “Meeting Minutes” template might include headings for information relevant to a business meeting, such as “Actions” above a table with rows to denote time and columns for actions of the meeting. Because templates provide the starting-point for so many documents, accessibility is critical. If you are unsure whether a template is accessible, you should check a sample document produced when the template is used (see Technique 11). The default template for new documents in Keynote ‘09 is a blank presentation. If you are connected to the internet, you can access a variety of blank business presentation templates. These are all accessible by virtue of being blank. As well, you may create your own templates.

To create an accessible template

1. Go to menu item: File > New or File > New from Theme Chooser…
2. In the Theme Chooser dialog, select the White theme or select one of the other existing template designs
3. A new document in your selected template style will open
4. Ensure that you follow the techniques in this document
5. When you are finished you should also check the accessibility of the document (see Technique 11)
6. Go to menu item: File > Save Theme…
7. In the Save As box, type a name for the template. Using a descriptive template name (e.g. “Accessible Memo Template”) will increase the prominence of the accessibility status.
8. Specify a folder in which to save your template. Note: By default, it will be saved in your home folder in Library/Application Support/iWork/Keynote/Templates/My Templates pane of the Template Chooser. To save the template in a different location than the default, create a new folder in the Templates folder. The folder name is then used as a template category in the Template Chooser.
   
9. Click Save

To select an accessible template

Note: Only use these steps if you have an accessible template available (e.g. that you previously saved). Otherwise, simply open a new (blank) document.

1. Go to menu item: File > New from Theme Chooser…
2. In the Template Chooser dialog, select My Templates from the left pane
3. Select your accessible template and click Choose
   

At this time, it is not possible to manually indicate the natural language for specific slides or sections of text in Keynote ‘09. As well, it is not possible to change the natural language of the document itself from the default language. [Tested: September 30th, 2010]

 

In order for assistive technologies (e.g., screen readers) to be able to present your document accurately, it is important to indicate the natural language of the document. If a different natural language is used for a paragraph or selected text, this also needs to be clearly indicated.

3.1 Use Built-In Slide Layouts

Instead of creating each slide in your presentation by starting from a blank slide, check whether there is a suitable built-in layout. Note: The built-in layouts can be more accessible to users of assistive technologies because they technologies sometimes read the floating items on the slide in the order that they were placed on the slide. The built-in layouts have usually taken this into account (e.g., “Title” first followed by other items, left to right and from top to bottom). If you create slide layouts from scratch, it is sometimes difficult to keep track of the order elements were placed. Note: Each slide in Keynote ’09 is derived from a Master Slide (Technique 3.2) applying “true layouts” requires that you use Master Slides that are accessible and appropriately designed for your purposes.

3.2 Customize Using Master Slides

If a layout must be customized, it is recommended that Master Slides be used. Every slide layout in a presentation is defined by its master slide. A master slide determines the formatting style for various elements of the slide layout. This includes font styles, character formatting, and the positioning of elements. Essentially, each master slide acts as a design template for the slide layout. If you edit any aspect of the slide layout in the master slide, the change will affect all slides that were created based on it. For this reason, it is good practice to edit the master slide and use the slide layouts before building individual slides. It is essential that you create and use master slides that meet the accessibility requirements outlined in this document.

To create or customize a master slide

1. Select the slide Note: To design a master slide from scratch, select a blank slide to start with. Otherwise, select a slide that resembles how you would like your slide to look and be sure to modify the slide characteristics to align with accessibility guidelines in this document.
2. Go to menu item: View > Show Master Slides
3. In the Master Slide Navigator in the left pane, select the Master Slide Layout you would like to modify
4. Customize the master slide to suit your needs (e.g., define placeholders for text, change background elements, add alignment guides, and more) ensuring that your changes meet accessibility requirements

To define default attributes of text and objects

1. Select the slide Note: To design a master slide from scratch, select a blank slide to start with. Otherwise, select a slide that resembles how you would like your slide to look and be sure to modify the slide characteristics to align with accessibility guidelines in this document.
2. Go to menu item: View > Show Master Slides
3. In the Master Slide Navigator in the left pane, select the Master Slide Layout you would like to define default attributes for
   
4. In the Toolbar, click the element type (e.g., text box, shapes, table, charts)
   
5. In the Formatting bar, format the element ensuring that it meets accessibility guidelines outlined in this document
6. To make the element a default for your current master slide, go to menu item: Format > Advanced > Define (element type) for Current Master Note: To make the element a default for all master slides, go to menu item: Format > Advanced > Define (element type) for All Masters

Many presentation applications create content composed almost exclusively of “floating” objects. This means that they avoid the transitions between in-line content and secondary “floating” objects (text boxes, images, etc.) that can cause accessibility issues in word processors. However, when you are working with “floating” objects, it is important to remember that the way objects are positioned in two dimensions on the screen may be completely different from how the objects will be read by a screen reader or navigated using a keyboard. The order that content is navigated sequentially is called the “Tab Order” because often the “Tab” key is used to navigate from one “floating” object to the next.

To set the tab order

1. Select the object
2. Go to menu item: Arrange > Bring Forward, Bring to Front, Send Backward or Send to Back

A useful aspect of presentation applications is the facility to add notes to slides, which can then be read by assistive technologies. You can use these slide notes to explain and expand on the contents of your slides in text format. Slide notes can be created as you build your presentation.

To add notes to your slides

1. Go to menu item: View > Show Presenter Notes
2. In the pane at the bottom of the window (below the slide), enter notes to accompany each slide

At this time, Keynote ’09 does not offer a mechanism which enables the user to add alternative text descriptions to images or objects. [Tested: September 28, 2010]

 

When using images or other graphical objects, such as charts and graphs, it is important to ensure that the information you intend to convey by the image is also conveyed to people who cannot see the image. This can be accomplished by adding concise alternative text of each image. If an image is too complicated to concisely describe in the alternative text alone (artwork, flowcharts, etc.), provide a short text alternative and a longer description as well.

7.1 Tables

When using tables, it is important to ensure that they are clear and appropriately structured. This helps all users to better understand the information in the table and allows assistive technologies (e.g., screen readers) to provide context so that the information within the table can be conveyed in a meaningful way.

To set default table attributes

1. 1. Go to menu item: View > Show Master Slides
   2. Select a master slide from the Master Slides Navigator in the left pane
      
   3. In the Toolbar, click Table
      
   4. Select the table
   5. Go to menu item: View > Show Inspector
   6. In the Inspector dialog, select Table inspector
   7. Click the Table tab
   8. In the Headers & Footers section, select Choose the number of header columns or Choose the number of header rows drop-down menus
   9. Select the number of headers
      Note: Limiting your table to one row or column of header will ensure your table remains clear and easy to interpret by assistive technologies.
      
   10. Customize the other characteristics of your table through the other sections of the Table inspector dialog
   11. To make the table a default for your current master slide, go to menu item: Format > Advanced > Define Table for Current Master
       Note: To make the table a default for all master slides, go to menu item: Format > Advanced > Define Table for All Masters Note: Defining the table as a default for all masters means that when you insert a Table element into any slide, it will display your preformatted characteristics (including appropriate headers)

7.2 Lists

When you create lists, it is important to format them as “real lists”. Otherwise, assistive technologies will interpret your list as a series of short separate paragraphs instead of a coherent list of related items.

To create an ordered or unordered list

1. Select the text box or highlight the text
2. Go to menu item: View > Show Inspector
3. In the Inspector dialog, click Text inspector
4. Click the Bullets tab
5. In the Bullets & Numbering section, click the drop-down menu and choose a bullet or numbering option
6. Customize the list style accordingly, ensuring your selections align with the guidelines in this document

7.3 Columns

Use Columns feature for placing text in columns. Note: Because columns can be a challenge for users of some assistive technologies, consider whether a column layout is really necessary.

7.4 Document Title

In case the document is ever converted into HTML, it should be given a descriptive and meaningful title.

To change the title of the current document

1. In the Toolbar, select Inspector
2. In the Inspector dialog, select the Document inspector button
3. Click the Spotlight tab
4. In the Title box, type a descriptive name for the document Note: The Title defined in the properties is different than the file name. It is also unrelated to the template name, discussed above.
   

Charts can be used to make data more understandable for some audiences. However, it is important to ensure that your chart is as accessible as possible to all members of your audience. All basic accessibility considerations that are applied to the rest of your document must also be applied to your charts and the elements within your charts. For example, use shape and color, rather than color alone, to convey information. As well, some further steps should be taken to ensure that the contents are your chart are appropriate labeled to give users reference points that will help them to correctly interpret the information.

To create a chart

1. Go to menu item: Insert > Chart
2. Select the type of chart you want to use
3. Update the Chart Data Editor with the data you would like to display
4. Close the Chart Data Editor

To add titles and labels

1. Select the chart
2. Go to menu item: View > Show Inspector
3. In the Chart Inspector, select Chart
4. Ensure the Show Title and Show Legend check boxes are selected
5. Select Axis
6. Under Value Axis (Y) and Category Axis (X), select Show Title and Show Value Labels from their respective drop-down menus

To change to a different predefined Chart Type

1. Select the chart
2. Go to menu item: View > Show Inspector
3. Select a chart type from the Choose a chart type drop-down menu

Other Chart Considerations

• When creating line charts, use the formatting options to create different types of dotted lines to facilitate legibility for users who are color blind
• When creating bar charts, it is helpful to apply texture instead of color to differentiate the bars
• Change the default colors to a color safe or gray-scale palette
• Use the formatting options to change predefined colors, ensuring that they align with sufficient contrast requirements (see Technique 9.2)

9.1 Format of Text

When formatting text, especially when the text is likely to be printed, try to:

• Use font sizes between 12 and 18 points for body text.
• Use fonts of normal weight, rather than bold or light weight fonts. If you do choose to use bold fonts for emphasis, use them sparingly.
• Use standard fonts with clear spacing and easily recognized upper and lower case characters. Sans serif fonts (e.g., Arial, Verdana) may sometimes be easier to read than serif fonts (e.g., Times New Roman, Garamond).
• Avoid large amounts of text set all in caps, italic or underlined.
• Use normal or expanded character spacing, rather than condensed spacing.
• Avoid animated or scrolling text.

But can’t users just zoom in? Office applications do typically include accessibility features such as the ability to magnify documents and support for high contrast modes. However, because printing is an important aspect of many workflows and changing font sizes directly will change documents details such the pagination, the layout of tables, etc., it is best practice to always format text for a reasonable degree of accessibility.

9.2 Use Sufficient Contrast

The visual presentation of text and images of text should have a contrast ration of at least 4.5:1. To help you determine the contrast, here are some examples on a white background:

• Very good contrast (Foreground=black, Background=white, Ratio=21:1)
• Acceptable contrast (Foreground=#767676, Background=white, Ratio=4.54:1)
• Unacceptable contrast (Foreground=#AAAAAA, Background=white, Ratio=2.32:1)

Also, always use a single solid color for a text background rather than a pattern. In order to determine whether the colors in your document have sufficient contrast, you can consult an online contrast checker, such as:

• WebAIM: Contrast Checker
• Juicy Studio: Luminosity Color Contrast Ratio Analyzer
• Joe Dolson Color Contrast Spectrum Tester
• Joe Dolson Color Contrast Comparison

9.3 Avoid Using Color Alone

Color should not be used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. In order to spot where color might be the only visual means of conveying information, you can create a screenshot of the document and then view it with online gray-scale converting tools, such as:

• GrayBit v2.0: Grayscale Conversion Contrast Accessibility Tool

9.4 Avoid Relying on Sensory Characteristics

The instructions provided for understanding and operating content should not rely solely on sensory characteristics such as the color or shape of content elements. Here are two examples:

• Do not track changes by simply changing the color of text you have edited and noting the color. Instead use PowerPoint 2010’s “Track Changes” feature to track changes.
• Do not distinguish between images by referring to their appearance (e.g., “the bigger one”). Instead, label each image with a figure number and use that for references.

9.5 Avoid Using Images of Text

Before you use an image to control the presentation of text (e.g., to ensure a certain font or color combination), consider whether you can achieve the same result by styling “real text”. If this is not possible, as with logos containing stylized text, make sure to provide alternative text for the image following the techniques noted above.

9.6 Avoid Transitions

Transitions between slides and elements in each slide (e.g., bullets in a list flying onto the screen) can be distracting to users with disabilities. It can also cause assistive technologies to read the slide incorrectly. For these reasons, it is best to avoid transitions altogether.

10.1 Write Clearly

By taking the time to design your content in a consistent way, it will be easier to access, navigate and interpret for all users:

• Whenever possible, write clearly with short sentences.
• Introduce acronyms and spell out abbreviations.
• Avoid making the document too “busy” by using lots of whitespace and by avoiding too many different colors, fonts and images.
• If content is repeated on multiple pages within a document or within a set of documents (e.g., headings, footings, etc.), it should occur consistently each time it is repeated.

10.2 Provide Context for Hyperlinks

Hyperlink text in your document should be meaningful when read out of context. To be an effective navigation aid, the link text should describe the destination of the link.

Consider the experience of screen reader users: Generally, screen readers generate a list of links, and screen reader users navigate this list alphabetically. Hyperlink text such as “click here” or “more” is meaningless in this context.

In order to be useful to someone using a screen reader, ensure that hyperlink text is self-describing and meaningful on its own. To make the address of hyperlink clear when printing, you may wish to include the address in brackets following the descriptive text of the hyperlink.

To edit hyperlink text

1. Enter the hyperlink
2. Go to menu item: View > Show Inspector
3. In the Inspector dialog, click Hyperlink inspector
4. In the Display box, enter the text you would like to display
   

10.3 Accessible Presentations

It is important to consider accessibility before, during, and after presentations. Below is a helpful link with guidance on how to make presentations accessible to all:

• “How to Make Presentations Accessible to All” (Source: W3C-WAI Draft)

At this time, Keynote ’09 does not offer a mechanism to check for potential accessibility errors in your document prior to publishing. [Tested: September 30th, 2010] In order to get some indication of the accessibility of your document or template (see Technique 1), then you may consider saving the file into HTML or PDF in order to perform an accessibility check in one of those formats, as described below.

To evaluate HTML accessibility

If you wish to check the accessibility of your document or template (see Technique 1), one option is to save it into HTML format and use one of the web accessibility checkers available online. Such as:

• AChecker
• WebAIM Wave Web Accessibility Evaluation Tool

To evaluate PDF accessibility

If you saved your document in tagged PDF format, you can use the following tools and steps to evaluate the accessibility of the PDF document:

• Adobe Acrobat Professional
• CommonLook PDF Evaluator
• PDF Accessibility Checker (PAC) – a free alternative provided by “Access for all”

To evaluate PDF accessibility in Adobe Acrobat Professional

1. Go to menu item: Advanced > Accessibility > Full Check…
2. In the Full Check dialog, select all the checking option
3. Select the Start Checking button

In some cases, additional steps must be taken in order to ensure accessibility information is preserved when saving/exporting to formats other than the default.

To export to a different format

1. Go to menu item: Share > Export
2. Select the file format you would like to export
3. Customize the settings relevant to the selected file format
4. Click Next
5. In the Save As box, enter a descriptive file name
6. In the Where drop-down menu, specify the location you would like the exported file to be saved
7. Click Export

PDF

PDF documents are not always accessible. Accessible PDF documents are often called “Tagged PDF” because they include “tags” that encode structural information required for accessibility. To evaluate the accessibility of your PDF document, see Technique 11 (above).

To clean up your HTML file

• Remove unnecessary styles, line breaks, etc.
• Remove unnecessary id, class, and attributes
• Remove font tags
• Remove styles in the <head> tag
• Ensure the <th> tags have a scope attribute
• Remove <p> tags nested inside <th> and <td> tags
• Check for accessibility (see Technique 11) Note: you may wish to use HTML editors or utilities to help with this process.

Disclaimer: This list is provided for information purposes only. It is not exhaustive and inclusion of an application or plug-in on the list does not constitute a recommendation or guarantee of results. The following accessibility related plug-ins and support are available for Keynote ‘09:

• PowerTalk – an accessibility tool that provides a good approximation of how presentations will sound with a screen reader. [Editor’s note: Tool no longer available.]
• Keynote Support

If you are interested in what features are provided to make using Keynote ‘09 more accessible to users, documentation is provided in the Help system:

1. Go to menu item: Help
2. Enter your search term in the Search box

1. Keynote User Guide for Mac
2. Apple: Create accessible presentations with Keynote
3. GAWDS Writing Better Alt Text

This document was produced as part of the Accessible Digital Office Document (ADOD) Project.

This project has been developed by the Inclusive Design Research Centre, OCAD University as part of an EnAbling Change Partnership project with the Government of Ontario and UNESCO (United Nations Educational, Scientific and Cultural Organization).