Accessibility
LCC's Accessibility Guidelines
The LCC Accessibility Guidelines and Fixes by Content Type are guidelines to explain how and why to fix different accessibility issues in various content types. It is the responsibility of every employee to ensure that all documents created are accessible, including those created with programs other than those listed within the guidelines.
D2L HTML Webpages
General
D2L HTML Webpages Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Hyperlinks indicate if they open in a new window or tab. |
|
It is important to warn individuals when a new window has been opened.
|
|
Clear descriptions are used for hyperlinks that convey where the link goes. |
|
Screen reader users generate a list of links to assist in navigating a document; therefore, hyperlinks should be descriptive and clearly identify the target of the hyperlink. Redundant or ambiguous link text such as "More" is meaningless in this context. Use unique and descriptive hyperlink text, taking care to:
Note: For emails and printed documents it is best practice to add the URL after the description,
for example: |
|
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
Use WebAIM's Contrast Checker(Opens a New Window) to find an appropriate color contrast. |
The webpage has a set language, and the set language is correct. |
|
Webpages should specify the language in which it has been created. Screen reading technologies rely on the specified language to determine how to pronounce document text. |
To set a webpage language:
To set the webpage to a different language, replace “en” with the appropriate language code. Common Language codes include:
For additional language codes, visit: Language Codes(Opens a New Window). |
Use proper ordered/unordered list structures. |
|
Hand-created lists cannot be read properly by screen readers because a proper list structure is needed to inform users that a list is present.
|
|
Headings
D2L HTML Webpages Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Webpage uses headings, and follows a logical structure. |
|
Sighted users rely on text size and bold to identify different sections, properly coding those as headings allows screen reading users to do the same. Content is organized using headings that follow a logical structure. Headings are important as they provide structure to a webpage. When proper headings are used, the webpage becomes much easier to understand and navigate for all users. Headings should be hierarchical, starting at heading level 1 for the title of the webpage, then heading level 2 for the sections of the webpage, then heading level 3 for subsections, and so on. Heading levels should not be skipped. |
|
Webpage headings begin at level 1. |
|
Webpage headings should always begin with Heading 1 or Level 1. For most webpages, the title of the webpage should be Heading 1 or Level 1. Webpages should only have one Heading 1 identified. |
|
Images
D2L HTML Webpages Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
|
Images do not have contrast issues. |
|
Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
To adjust the contrast of an image: If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Find an alternative image. Do not use this image. |
Tables
D2L HTML Webpages Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Table data or information must be presented using the table tool. Proper table markups will alert users that a table is present, including the number of rows and columns. Mimicking tables by tabbing will not alert screen reader users that a table-like object is present. |
|
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. |
|
Tables within the webpage contain a caption. |
|
Set a brief descriptive text to indicate the content of the table. |
|
General
Email Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Email subject line is descriptive. |
|
Descriptive subject lines allow users to know exactly what to expect. This is especially useful for individuals using assistive technologies . |
When drafting an email, type a descriptive subject in the subject line. |
Use proper ordered/unordered list structures. |
|
Hand-created lists cannot be read properly by screen readers because a proper list structure is needed to inform users that a list is present.
|
Note: Some re-formatting may be required. |
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
Avoid the use of font colors such as pink, yellow and orange. |
Clear descriptions are used for hyperlinks that convey where the link goes. |
|
Screen reader users generate a list of links to assist in navigating a document; therefore, hyperlinks should be descriptive and clearly identify the target of the hyperlink. Redundant or ambiguous link text such as "More" is meaningless in this context. Use unique and descriptive hyperlink text, taking care to:
Note: For emails and printed documents it is best practice to add the URL after the description,
for example: |
|
Multiple elements (i.e. color, underline, italics, etc.) are used to illustrate meaning. |
|
Color should not be used as the sole method of conveying content or distinguishing visual elements. If color is used to illustrate a concept, be sure to provide alternative means of obtaining the same information or provide an explanation within the text itself. For example, color alone should not be used to distinguish hyperlinks(Opens a New Window) from surrounding text unless the luminance contrast between the link and the surrounding text is at least 3:1 and an additional differentiation (e.g., it becomes underlined) is provided when the link is hovered over or receives focus. |
Add additional elements to items in which meaning is illustrated through color alone. This could include underlining, adding a note at the top of the document explaining that correct answers are underlined. Keep in mind that color can be used with additional elements, as long as the contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is present. |
Font Type: Easily readable sans serif fonts (such as Tahoma, Verdana, Arial or Calibri) is used. Font Size of at least 12 point (for printouts) is used. |
|
Select a font that is easily legible to benefit all users. Basic, simple sans serif fonts, including Tahoma, Verdana, Arial or Calibri were developed specifically for use in electronic media. Sans serif fonts contain no extra decorations or flourishes, making them highly legible fonts. Avoid the use of decorative or overly stylized fonts, which are often difficult to read even for users without visual impairments or reading disabilities. |
|
Images
Email Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
|
Images do not have contrast issues. |
|
Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
To adjust the contrast of an image: If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Find an alternative image. Do not use this image. |
Tables
Email Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Table layouts are structured for easy navigation and proper reading order. |
|
Users rely on the table layout to navigate through the content. It must be ordered logically for users to understand and navigate the content. It is important to ensure that the reading order of the table makes sense. Screen reader technologies read tables from left to right, top to bottom, one cell at a time (no repeats). |
This will be the reading order that assistive technologies follow. |
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. |
|
Excel Spreadsheets
General
Excel Spreadsheets Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Negative numbers are identified using multiple means, not just red font color. |
|
Users who have difficulty distinguishing colors will not be able to tell the difference between positive and negative values. |
|
The document is not corrupt (malformed). |
|
Documents that are malformed cannot be opened and viewed by many or even most people. While some technologies might be able to deal with some malformed documents, there is no guarantee that everyone will be able to view the document or that the formatting and content will be as intended. |
If you do not have the original source document or cannot open the file: You may not be able to fix this problem. |
All sheet tabs have unique names, and blank sheets are deleted. |
|
Sheets in the workbook should include a descriptive title. Blank sheets should be deleted. Screen readers read sheet names, which provides information about what is found on the worksheet. Descriptive sheet names, such as "October sales totals," make it easier to understand the contents of and navigate through workbooks. |
|
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
Avoid the use of font colors such as pink, yellow and orange. |
Font Type: Easily readable sans serif fonts (such as Tahoma, Verdana, Arial or Calibri) is used. Font Size of at least 12 point (for printouts) is used. |
|
Select a font that is easily legible to benefit all users. Basic, simple sans serif fonts, including Tahoma, Verdana, Arial or Calibri were developed specifically for use in electronic media. Sans serif fonts contain no extra decorations or flourishes, making them highly legible fonts. Avoid the use of decorative or overly stylized fonts, which are often difficult to read even for users without visual impairments or reading disabilities. |
|
Document has a set language*, and the set language is correct. *Note: The default language is English. |
|
Documents should specify the language in which it has been created. Screen reading technologies rely on the specified language to determine how to pronounce the document text. |
|
Spreadsheet has a simple structure. |
|
Users rely on simple spreadsheet structures to navigate via keyboard shortcuts and screen reading technologies. Spreadsheets should have a simple, two-dimensional structure so that they can be easily navigated and understood. This means there should be no merged cells, or nesting tables within another table as they can change the reading order of the spreadsheet. |
|
Images
Excel Spreadsheets Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
Note: The Title field can be left empty. |
Images do not have contrast issues. |
|
Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
To adjust the contrast of an image: If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Find an alternative image. Do not use this image. |
Tables
Excel Spreadsheets Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. When tables are created in Excel, users have the option of using the first row as a header row by selecting the "My table has headers" option. If you choose not to use your own headers, Excel will add default header names, like Column1, Column2 and so on, but they will need to be renamed to be descriptive. |
To identify a header row:
|
Alternative Text (alt text) is provided for cells formatted as tables. |
|
The same way alt text can convey the meaning of an image, the alt text in a table provides screen reader users a summary of information that sighted users get when quickly browsing a table. |
|
Google Docs
Form Fields
Google Docs Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Remove underlined blank space for student responses. |
|
Using a form field will indicate to both sighted and non-sighted users that an answer should be written in.
|
If desired, see the Word Document, Form Fields section for information on creating proper form fields. |
Formulas and Equations
Google Docs Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Formulas and Equations are created using MathType. *It is recommended that Formulas and Equations are created using MathType. in Microsoft Word. |
|
MathType is an add-on that allows users access to an interactive equation editor. Equations created with MathType are more accessible to screen reading users. For MathType formulas and equations, alternative text is not required. Even though the MS Office Accessibility Checker will flag them as needing alt text this error can be ignored. Generally, if a symbol can be typed using the keyboard, it should be readable by a screen reader. For example, %, +, etc. |
MathType is available by request from the Help Desk. |
Exponents are created using the exponents tool in MathType. *It is recommended that formulas and equations are created using MathType in Microsoft Word. |
|
Screen readers cannot differentiate between super-script, sub-script and other numbers. For an exponent to be read correctly, MathType must be used. |
|
General
Google Docs Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Document has a proper title. |
|
The title of a document identifies the content of the document. Titles are important because they distinguish documents from one another and identify the focus of the document. |
|
Document has a set language*, and the set language is correct. *Note: The default language is English. |
|
Documents should specify the language in which it has been created. Screen reading technologies rely on the specified language to determine how to pronounce the document text. |
|
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
Avoid using font colors such as pink, yellow and orange. |
Clear descriptions are used for hyperlinks that convey where the link goes. |
|
Screen reader users generate a list of links to assist in navigating a document; therefore, hyperlinks should be descriptive and clearly identify the target of the hyperlink. Redundant or ambiguous link text such as "More" is meaningless in this context. Use unique and descriptive hyperlink text, taking care to:
Note: For emails and printed documents it is best practice to add the URL after the description,
for example: |
|
Multiple elements (i.e. color, underline, italics, etc.) are used to illustrate meaning. |
|
Color should not be used as the sole method of conveying content or distinguishing visual elements. If color is used to illustrate a concept, be sure to provide alternative means of obtaining the same information or provide an explanation within the text itself. For example, color alone should not be used to distinguish hyperlinks(Opens a New Window) from surrounding text unless the luminance contrast between the link and the surrounding text is at least 3:1 and an additional differentiation (e.g., it becomes underlined) is provided when the link is hovered over or receives focus. |
Add additional elements to items in which meaning is illustrated through color alone. This could include underlining, adding a note at the top of the document explaining that correct answers are underlined. Keep in mind that color can be used with additional elements, as long as the contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is present. |
Font Type: Easily readable sans serif fonts (such as Tahoma, Verdana, Arial or Calibri) is used. Font Size of at least 12 point (for printouts) is used. |
|
Select a font that is easily legible to benefit all users. Basic, simple sans serif fonts, including Tahoma, Verdana, Arial or Calibri were developed specifically for use in electronic media. Sans serif fonts contain no extra decorations or flourishes, making them highly legible fonts. Avoid the use of decorative or overly stylized fonts, which are often difficult to read even for users without visual impairments or reading disabilities. |
|
Use proper ordered/unordered list structures. |
|
Hand-created lists cannot be read properly by screen readers because a proper list structure is needed to inform users that a list is present.
|
To add an ordered or unordered list structure:
Note: Some re-formatting may be required. |
Headings
Google Docs Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Document uses headings, and follows a logical structure. |
|
Sighted users rely on text size and bold to identify different sections, properly coding those as headings allows screen reading users to do the same. Headings are important as they provide structure to a document, especially those that consist of many pages. When proper headings are used, the document becomes much easier to understand and navigate for all users. Headings should be hierarchical, starting at heading level 1 for the title of the document, then heading level 2 for the sections of the document, then heading level 3 for subsections, and so on. Heading levels should not be skipped. A Table of Contents is recommended for documents 20 pages or longer. |
|
The headings begin at level 1. |
|
Document headings should always begin with Heading 1 or Level 1. For most documents, the title of the document should be Heading 1 or Level 1. Documents should only have one Heading 1 identified. |
|
The heading structure is six levels or less. |
|
When heading elements are correctly applied, they provide the same type of efficient navigation to individuals with visual disabilities. Proper heading elements allow screen reading technologies to quickly identify the headings on the page. In general, headings should not go beyond six levels. |
|
Images
Google Docs Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
Repeat this process for all images throughout the document/presentation. |
Images or objects are inline with the text. |
|
If the image or object is not positioned inline with the surrounding text, it may be difficult for screen reader users to interact with the object. It may also be difficult to know where the object is relative to the text. |
|
Images made of many parts are snipped into one single image and includes alternative text. |
|
For images made up of many pieces, screen readers will read each individual piece of the image including lines and arrows, etc. Making a snip or screenshot of the image will create a single image in which alternative text can be added for the image as a whole. |
Contact the Center for Student Access: For complex diagrams, work with the Center for Student Access to create a tactile diagram as an accommodation. This may be the easiest way for the student to understand what is being represented. |
Images do not have contrast issues. |
|
Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
To adjust the contrast of an image: If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Find an alternative image. Do not use this image. |
Tables
Google Docs Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Table layouts are structured for easy navigation and proper reading order. |
|
Users rely on the table layout to navigate through the content. It must be ordered logically for users to understand and navigate the content. It is important to ensure that the reading order of the table makes sense. Screen reader technologies read tables from left to right, top to bottom, one cell at a time (no repeats). |
This will be the reading order that assistive technologies will use. |
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. |
Note: Currently, there is not a way to identify header information in Google. Instead, users are encouraged to download and open the Google Sheet in MS Excel or MS Word to set the header row. |
Table has a simple structure. |
|
Tables should be built using the table tool with no split cells, merged cells, or nesting (table within another table). Users navigate tables via keyboard shortcuts and screen reading technologies, which rely on simple table structures. Blank spaces in tables to allow for completion are okay as long as the table is formatted as a table with headers. |
Restructure nested items by: Reformatting the content into a simple format- bulleted list, numbered list, etc. |
|
|
Table data or information must be presented using the table tool. Proper table markups will alert users that a table is present, including the number of rows and columns. Mimicking tables by tabbing will not alert screen reader users that a table-like object is present. |
|
Google Sheets
General
Google Sheets Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Spreadsheet has a proper title. |
|
The title of a document identifies the content of the document. Titles are important because they distinguish documents from one another and identify the focus of the document. |
|
All sheet tabs have unique names, and blank sheets are deleted. |
|
Sheets in the workbook should include a descriptive title. Blank sheets should be deleted. Screen readers read sheet names, which provides information about what is found on the worksheet. Descriptive sheet names, such as "October sales totals," make it easier to understand the contents of and navigate through workbooks. |
|
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
Avoid the use of font colors such as pink, yellow and orange. |
Negative numbers are identified using multiple means, not just red font color. |
|
Users who have difficulty distinguishing colors will not be able to tell the difference between positive and negative values. |
|
Spreadsheet has a simple structure. |
|
Users rely on simple spreadsheet structures to navigate via keyboard shortcuts and screen reading technologies. Spreadsheets should have a simple, two-dimensional structure so that they can be easily navigated and understood. This means there should be no merged cells, or nesting tables within another table as they can change the reading order of the spreadsheet. |
Restructure nested items by: Reformatting the content into a simple format- bulleted list, numbered list, etc. |
Images
Google Sheets Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
Repeat this process for all images throughout the document/presentation. |
Images do not have contrast issues. |
|
Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
To adjust the contrast of an image: If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Find an alternative image. Do not use this image. |
Tables
Google Sheets Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Table layouts are structured for easy navigation and proper reading order. |
|
Users rely on the table layout to navigate through the content. It must be ordered logically for users to understand and navigate the content. It is important to ensure that the reading order of the table makes sense. Screen reader technologies read tables from left to right, top to bottom, one cell at a time (no repeats). |
This will be the reading order that assistive technologies will use. |
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. |
Note: Currently, there is not a way to identify header information in Google. Instead, users are encouraged to download and open the Google Sheet in MS Excel to set the header row. |
Google Slides
General
Google Slides Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
A title is provided for the presentation. |
|
The title of a presentation identifies the content of the presentation. Titles are very important because they distinguish presentations from one another and identify the focus of the presentation. |
|
Document has a set language*, and the set language is correct. *Note: The default language is English. |
|
Documents should specify the language in which it has been created. Screen reading technologies rely on the specified language to determine how to pronounce the document text. |
|
Clear descriptions are used for hyperlinks that convey where the link goes. |
|
Screen reader users generate a list of links to assist in navigating a document; therefore, hyperlinks should be descriptive and clearly identify the target of the hyperlink. Redundant or ambiguous link text such as "More" is meaningless in this context. Use unique and descriptive hyperlink text, taking care to:
Note: For emails and printed documents it is best practice to add the URL after the description,
for example: |
|
Multiple elements (i.e. color, underline, italics, etc.) are used to illustrate meaning. |
|
Color should not be used as the sole method of conveying content or distinguishing visual elements. If color is used to illustrate a concept, be sure to provide alternative means of obtaining the same information or provide an explanation within the text itself. For example, color alone should not be used to distinguish hyperlinks(Opens a New Window) from surrounding text unless the luminance contrast between the link and the surrounding text is at least 3:1 and an additional differentiation (e.g., it becomes underlined) is provided when the link is hovered over or receives focus. |
Add additional elements to items in which meaning is illustrated through color alone. This could include underlining, adding a note at the top of the document explaining that correct answers are underlined. Keep in mind that color can be used with additional elements, as long as the contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is present. |
The reading order of the objects on a slide presentation is logical. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
You may need to experiment with object grouping in order to create a logical order. |
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
Avoid using font colors such as pink, yellow and orange. |
Images
Google Slides Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
Repeat this process for all images throughout the document/presentation. |
Images made of many parts are snipped into one single image and includes alternative text. |
|
For images made up of many pieces, screen readers will read each individual piece of the image including lines and arrows, etc. Making a snip or screenshot of the image will create a single image in which alternative text can be added for the image as a whole. |
Contact the Center for Student Access: For complex diagrams, work with the Center for Student Access to create a tactile diagram as an accommodation. This may be the easiest way for the student to understand what is being represented. |
Images do not have contrast issues. |
|
Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
To adjust the contrast of an image: If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Find an alternative image. Do not use this image. |
Slides
Google Slides Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
All slides have a title, and slide titles are unique. |
|
Slide titles are presented as a heading to screen reader users, and will be the first thing read on each slide. Unique titles make it much easier for screen reader users to read and navigate a presentation. Avoid the use of duplicated slide titles as this poses an accessibility issue for those navigating the document using screen reading technologies. |
Note: Slide titles should be added using the built-in layout options for the chosen presentation theme. |
Tables
Google Slides Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Table layouts are structured for easy navigation and proper reading order. |
|
Users rely on the table layout to navigate through the content. It must be ordered logically for users to understand and navigate the content. It is important to ensure that the reading order of the table makes sense. Screen reader technologies read tables from left to right, top to bottom, one cell at a time (no repeats). |
This will be the reading order that assistive technologies will use. |
Table has a simple structure. |
|
Tables should be built using the table tool with no split cells, merged cells, or nesting (table within another table). Users navigate tables via keyboard shortcuts and screen reading technologies, which rely on simple table structures. Blank spaces in tables to allow for completion are okay as long as the table is formatted as a table with headers. |
Restructure nested items by: Reformatting the content into a simple format- bulleted list, numbered list, etc. |
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. |
Note: Currently, there is not a way to identify header information in Google. Instead, users are encouraged to download and open the Google Sheet in MS Excel or MS Word to set the header row. |
Multimedia (Audio and Video)
General
Multimedia (Audio and Video) Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Accurate closed captions are included for video files. |
|
Without closed captioning, the information in a video segment may be entirely lost to people with disabilities. For video files to be accessible, they must include accurate closed captioning for video files. Closed captioning should be synchronized with the timing of the video. Captions should be edited to 100% accuracy to meet ADA guidelines. Note: Auto-generated captions are generally not accurate enough to meet ADA guidelines. It is recommended to review video captions for accuracy before incorporating into course(s) or presentations. |
For YouTube videos you do own: For YouTube videos you do not own:
|
Accurate transcripts are included for audio files. |
|
Without a transcript, the information in an audio segment may be entirely lost to people with disabilities. For audio files to be accessible, they must include an accurate transcript. Audio files may include a podcast, MP3, etc. Transcripts can added as an additional attached file or as a link if there is an existing resource. Text transcripts should be 100% accurate to meet ADA guidelines. |
To create a transcript: Method 1: Hand type a script for the audio file. Method 2: Use Kaltura to either record or upload an audio file, then request captions using the closed caption feature.
|
Audio and/or video files are not set to autoplay and do not loop. |
|
Autoplay is problematic for users using screen readers, as screen readers read the text on the page aloud; having an audio/video file autoplay can cause both the video and screen reader to play at the same time. |
For Kaltura videos: Kaltura video and audio files automatically enable user control that does not allow looping or auto-play. For YouTube videos: Autoplay is viewer controlled and can be turned off by doing either of the following:
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Do not use blinking or flashing media. Use a different media file or image. |
PDF Documents
Form Fields
PDF Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Remove underlined blank space for student responses. |
|
Using a form field will indicate to both sighted and non-sighted users that an answer should be written in.
|
This will allow users of assistive technology to understand what they are expected to put into each field. Make sure to double check the tab order when you are done. If something reads out of order, you can adjust it by dragging the field to the correct order in the Fields portion of the Prepare Form menu. |
The tab order and read order are logical and intuitive. |
|
Movement through a form should follow logical order. Those who are navigating by keyboard expect to move sequentially from left to right and top to bottom through the elements on the page. |
If the tab order is incorrect, you can fix it by selecting the Prepare Form tool and dragging form fields into the correct order in the Fields section of the Prepare Form pane.
Each element will have a number in the top left corner; this is the reading order. If the reading order is incorrect, click on Show Order Panel from the Reading Order window and drag elements into the correct order. If text is not recognized as an element, you can manually select it by left-clicking and dragging over the text and selecting the proper element type from the Reading Order window. |
Form fields within a document have appropriately coded tags with the correct labels, markup and prompts. |
|
Since those using screen readers do not have access to the same visual cues that the sighted follow, labels and prompts must be accurate and explicitly associated with form field within the code or script. |
To add labels to a form field, use the Prepare Form tool. Start by clicking on Tools > Prepare Form to enter the editing interface. Double-click on the form field and make sure that the text in the Tooltip field is unique and descriptive. Text should tell the user in just a few words what information they are expected to enter into that field. |
General
PDF Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
The document is not corrupt (malformed). |
|
Documents that are malformed cannot be opened and viewed by many or even most people. While some technologies might be able to deal with some malformed documents, there is no guarantee that everyone will be able to view the document or that the formatting and content will be as intended. |
If you do not have the original source document or cannot open the file: You may not be able to fix this problem. |
Scanned PDFs have been OCRed (optical character recognition). |
|
Documents that are either entirely scanned or contain pages that are scanned mean it is an image of a document, and the text cannot be accessed by screen reading technologies. Scanned documents, especially those of poor quality or those containing handwriting, can be difficult to read for everyone. They also have other usability issues such as not being able to search within the document. Digitizing printed text through OCR (Optical Character Recognition) allows users and screen reading technologies to extract and search text inside the document. Adobe Acrobat Pro can be used to OCR a PDF by converting the scanned image to text. |
Using Adobe Acrobat Pro for OCR:
The higher quality the scan, the more accurate the conversion will be. If you do not have Adobe Acrobat Pro, use Ally in D2L. Next to the file in D2L, select the Alternative formats menu to download an OCRed PDF. Please Note: The OCRed PDF will still need further reviewing to ensure accessibility. |
The PDF has a title. |
|
PDF titles are used as the document title for a PDF window or tab, making it easier to navigate to the PDF and understand the purpose of the PDF. Often the default is the file name which may not be meaningful/descriptive. |
|
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
If you have the source document in Word: start there by changing the font color to improve contrast. If do not have the source document but have Adobe Acrobat Pro: use the Enhance Scans tool to improve contrast by selecting Tools, Enhance Scans, Enhance menu, Scanned Document, Enhance. If you do not have Adobe Acrobat Pro, you may be able to change the contrast with a program like Photoshop. |
Document has a set language*, and the set language is correct. *Note: The default language is English. |
|
Documents should specify the language in which it has been created. Screen reading technologies rely on the specified language to determine how to pronounce the document text. |
|
The PDF is accurately tagged. |
|
PDF tags are hidden labels that clarify the structure of the document and define text as a heading, paragraph, table, list, etc. Without these tags, PDF documents are difficult to distinguish words that can be hard to navigate and understand for people with screen readers or other assistive devices. |
If you have the source file, it is much easier to add headings in Word and save the document as a PDF.
|
Font Type: Easily readable sans serif fonts (such as Tahoma, Verdana, Arial or Calibri) is used. Font Size of at least 12 point (for printouts) is used. |
|
Select a font that is easily legible to benefit all users. Basic, simple sans serif fonts, including Tahoma, Verdana, Arial or Calibri were developed specifically for use in electronic media. Sans serif fonts contain no extra decorations or flourishes, making them highly legible fonts. Avoid the use of decorative or overly stylized fonts, which are often difficult to read even for users without visual impairments or reading disabilities. |
If you have a source file available, return to that file, make changes to font and font size, and re-export to PDF.
|
Non-essential elements are flagged as background/artifact. |
|
PDFs can sometimes include elements that are not pertinent to the content of the document or are essentially visual noise. This often happens with scanned documents: things like the holes of a three-hole punched sheet of paper are recognized as images. Flagging non-relevant elements as background/artifact allows screen reading technologies to skip over these elements. |
|
Headings
PDF Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Document uses headings, and follows a logical structure. |
|
Sighted users rely on text size and bold to identify different sections, properly coding those as headings allows screen reading users to do the same. Headings are important as they provide structure to a document, especially those that consist of many pages. When proper headings are used, the document becomes much easier to understand and navigate for all users. Headings should be hierarchical, starting at heading level 1 for the title of the document, then heading level 2 for the sections of the document, then heading level 3 for subsections, and so on. Heading levels should not be skipped. A Table of Contents is recommended for documents 20 pages or longer. |
If you have the source file: Use Word to fix the headings. In Word, click through the headings of the document to uncover any skipped heading levels (e.g. going from heading level 2 to heading level 4).
Example Tag Structure for PDFs: Normal body text should be tagged with <P>. |
The headings begin at level 1. |
|
Document headings should always begin with Heading 1 or Level 1. For most documents, the title of the document should be Heading 1 or Level 1. Documents should only have one Heading 1 identified. |
To review or identify headings:
This will show all the individual elements in the document and how they are tagged (H1 for Heading 1, P for Text/Paragraph, etc.).
|
The heading structure is six levels or less. |
|
When heading elements are correctly applied, they provide the same type of efficient navigation to individuals with visual disabilities. Proper heading elements allow screen reading technologies to quickly identify the headings on the page. In general, headings should not go beyond six levels. |
To review heading levels:
This will show all the individual elements in the document and how they are tagged (H1 for Heading 1, P for Text/Paragraph, etc.). For the vast majority of documents, headings beyond level three are not necessary. Make sure to use H1 for the title, H2 for each major section, and H3 for subsections within major sections. |
Images
PDF Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
If you have the source document, use Word to add alternative text to the document images.
If you do not have the source document, you will need Adobe Acrobat Pro to add alt text to the images.
|
Images do not have contrast issues. |
|
To adjust the contrast of an image: Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Table layouts are structured for easy navigation and proper reading order. |
|
Users rely on the table layout to navigate through the content. It must be ordered logically for users to understand and navigate the content. It is important to ensure that the reading order of the table makes sense. Screen reader technologies read tables from left to right, top to bottom, one cell at a time (no repeats). |
To specify column header information: In Adobe Acrobat Pro, use the Reading Order tool (Tools > Accessibility > Reading Order) to ensure that the table is tagged as a table and includes all information.
|
Tables
PDF Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. |
To specify column header information:
|
Table has a simple structure. |
|
Tables should be built using the table tool with no split cells, merged cells, or nesting (table within another table). Users navigate tables via keyboard shortcuts and screen reading technologies, which rely on simple table structures. Blank spaces in tables to allow for completion are okay as long as the table is formatted as a table with headers. |
To remove split Cells, merged cells: Return to the source document to eliminate split, merged, and nested cells. Restructure nested items by: Reformatting the content into a simple format- bulleted list, numbered list, etc. |
PowerPoint Presentations
Formulas and Equations
PowerPoint Presentations Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Formulas and Equations are created using MathType. |
|
MathType is an add-on that allows users access to an interactive equation editor. Equations created with MathType are more accessible to screen reading users. For MathType formulas and equations, alternative text is not required. Even though the MS Office Accessibility Checker will flag them as needing alt text this error can be ignored. Generally, if a symbol can be typed using the keyboard, it should be readable by a screen reader. For example, %, +, etc. |
Create formulas and equations using the MathType interactive equation editor. Alternative text does not need to be added. MathType is available for staff and faculty by request from the Help Desk. |
Exponents are created using the exponents tool in MathType. |
|
Screen readers cannot differentiate between super-script, sub-script and other numbers. For an exponent to be read correctly, MathType must be used. |
For more complicated formulas, click on Display for the MathType Equation dialog box. |
General
PowerPoint Presentations Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
The document is not corrupt (malformed). |
|
Documents that are malformed cannot be opened and viewed by many or even most people. While some technologies might be able to deal with some malformed documents, there is no guarantee that everyone will be able to view the document or that the formatting and content will be as intended. |
If you do not have the original source document or cannot open the file: You may not be able to fix this problem. |
Document has a set language*, and the set language is correct. *Note: The default language is English. |
|
Documents should specify the language in which it has been created. Screen reading technologies rely on the specified language to determine how to pronounce the document text. |
|
All slides have a title, and slide titles are unique. |
|
Slide titles are presented as a heading to screen reader users, and will be the first thing read on each slide. Unique titles make it much easier for screen reader users to read and navigate a presentation. Avoid the use of duplicated slide titles as this poses an accessibility issue for those navigating the document using screen reading technologies. If needed, slide titles can be hidden on the slide, but will remain visible in Outline View allowing for usability by screen readers. |
To avoid duplicated slides titles: Add additional text to the title such as Part 1, Part 2.
|
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
Avoid the use of font colors such as pink, yellow and orange. |
The reading order of the objects on a slide presentation is logical. |
|
Screen reading technologies read the items on each slide in the specified order. Occasionally, the reading order is incorrect. If the reading order is not logical, the content being presented will not make sense. |
Note: The reading orders should be as follows:
|
Multiple elements (i.e. color, underline, italics, etc.) are used to illustrate meaning. |
|
Color should not be used as the sole method of conveying content or distinguishing visual elements. If color is used to illustrate a concept, be sure to provide alternative means of obtaining the same information or provide an explanation within the text itself. For example, color alone should not be used to distinguish hyperlinks(Opens a New Window) from surrounding text unless the luminance contrast between the link and the surrounding text is at least 3:1 and an additional differentiation (e.g., it becomes underlined) is provided when the link is hovered over or receives focus. |
Add additional elements to items in which meaning is illustrated through color alone. This could include underlining, adding a note at the top of the document explaining that correct answers are underlined. Keep in mind that color can be used with additional elements, as long as the contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is present. |
Real text is used (not graphical text, such as Word Art). |
|
Graphical text may not be readable by screen readers and should be avoided in the body of text. |
Do not use graphical text. |
Font Type: Easily readable sans serif fonts (such as Tahoma, Verdana, Arial or Calibri) is used. Font Size of at least 12 point (for printouts) is used. |
|
Select a font that is easily legible to benefit all users. Basic, simple sans serif fonts, including Tahoma, Verdana, Arial or Calibri were developed specifically for use in electronic media. Sans serif fonts contain no extra decorations or flourishes, making them highly legible fonts. Avoid the use of decorative or overly stylized fonts, which are often difficult to read even for users without visual impairments or reading disabilities. |
|
Clear descriptions are used for hyperlinks that convey where the link goes. |
|
Screen reader users generate a list of links to assist in navigating a document; therefore, hyperlinks should be descriptive and clearly identify the target of the hyperlink. Redundant or ambiguous link text such as "More" is meaningless in this context. Use unique and descriptive hyperlink text, taking care to:
Note: For emails and printed documents it is best practice to add the URL after the description,
for example: |
|
Images
PowerPoint Presentations Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
Note: The Title field can be left empty. |
Images do not have contrast issues. |
|
Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
To adjust the contrast of an image: If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Find an alternative image. Do not use this image. |
Images made of many parts are snipped into one single image and includes alternative text. |
|
For images made up of many pieces, screen readers will read each individual piece of the image including lines and arrows, etc. Making a snip or screenshot of the image will create a single image in which alternative text can be added for the image as a whole. |
Contact the Center for Student Access: For complex diagrams, work with the Center for Student Access to create a tactile diagram as an accommodation. This may be the easiest way for the student to understand what is being represented. |
Multi-Media
PowerPoint Presentations Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Accurate closed captions/transcripts are included for inserted audio and video. |
|
Without a transcript or closed captioning, the information in a video or audio segment may be entirely lost to people with disabilities.
|
For YouTube videos you do own: Use YouTube's captioning tool to caption videos. The auto-generated captions are not accurate enough to meet accessibility guidelines; therefore, captions will need to be reviewed and edited. For YouTube videos you do not own: Try reaching out to the video owner to see if they will provide accurate captions. If you are unable to reach them, or they are unwilling to assist, you will need to use a different video.
|
Tables
PowerPoint Presentations Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. |
|
Table has a simple structure. |
|
Tables should be built using the table tool with no split cells, merged cells, or nesting (table within another table). Users navigate tables via keyboard shortcuts and screen reading technologies, which rely on simple table structures. Blank spaces in tables to allow for completion are okay as long as the table is formatted as a table with headers. |
Some reformatting may be needed. Restructure nested items by: Reformatting the content into a simple format- bulleted list, numbered list, etc. |
Accessibility Checker Exceptions - MathType
PowerPoint Presentations Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Alternative Text (alt text) for MathType Equations |
|
This warning can be ignored. Alternative text is not required for equations created using MathType. |
|
Greek Letters in Italics |
|
This will ensure Greek letters will not be italicized. |
|
Symbols on the Keyboard |
|
Generally, if a symbol can be typed using the keyboard, it should read okay. For example, %, +, etc. |
|
Arrows |
|
Use MathType to create arrows in chemical equations. |
Word Documents
Form Fields
Word Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Remove underlined blank space for student responses. |
|
Using a form field will indicate to both sighted and non-sighted users that an answer should be written in.
|
To create a form field: Use the Developer Tab to create form fields.
|
Form fields within a document have appropriately coded tags with the correct labels, markup and prompts. |
|
Since those using screen readers do not have access to the same visual cues that the sighted follow, labels and prompts must be accurate and explicitly associated with form field within the code or script. |
|
Formulas and Equations
Word Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Formulas and Equations are created using MathType.. |
|
MathType is an add-on that allows users access to an interactive equation editor. Equations created with MathType are more accessible to screen reading users. For MathType formulas and equations, alternative text is not required. Even though the MS Office Accessibility Checker will flag them as needing alt text this error can be ignored. Generally, if a symbol can be typed using the keyboard, it should be readable by a screen reader. For example, %, +, etc. |
Create formulas and equations using the MathType interactive equation editor. Alternative text does not need to be added. MathType is available for staff and faculty by request from the Help Desk. |
Exponents are created using the exponents tool in MathType. |
|
Screen readers cannot differentiate between super-script, sub-script and other numbers. For an exponent to be read correctly, MathType must be used. |
For more complicated formulas, click on Display for the MathType Equation dialog box. |
General
Word Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Document has a set language*, and the set language is correct. *Note: The default language is English. |
|
Documents should specify the language in which it has been created. Screen reading technologies rely on the specified language to determine how to pronounce the document text. |
|
Sufficient contrast between text and background is present. |
|
People with low vision, poor vision, or color blindness often find it hard to read text that does not contrast with the background. Colors of the text and background must be different enough to make the text easy to see. A contrast ratio of at least 4.5:1 for normal text, and 3:1 for large text should be present. |
Avoid using font colors such as pink, yellow and orange.
|
The document is not corrupt (malformed). |
|
Documents that are malformed cannot be opened and viewed by many or even most people. While some technologies might be able to deal with some malformed documents, there is no guarantee that everyone will be able to view the document or that the formatting and content will be as intended. |
If you do not have the original source document or cannot open the file: You may not be able to fix this problem. |
Multiple elements (i.e. color, underline, italics, etc.) are used to illustrate meaning. |
|
Color should not be used as the sole method of conveying content or distinguishing visual elements. If color is used to illustrate a concept, be sure to provide alternative means of obtaining the same information or provide an explanation within the text itself. For example, color alone should not be used to distinguish hyperlinks(Opens a New Window) from surrounding text unless the luminance contrast between the link and the surrounding text is at least 3:1 and an additional differentiation (e.g., it becomes underlined) is provided when the link is hovered over or receives focus. |
Add additional elements to items in which meaning is illustrated through color alone. This could include underlining, adding a note at the top of the document explaining that correct answers are underlined. Keep in mind that color can be used with additional elements, as long as the contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is present. |
Real text is used (not graphical text, such as Word Art). |
|
Graphical text may not be readable by screen readers and should be avoided in the body of text. |
Do not use graphical text. |
Font Type: Easily readable sans serif fonts (such as Tahoma, Verdana, Arial or Calibri) is used. Font Size of at least 12 point (for printouts) is used. |
|
Select a font that is easily legible to benefit all users. Basic, simple sans serif fonts, including Tahoma, Verdana, Arial or Calibri were developed specifically for use in electronic media. Sans serif fonts contain no extra decorations or flourishes, making them highly legible fonts. Avoid the use of decorative or overly stylized fonts, which are often difficult to read even for users without visual impairments or reading disabilities. |
|
Clear descriptions are used for hyperlinks that convey where the link goes. |
|
Screen reader users generate a list of links to assist in navigating a document; therefore, hyperlinks should be descriptive and clearly identify the target of the hyperlink. Redundant or ambiguous link text such as "More" is meaningless in this context. Use unique and descriptive hyperlink text, taking care to:
Note: For emails and printed documents it is best practice to add the URL after the description,
for example: |
|
Use proper ordered/unordered list structures. |
|
Hand-created lists cannot be read properly by screen readers because a proper list structure is needed to inform users that a list is present.
|
Note: Some re-formatting may be required. |
Headings
Word Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Document uses headings, and follows a logical structure. |
|
Sighted users rely on text size and bold to identify different sections, properly coding those as headings allows screen reading users to do the same. Headings are important as they provide structure to a document, especially those that consist of many pages. When proper headings are used, the document becomes much easier to understand and navigate for all users. Headings should be hierarchical, starting at heading level 1 for the title of the document, then heading level 2 for the sections of the document, then heading level 3 for subsections, and so on. Heading levels should not be skipped. A Table of Contents is recommended for documents 20 pages or longer. |
|
The headings begin at level 1. |
|
Document headings should always begin with Heading 1 or Level 1. For most documents, the title of the document should be Heading 1 or Level 1. Documents should only have one Heading 1 identified. |
|
The heading structure is six levels or less. |
|
When heading elements are correctly applied, they provide the same type of efficient navigation to individuals with visual disabilities. Proper heading elements allow screen reading technologies to quickly identify the headings on the page. In general, headings should not go beyond six levels. |
|
Images
Word Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
|
|
Alternative text is a textual alternative for an image that makes it easier to connect the image to its context and allows users with visual impairments to perceive the image. Screen readers speak the alternative text to describe images and other non-text content that users cannot see. Based on alt text, users can understand the purpose and meaning of the described content. Decorative images should be identified as decorative. Images identified as decorative will be skipped over by screen readers so be purposeful when identifying images as decorative. |
Note: The Title field can be left empty. |
Images or objects are inline with the text. |
|
If the image or object is not positioned inline with the surrounding text, it may be difficult for screen reader users to interact with the object. It may also be difficult to know where the object is relative to the text. |
|
Images made of many parts are snipped into one single image and includes alternative text. |
|
For images made up of many pieces, screen readers will read each individual piece of the image including lines and arrows, etc. Making a snip or screenshot of the image will create a single image in which alternative text can be added for the image as a whole. |
Contact the Center for Student Access: For complex diagrams, work with the Center for Student Access to create a tactile diagram as an accommodation. This may be the easiest way for the student to understand what is being represented. |
Images do not have contrast issues. |
|
Images that contain text with low contrast between the text and its background can cause the text to be difficult to read, especially for those with low vision, poor eyesight or color blindness. |
To adjust the contrast of an image: If you have access to an editing program, such as Photoshop: Upload the image into a program to increase the contrast.
|
Images or other mutlimedia are not prone to induce seizures. |
|
Animated images that contain flashing or contrasting lights or patterns can lead to seizures for people that suffer from photosensitive epilepsy, which is a very serious and potentially life-threatening condition. In addition, animated images with these characteristics can be generally unpleasant to look at, even for those not prone to seizures. |
Find an alternative image. Do not use this image. |
Tables
Word Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Table layouts are structured for easy navigation and proper reading order. |
|
Users rely on the table layout to navigate through the content. It must be ordered logically for users to understand and navigate the content. It is important to ensure that the reading order of the table makes sense. Screen reader technologies read tables from left to right, top to bottom, one cell at a time (no repeats). |
This will be the reading order that assistive technologies follow. |
Table has a simple structure. |
|
Tables should be built using the table tool with no split cells, merged cells, or nesting (table within another table). Users navigate tables via keyboard shortcuts and screen reading technologies, which rely on simple table structures. Blank spaces in tables to allow for completion are okay as long as the table is formatted as a table with headers. |
Some reformatting may be needed. Restructure nested items by: Reformatting the content into a simple format- bulleted list, numbered list, etc. |
Tables specify column header information. |
|
Users rely on the table headings to understand the content that is subsequently read by the screen reader. Also, screen reading technologies often use the table header row to help convey to the user the current cursor location in the table and to provide information that enables the user to navigate the table. Tables should not be used for layout purposes. If a table does not need headings (the top row or first column does not serve as a label for the data/info underneath/beside) then do not use a table. |
|
Alternative text (alt text) is provided for tables. |
|
The same way alt text can convey the meaning of an image, the alt text in a table provides screen reader users a summary of information that sighted users get when quickly browsing a table. |
|
|
|
Table data or information must be presented using the table tool. Proper table markups will alert users that a table is present, including the number of rows and columns. Mimicking tables by tabbing will not alert screen reader users that a table-like object is present. |
|
Word Accessibility Checker Exceptions - General
Word Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Repeated Blank Characters |
|
This warning can be ignored. Blank characters are not inherently inaccessible, except when used to create the impression of layout or structure, such as faking a table or multi-level list. It is okay to leave blank spaces for writing or to format documents. |
|
Infrequent Headings |
|
This warning can be ignored. As long as the actual headings are noted, the content of the document does not need to be changed to add additional headings if they are not needed. |
|
Handwriting for Math Solutions |
|
Handwritten problems/solutions do not need to be created using MathType since they change each semester. Instead, these would require an accommodation through the Center for Student Access. |
Word Accessibility Checker Exceptions - MathType
Word Documents Accessibility Rule | Issue Detected By | Why Fix This? | How To Fix This? |
---|---|---|---|
Alternative Text (alt text) for MathType Equations |
|
This warning can be ignored. Alternative text is not required for equations created using MathType. |
|
Greek Letters in Italics |
|
This will ensure Greek letters will not be italicized. |
|
Symbols on the Keyboard |
|
Generally, if a symbol can be typed using the keyboard, it should read okay. For example, %, +, etc. |
|
Arrows |
|
Use MathType to create arrows in chemical equations. |