Accessibility and Usability: Learn More - Revision history

Jflorent at 17:04, 5 October 2020

2020-10-05T17:04:18Z

← Older revision		Revision as of 10:04, 5 October 2020
Line 33:		Line 33:

	[https://youtu.be/r50HSBtgAEg Mr. Bart Everson on the importance of accessibility (4:32)]<br />		[https://youtu.be/r50HSBtgAEg Mr. Bart Everson on the importance of accessibility (4:32)]<br />
	[[Media:~~Dr_Krista_Mincey_Transcript~~.pdf\|Mr. Bart Everson video transcript (PDF)]]		[[Media:Mr Bart Everson Accessibility Usability Part1 Transcript.pdf\|Mr. Bart Everson (part 1) video transcript (PDF)]]
	<br><br>		<br><br>

Line 75:		Line 75:

	[https://youtu.be/FaTuIQzZOGQ Mr. Bart Everson on the importance of readability (3:57)]<br />		[https://youtu.be/FaTuIQzZOGQ Mr. Bart Everson on the importance of readability (3:57)]<br />
	[[Media:~~Dr_Krista_Mincey_Transcript~~.pdf\|Mr. Bart Everson video transcript (PDF)]]		[[Media:Mr Bart Everson Accessibility Usability Part2 Transcript.pdf\|Mr. Bart Everson (part 2) video transcript (PDF)]]
	<br><br>		<br><br>

Jflorent at 00:11, 5 October 2020

2020-10-05T00:11:43Z

← Older revision		Revision as of 17:11, 4 October 2020
Line 83:		Line 83:
	The idea of '''visual clarity''' includes using legible fonts, color contrast, white space, headings, and indents to organize text visually. You'll also want to eliminate distracting elements like animations and graphics that are purely decorative. Don't get too subtle or fancy with color - remember different devices will render graphics differently, to say nothing of the variation in our eyeballs. Keep it simple.		The idea of '''visual clarity''' includes using legible fonts, color contrast, white space, headings, and indents to organize text visually. You'll also want to eliminate distracting elements like animations and graphics that are purely decorative. Don't get too subtle or fancy with color - remember different devices will render graphics differently, to say nothing of the variation in our eyeballs. Keep it simple.

	It's probably a good idea to get a second set of eyes to look over your content, preferably someone who hasn't seen it before and isn't overly familiar with the topic. You may wish to work your way through the [[Media:Usability Questions for Online Courses.pdf\|Usability Questions for Online Courses (PDF)]]. For further inspiration, check out [http://www.visualmess.com/ VisualMess.com] for a great overview of the principles of clean design~~. In this module, we're also including a slide deck with visual clarity exercises which you can download and edit (see [[Accessibility and Usability: Take Action]])~~.		It's probably a good idea to get a second set of eyes to look over your content, preferably someone who hasn't seen it before and isn't overly familiar with the topic. You may wish to work your way through the [[Media:Usability Questions for Online Courses.pdf\|Usability Questions for Online Courses (PDF)]]. For further inspiration, check out [http://www.visualmess.com/ VisualMess.com] for a great overview of the principles of clean design.

	'''Readability''' includes writing in active voice and at an approachable reading level. To check readability you can paste in a sample of your text into a readability checker, such as readable.com. You can also check readability within Microsoft Word. Again, you'll want to use legible fonts and adhere to the principles of visual clarity. Finally, if you are sharing PDFs, make sure they contain actual text and not just pictures of text. If this is a problem you may need to investigate OCR or optical character recognition.		'''Readability''' includes writing in active voice and at an approachable reading level. To check readability you can paste in a sample of your text into a readability checker, such as readable.com. You can also check readability within Microsoft Word. Again, you'll want to use legible fonts and adhere to the principles of visual clarity. Finally, if you are sharing PDFs, make sure they contain actual text and not just pictures of text. If this is a problem you may need to investigate OCR or optical character recognition.

Jflorent: /* Visual Clarity, Readability, and Consistency */

2020-09-28T19:43:19Z

Visual Clarity, Readability, and Consistency

← Older revision		Revision as of 12:43, 28 September 2020
Line 83:		Line 83:
	The idea of '''visual clarity''' includes using legible fonts, color contrast, white space, headings, and indents to organize text visually. You'll also want to eliminate distracting elements like animations and graphics that are purely decorative. Don't get too subtle or fancy with color - remember different devices will render graphics differently, to say nothing of the variation in our eyeballs. Keep it simple.		The idea of '''visual clarity''' includes using legible fonts, color contrast, white space, headings, and indents to organize text visually. You'll also want to eliminate distracting elements like animations and graphics that are purely decorative. Don't get too subtle or fancy with color - remember different devices will render graphics differently, to say nothing of the variation in our eyeballs. Keep it simple.

	It's probably a good idea to get a second set of eyes to look over your content, preferably someone who hasn't seen it before and isn't overly familiar with the topic. You may wish to work your way through the [[Media~~:File~~:Usability Questions for Online Courses.pdf\|Usability Questions for Online Courses (PDF)]]. For further inspiration, check out [http://www.visualmess.com/ VisualMess.com] for a great overview of the principles of clean design. In this module, we're also including a slide deck with visual clarity exercises which you can download and edit (see [[Accessibility and Usability: Take Action]]).		It's probably a good idea to get a second set of eyes to look over your content, preferably someone who hasn't seen it before and isn't overly familiar with the topic. You may wish to work your way through the [[Media:Usability Questions for Online Courses.pdf\|Usability Questions for Online Courses (PDF)]]. For further inspiration, check out [http://www.visualmess.com/ VisualMess.com] for a great overview of the principles of clean design. In this module, we're also including a slide deck with visual clarity exercises which you can download and edit (see [[Accessibility and Usability: Take Action]]).

	'''Readability''' includes writing in active voice and at an approachable reading level. To check readability you can paste in a sample of your text into a readability checker, such as readable.com. You can also check readability within Microsoft Word. Again, you'll want to use legible fonts and adhere to the principles of visual clarity. Finally, if you are sharing PDFs, make sure they contain actual text and not just pictures of text. If this is a problem you may need to investigate OCR or optical character recognition.		'''Readability''' includes writing in active voice and at an approachable reading level. To check readability you can paste in a sample of your text into a readability checker, such as readable.com. You can also check readability within Microsoft Word. Again, you'll want to use legible fonts and adhere to the principles of visual clarity. Finally, if you are sharing PDFs, make sure they contain actual text and not just pictures of text. If this is a problem you may need to investigate OCR or optical character recognition.

Jflorent at 19:42, 28 September 2020

2020-09-28T19:42:44Z

@@ Line 48: / Line 48: @@
 # '''readability''', and
 # '''consistency''' (which includes '''findability''' -- yes, that's a neologism, don't worry, I'll come back to all this).
 So let's start with '''accessibility'''. It's important to remember that we all experience the world differently. People with certain vision impairments see the world differently. Depending on your vision, you may not have noticed anything unusual about the color scheme of this video. Some are not able to see at all. No matter the case, we want our students to be able to access our content and learn. With a little bit of understanding and planning, we can accomplish this.
@@ Line 71: / Line 70: @@
 Holy heck! Who knew that Brightspace has a built-in Accessibility Checker? It's as easy as clicking a button. Read all about it on the CAT FooD blog: [https://cat.xula.edu/food/brightspace-tip-156-accessibility-checker/ Brightspace Tip #156: Accessibility Checker].

Jflorent: /* Accessibility and Usability: Learn More */

2020-09-28T18:53:21Z

Accessibility and Usability: Learn More

← Older revision		Revision as of 11:53, 28 September 2020
Line 33:		Line 33:

	[https://youtu.be/r50HSBtgAEg Mr. Bart Everson on the importance of accessibility (4:32)]<br />		[https://youtu.be/r50HSBtgAEg Mr. Bart Everson on the importance of accessibility (4:32)]<br />
	[[Media:Dr_Krista_Mincey_Transcript.pdf\|Dr. ~~Tiera Coston~~ video transcript (PDF)]]		[[Media:Dr_Krista_Mincey_Transcript.pdf\|Mr. Bart Everson video transcript (PDF)]]
	<br><br>		<br><br>

Jflorent: Created page with "
640px
==Accessibility and Usability: Learn More==
There are two videos, with text in between; make..."

2020-09-28T18:50:56Z

Created page with "<div style="text-align: center">640px</div> ==Accessibility and Usability: Learn More== <br> There are two videos, with text in between; make..."

New page

<div style="text-align: center">[[File:Interior-1200x400.jpg|640px]]</div>

==Accessibility and Usability: Learn More==
<br>
There are two videos, with text in between; make sure you scroll all the way down to see everything. The text and the videos cover the same material, so you can choose either to read or to watch, but you probably don't need to do both, unless you want to.

'''Purpose:''' This is what you need to know about making your course both usable and accessible.

----

Watching this video will assist you in meeting the following objectives:

:'''Course'''
:* Develop an online course that incorporates eight general standards for quality online teaching.
:* Build an online course in the Brightspace learning management system.

:'''Module'''

:* Create course navigation that facilitates ease of use.
:* Design a course that facilitates readability.
:* Provide accessible text and images to meet the needs of diverse learners.
:* Provide alternative means of access to multimedia content in formats that meet the needs of diverse learners.
:* Identify effective ways to make a course usable and accessible in Brightspace

----

<br><br>
{{#widget:YouTube|id=r50HSBtgAEg}}

[https://youtu.be/r50HSBtgAEg Mr. Bart Everson on the importance of accessibility (4:32)]<br />
[[Media:Dr_Krista_Mincey_Transcript.pdf|Dr. Tiera Coston video transcript (PDF)]]
<br><br>

===Accessibility is the First Principle of Usability===

Usability is not typically a consideration in traditional face-to-face teaching, but web and software developers have been contending with these issues for decades. For example: navigation. Especially in the early years, the typical experience for the typical user on the World Wide Web was that they were lost. Simply finding one's way around has gotten easier. We've gotten better at building websites that facilitate effective navigation. It doesn't happen by accident. It happens by design.

Now that we are teaching online, it's a concern for us too. The experience for the user -- in this case, the student -- is largely shaped by the design choices we make as teachers. Good design choices can facilitate a good experience, meaning that the student is able to find the information they need, learn what they need to learn, and demonstrate that to you; not-so-good design choices may lead to difficulties and frustrations for everyone involved.

We want people to be able to use what we're building, so we call this usability, and there are four major principles to consider:

# '''accessibility''' (which is something you may already be familiar with from traditional face-to-face instruction),
# '''visual clarity''',
# '''readability''', and
# '''consistency''' (which includes '''findability''' -- yes, that's a neologism, don't worry, I'll come back to all this).

So let's start with '''accessibility'''. It's important to remember that we all experience the world differently. People with certain vision impairments see the world differently. Depending on your vision, you may not have noticed anything unusual about the color scheme of this video. Some are not able to see at all. No matter the case, we want our students to be able to access our content and learn. With a little bit of understanding and planning, we can accomplish this.

For our purposes, there are four major categories of disability that we should keep in mind when designing our course:

# '''visual''' disabilities,
# '''hearing''' disabilities,
# '''cognitive''' disabilities, and
# '''motor''' disabilities.

Now, let's consider specific actions you should take.

First of all, you should have a statement in your syllabus that indicates your policy regarding students with disabilities, including any specific considerations unique to your course, and obviously aligned with university policy.

Furthermore, there are several things you can should do while building your course to enhance accessibility. These practice help with screen readers and the like.

# '''Use the semantic styles''' which are built into the HTML editor. In other words, don't just make a heading big and bold -- use the built-in styles to designate a first-level heading, a second-level subheading, and so forth.
# '''When you make links''', use text that is meaningful and concise. Never write "click here." Instead, write something like "The National Institutes of Health provide a useful summary," and make that text the link. Don't expose the bare URL unless it is quite short.
# '''When using an image''', Brightspace should prompt you to provide alternative text. You should describe the image as briefly as possible, or designate it as purely decorative.
# '''When making a video''', be sure to provide captions. Automatic captioning is provided by some video hosting services, such as YouTube, however you'll want to check and correct those captions for accuracy. If you write a script, like I did for this video, you can make that text available to your students or perhaps even feed it into the video captions.

Holy heck! Who knew that Brightspace has a built-in Accessibility Checker? It's as easy as clicking a button. Read all about it on the CAT FooD blog: [https://cat.xula.edu/food/brightspace-tip-156-accessibility-checker/ Brightspace Tip #156: Accessibility Checker].

'''Next Topic:''' [[Accessibility and Usability: See Brightspace Examples]]<br>
'''Previous Topic:''' [[Accessibility and Usability]]<br>
'''Main Page:''' [[LearnEverywhereXULA]]

----

[[Image:By-nc-sa.png|Creative Commons License]] Except where otherwise noted, this work, "#LearnEverywhereXULA", by CAT+FD is licensed under a [http://creativecommons.org/licenses/by-nc-sa/4.0/ Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License] and is adapted from [https://canvas.ucdavis.edu/courses/34528 IU Teaching Online] used under [http://creativecommons.org/licenses/by-nc-sa/4.0/ CC BY-NC-SA 4.0] license.