Difference between revisions of "Tips for Providing Barrier-Free Access"

From Help Wiki
(Updating language and links to resources.)
 
(25 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{TwoColumn|lead=
+
 
|content=
+
<div class="container-fluid">
===Web Accessibility Guidelines===
+
<div class="row">
 +
<div class="col-md-8">
 +
<div class="lead">
 +
Tips and guidelines for accessibility at Evergreen
 +
</div>
 +
 
 +
====Making your class materials available to students with documented disabilities is not only good practice, it’s also a legal requirement.====
 +
===What can I do to make my course materials barrier-free and compatible with access technology?===
 +
 
 +
Most document/file types and digital formats, such as PDFs, Word docs, Excel spreadsheets, and web pages, can all be created in accessible barrier-free ways. Here are some tips:
 +
 
 +
*Books: Use books with standard formats and typefaces. Contact Access Services for alternate formats.
 +
*[[Accessible PDF|PDF]]: Check it with Adobe Acrobat's accessibility report, apply [[Optical Character Recognition|OCR]], and include tags.
 +
*[[Accessible Word Documents|Word Documents]]: Properly format visually and semantically with the application of styles - headings, bulleted lists, etc.
 +
*[[Accessible Spreadsheets|Spreadsheets]]: Proper use of semantics in Excel.
 +
*Web pages (including [[Accessible Canvas Pages|Canvas]] and [[Accessible WordPress Pages|WordPress]]): Evaluate the accessibility of your web page with the [https://addons.mozilla.org/en-US/firefox/addon/wave-accessibility-tool/ Firefox browser's WAVE toolbar] or Google Chrome's [https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh?hl=en-US WAVE Evaluation Tool Plugin].
 +
*[[Accessible Video|Video]]: Be sure any videos you use in the classroom or link to for students to view include captions and audio descriptions.
 +
 
 +
===Quick Accessibility Tips===
 
====Headings====
 
====Headings====
 
'''Use properly formatted headings to structure a page.'''
 
'''Use properly formatted headings to structure a page.'''
Line 11: Line 29:
 
'''Write meaningful link text.'''
 
'''Write meaningful link text.'''
 
*Links embedded in text should describe the link's destination. This helps all users navigate more efficiently, especially screen reader users.
 
*Links embedded in text should describe the link's destination. This helps all users navigate more efficiently, especially screen reader users.
====Tables====
+
====[[Accessible_Spreadsheets|Tables]]====
 
'''Create tables with column and/or row headers, and ensure a proper reading order'''
 
'''Create tables with column and/or row headers, and ensure a proper reading order'''
 
*Why Column Headers in a Data Table are Important  
 
*Why Column Headers in a Data Table are Important  
Line 29: Line 47:
 
'''Design clear and consistent navigation.'''  
 
'''Design clear and consistent navigation.'''  
 
*Clear and consistent navigation in your course will allow students to focus on your content rather than on how to find it.  
 
*Clear and consistent navigation in your course will allow students to focus on your content rather than on how to find it.  
====Blinking===
+
====Blinking====
 
'''Eliminate or limit blinking /flashing content to 3 seconds.'''
 
'''Eliminate or limit blinking /flashing content to 3 seconds.'''
 
*Blinking content is distracting, and it can cause seizures to occur in people with a photosensitive disorder.
 
*Blinking content is distracting, and it can cause seizures to occur in people with a photosensitive disorder.
Line 38: Line 56:
 
*Why labeling buttons and form fields are important
 
*Why labeling buttons and form fields are important
 
A screen reader will identify the button or form field by reading the label. The label should adequately describe the button’s action, and the form field label should indicate what information should be filled into the form field.
 
A screen reader will identify the button or form field by reading the label. The label should adequately describe the button’s action, and the form field label should indicate what information should be filled into the form field.
====Video/Audio====
+
====[[Accessible_Video|Video/Audio]]====
 
'''Keep a list of videos and audio recordings that are not captioned/subtitled or transcribed. Access Services will ask you for that list when you have a student with a captioning accommodation.'''
 
'''Keep a list of videos and audio recordings that are not captioned/subtitled or transcribed. Access Services will ask you for that list when you have a student with a captioning accommodation.'''
 
*Video captions benefit many viewers. Captions are essential for those who are deaf and hard of hearing, but they also aid in comprehension for non-native English speakers, those who are unfamiliar with vocabulary, and viewers with some learning disabilities or in a noisy environment
 
*Video captions benefit many viewers. Captions are essential for those who are deaf and hard of hearing, but they also aid in comprehension for non-native English speakers, those who are unfamiliar with vocabulary, and viewers with some learning disabilities or in a noisy environment
 
*Audio transcripts benefit many students. They are essential for those who are deaf or hard of hearing, but they also assist anyone who would like to read or search the transcript.  
 
*Audio transcripts benefit many students. They are essential for those who are deaf or hard of hearing, but they also assist anyone who would like to read or search the transcript.  
====Software====
+
====[[Accessibility_Software|Software]]====
 
'''Require only accessible software & applications.'''
 
'''Require only accessible software & applications.'''
 
*Inaccessible software and applications will shut out students with disabilities. For questions regarding interactive applications and software you may be using, please submit a ticket at help.evergreen.edu.  
 
*Inaccessible software and applications will shut out students with disabilities. For questions regarding interactive applications and software you may be using, please submit a ticket at help.evergreen.edu.  
====Math & Science====  
+
====[[Creating_Accessible_Math_Resources|Math & Science]]====
 
'''Write math and science equations accessibly.'''
 
'''Write math and science equations accessibly.'''
 
*For web pages, use the Math Editor in Canvas that outputs LaTeX. For MS Word and PPT documents, use the Math Type plugin.
 
*For web pages, use the Math Editor in Canvas that outputs LaTeX. For MS Word and PPT documents, use the Math Type plugin.
|sidebar=
+
 
 +
 
 +
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 
====Accessibility Reasorces====
 
====Accessibility Reasorces====
*[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology ]
+
*[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology]
*[[Making_Content_Accessible|Making Content Accessible]]
+
*[[Accessibility_Help|Accessibility Help Page]]
 +
*[[Tips_for_Providing_Barrier-Free_Access|Tips for Providing Barrier-Free Access]]
 
*[[Accessibility_Software|Accessibility Software]]
 
*[[Accessibility_Software|Accessibility Software]]
 
*[[Accessibility:_Where_to_Go_for_Help|Accessibility: Where to Go for Help]]
 
*[[Accessibility:_Where_to_Go_for_Help|Accessibility: Where to Go for Help]]
 +
*[[Optical_Character_Recognition|Optical Character Recognition]]
 +
====Creating Accessible Content====
 
*[[Accessible_Word_Documents|Accessible Word Documents]]
 
*[[Accessible_Word_Documents|Accessible Word Documents]]
 
*[[Create_an_Accessible_PDF|Create an Accessible PDF]]
 
*[[Create_an_Accessible_PDF|Create an Accessible PDF]]
*[[Getting_Help_with_Adaptive_and_Assistive_Technology|Getting Help with Adaptive and Assistive Technology]]
 
*[[Where_Can_I_Find_An_Accessible_Workstation|Where Can I Find An Accessible Workstation]]
 
 
*[[Creating_Accessible_Math_Resources|Creating Accessible Math Resources]]
 
*[[Creating_Accessible_Math_Resources|Creating Accessible Math Resources]]
 
*[[Accessible_Spreadsheets|Accessible Spreadsheets]]
 
*[[Accessible_Spreadsheets|Accessible Spreadsheets]]
*[[Accessible_Webpages|Accessible Webpages ]]
 
 
*[[Accessible_Video|Accessible Video]]
 
*[[Accessible_Video|Accessible Video]]
*[[Optical_Character_Recognition|Optical Character Recognition]]
+
*[[Accessible_Canvas_Pages|Accessible Canvas Pages]]
 +
*[[Accessible_WordPress_Pages|Accessible WordPress Pages]]
 +
*[[Accessibility_Within_Canvas_Checklist|Accessibility Within Canvas Checklist]]
 +
*[[Learn_more_about_Accessibiliity_and_Inclusive_Design|Learn more about Accessibiliity and Inclusive Design]]
 
----
 
----
 
{{GetHelp}}
 
{{GetHelp}}
}}
+
 
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 
[[Category:Accessibility]]
 
[[Category:Accessibility]]

Latest revision as of 18:35, 26 February 2019

Tips and guidelines for accessibility at Evergreen

Making your class materials available to students with documented disabilities is not only good practice, it’s also a legal requirement.

What can I do to make my course materials barrier-free and compatible with access technology?

Most document/file types and digital formats, such as PDFs, Word docs, Excel spreadsheets, and web pages, can all be created in accessible barrier-free ways. Here are some tips:

  • Books: Use books with standard formats and typefaces. Contact Access Services for alternate formats.
  • PDF: Check it with Adobe Acrobat's accessibility report, apply OCR, and include tags.
  • Word Documents: Properly format visually and semantically with the application of styles - headings, bulleted lists, etc.
  • Spreadsheets: Proper use of semantics in Excel.
  • Web pages (including Canvas and WordPress): Evaluate the accessibility of your web page with the Firefox browser's WAVE toolbar or Google Chrome's WAVE Evaluation Tool Plugin.
  • Video: Be sure any videos you use in the classroom or link to for students to view include captions and audio descriptions.

Quick Accessibility Tips

Headings

Use properly formatted headings to structure a page.

  • Headings help to organize content, making it easier for everyone to read. Headings are also a primary way for people using screen reading software to navigate a page of text.

Lists

Format lists as proper lists.

  • Formatting is conveyed to assistive technologies and mobile devices so they can present information as it’s meant to be presented. Properly formatted documents are more understandable and accessible.

Links

Write meaningful link text.

  • Links embedded in text should describe the link's destination. This helps all users navigate more efficiently, especially screen reader users.

Tables

Create tables with column and/or row headers, and ensure a proper reading order

  • Why Column Headers in a Data Table are Important

Using table headers is important to conveying tabular data accurately.

  • Why the Reading Order in a Table is Important

Screen readers read tables from left to right, top to bottom, one cell at a time (& only once). If cells are split or merged, it could throw the reading order off which may make the table difficult to comprehend by users who are blind and using a screen reader to navigate.

Color

Use sufficient color contrast, and don't use color alone to convey meaning.

  • Without sufficient color contrast between font and background, people who are color blind and low vision will not benefit from the information. And using color alone to convey meaning will leave those who are color blind or blind unable to interpret the meaning.

Keyboard

Ensure that any action that uses a mouse can also be completed using only the keyboard.

  • Mobility and visual disabilities often make using a mouse impossible or ineffective. If the content is not keyboard accessible, it will limit who can learn from the content.

Images

Provide alternative (Alt) text descriptions for images.

  • Alt text is read by a screen reader. It should adequately describe what is being displayed and why it’s important. This allows screen reader users to benefit from the information being conveyed by the image, even if they cannot see it.

Navigation

Design clear and consistent navigation.

  • Clear and consistent navigation in your course will allow students to focus on your content rather than on how to find it.

Blinking

Eliminate or limit blinking /flashing content to 3 seconds.

  • Blinking content is distracting, and it can cause seizures to occur in people with a photosensitive disorder.

Forms

Label form fields and buttons clearly, and Ensure a proper logical reading order in a form.

  • Why the reading order of a form is important

Using the tab key, your cursor should follow through the form in the same order it is intended to be completed. This benefits user who cannot use a mouse.

  • Why labeling buttons and form fields are important

A screen reader will identify the button or form field by reading the label. The label should adequately describe the button’s action, and the form field label should indicate what information should be filled into the form field.

Video/Audio

Keep a list of videos and audio recordings that are not captioned/subtitled or transcribed. Access Services will ask you for that list when you have a student with a captioning accommodation.

  • Video captions benefit many viewers. Captions are essential for those who are deaf and hard of hearing, but they also aid in comprehension for non-native English speakers, those who are unfamiliar with vocabulary, and viewers with some learning disabilities or in a noisy environment
  • Audio transcripts benefit many students. They are essential for those who are deaf or hard of hearing, but they also assist anyone who would like to read or search the transcript.

Software

Require only accessible software & applications.

  • Inaccessible software and applications will shut out students with disabilities. For questions regarding interactive applications and software you may be using, please submit a ticket at help.evergreen.edu.

Math & Science

Write math and science equations accessibly.

  • For web pages, use the Math Editor in Canvas that outputs LaTeX. For MS Word and PPT documents, use the Math Type plugin.