Accessible Canvas Pages - Revision history

Irishb at 22:34, 26 February 2026

2026-02-26T22:34:04Z

Irishb at 01:27, 15 February 2025

2025-02-15T01:27:45Z

Irishb at 20:42, 7 January 2023

2023-01-07T20:42:11Z

Greenea at 20:04, 8 March 2020

2020-03-08T20:04:24Z

Carpenti at 21:39, 5 October 2017

2017-10-05T21:39:45Z

Carpenti at 22:00, 3 October 2017

2017-10-03T22:00:35Z

Carpenti at 23:16, 30 September 2017

2017-09-30T23:16:07Z

Carpenti at 22:33, 30 September 2017

2017-09-30T22:33:24Z

Carpenti at 03:11, 29 September 2017

2017-09-29T03:11:13Z

Carpenti at 02:58, 29 September 2017

2017-09-29T02:58:14Z

@@ Line 92: / Line 92: @@
 <div class="col-md-1"></div>
 <div class="col-md-3 sidebar">
-====Accessibility Reasorces====
+====Accessibility Resources====
 *[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology ]
-*[[Accessibility_Help|Accessibility Help Page ]]
+*[[Accessibility_Help|Accessibility Help Page]]
 *[[Tips_for_Providing_Barrier-Free_Access|Tips for Providing Barrier-Free Access]]
 *[[Accessibility_Software|Accessibility Software]]
@@ Line 106: / Line 106: @@
 *[[Accessible_Video|Accessible Video]]
 *[[Accessible_Canvas_Pages|Accessible Canvas Pages]]
-*[[Accessible_WordPress_Pages|Accessible WordPress 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]]

@@ Line 7: / Line 7: @@
 </div>
-===Accessible Canvas Web Pages===
+Canvas strives to be Accessible out-of-the-box by applying universal design strategies from the start. As we add content to our sites, we also need to apply best practices. Below is information about how to initiate a Canvas site and the essential steps for creating Accessible web-based and digital content.
-====Page Template:====
-'''Select an [https://helpwiki.evergreen.edu/wiki/index.php/Canvas_Site_Templates Evergreen Canvas site template].''' (In-house templates are generally developed by Academic Technologies and available to apply when self-initiating.)
-#Faculty can self-initiate Canvas for their offerings, see [http://wikis.evergreen.edu/computing/index.php/Selecting_Academic_Technologies Selecting Academic Technologies] for directions.
-#Questions? Contact Academic Technologies through [https://help.evergreen.edu help.evergreen.edu]
-====Images:====
+==== Site Templates ====
 '''Add alternative (Alt) text to images.'''
 #Click Edit to open the Rich Content Editor
@@ Line 27: / Line 32: @@
 #Click the blue Update button to save.
-====Links:====
+==== Lists ====
-'''Write meaningful link text that indicates the link’s destination.'''
+'''Use the "Ordered and Unordered Lists" Tool.'''
-#Highlight meaningful text for the link (ex. The Evergreen State College)
+# In the content field, select the items you want to format as a list.
 #From the Rich Content Editor's toolbar, click on the Link to URL icon (resembles a chainlink)
 # In the Link to Website URL window, paste or type the URL (http://www.evergreen.edu) into the insert box and click the Insert Link button.
-====Tables:====
 '''Indicate column (or row) headers in data tables.'''
 #To add scope, select the relevant cells of the table to be marked as row or column header.
@@ Line 54: / Line 65: @@
 # Merged, nested, and split cells may alter the reading order of a table.
 # Make sure you construct your tables in a way that accommodates a good reading order.
 ====Color====
 '''Use sufficient color contrast'''
 # Highlight the text you want to change to another color
@@ Line 61: / Line 74: @@
 '''TIP:''' Utilize the [http://webaim.org/resources/contrastchecker/ WebAIM Color Contrast Checker] to ensure adequate color contrast.
 '''Don’t use color alone to convey meaning.'''
-#Don’t use color alone to make a distinction, a comparison or to set something apart from the rest of the webpage. If you categorize something by color alone, those who are color blind or blind will not benefit from the color distinction
+* Don’t use color alone to make a distinction, a comparison or to set something apart from the rest of the webpage. If you categorize something by color alone, those who are color blind or blind will not benefit from the color distinction
 ====Math & Science====
 '''Write math and science equations using the Math Editor (LaTeX-based) in Canvas.'''
-#Use the LaTeX Math Editor in Canvas, available in the Rich Content Editor toolbar by clicking on the Insert Math Equation button (paragraph symbol between the Embed Image and Record/Upload Media buttons). For more information, go to the Math & Science page in this handbook.
+* Use the LaTeX Math Editor in Canvas, available in the Rich Content Editor toolbar by clicking on the Insert Math Equation button (paragraph symbol between the Embed Image and Record/Upload Media buttons). For more information, go to the Math & Science page in this handbook.
-====Multimedia:====
-#Eliminate or limit blinking/flashing content to 3 seconds
-#Make sure all mouse actions can also be completed with a keyboard alone.
+==== Multimedia ====
-#Use an accessible media player like YouTube or Vimeo.
+* Eliminate or limit blinking/flashing content to 3 seconds

@@ Line 9: / Line 9: @@
 ===Accessible Canvas Web Pages===
 ====Page Template:====
-'''Use the most current Canvas site template. (Templates are provided by Academic Technologies and applied automatically.)'''
+'''Select an [https://helpwiki.evergreen.edu/wiki/index.php/Canvas_Site_Templates Evergreen Canvas site template].''' (In-house templates are generally developed by Academic Technologies and available to apply when self-initiating.)
-#Use this [http://wikis.evergreen.edu/computing/index.php/Selecting_Academic_Technologies HelpWiki guide] to self-select academic resources, Selecting Academic Technologies.
+#Faculty can self-initiate Canvas for their offerings, see [http://wikis.evergreen.edu/computing/index.php/Selecting_Academic_Technologies Selecting Academic Technologies] for directions.
 #Questions? Contact Academic Technologies through [https://help.evergreen.edu help.evergreen.edu]

← Older revision		Revision as of 20:04, 8 March 2020
Line 107:		Line 107:

	[[Category:Accessibility]]		[[Category:Accessibility]]
		+	[[Category:Canvas]]

@@ Line 90: / Line 90: @@
 *[[Accessible_Canvas_Pages|Accessible Canvas Pages]]
 *[[Accessible_WordPress_Pages|Accessible WordPress Pages ]]
 ----
 {{GetHelp}}

@@ Line 1: / Line 1: @@
-{{TwoColumn|lead=
-A Guide for Creating Accessible Canvas Pages
+<div class="container-fluid">
-|content=
+<div class="row">
 ===Accessible Canvas Web Pages===
 ====Page Template:====
@@ Line 64: / Line 69: @@
 #Make sure all mouse actions can also be completed with a keyboard alone.
 #Use an accessible media player like YouTube or Vimeo.
-|sidebar=
 ====Accessibility Reasorces====
 *[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology ]
@@ Line 82: / Line 92: @@
 ----
 {{GetHelp}}
-}}
 [[Category:Accessibility]]

@@ Line 72: / Line 72: @@
 *[[Accessibility_Software|Accessibility Software]]
 *[[Accessibility:_Where_to_Go_for_Help|Accessibility: Where to Go for Help]]
 *[[Optical_Character_Recognition|Optical Character Recognition]]
 ====Creating Accessible Content====