Logo

Accessibility I - Shared screen with speaker view
Kay Fischer
41:01
Hello everyone! My name is Kay Fischer, Ethnic Studies, Chabot College
Shagun Kaur
45:37
Libretext Guide to Hyperlinking: https://chem.libretexts.org/Courses/Remixer_University/LibreTexts_Construction_Guide/03%3A_Basic_Editing/3.06%3A_Hyperlinking
Shagun Kaur
48:23
Best Practices Summarized:• Use one unique h1 per page that describes what that page is about. That h1 preferably starts just above the main content.• Use headings to describe the content below. Do not use an HTML heading just to make the text appear bigger or stand out.• Use heading levels like the index of a book: hierarchical.• Do not choose a heading by its size, but by its level in the context of the content.• Do not skip a heading level from the top down.
HANAA ALKASSAS
48:42
👍
Shagun Kaur
50:05
And anything under font size 12 generally becomes inaccessible in LT
Kay Fischer
54:50
thank you!
Shagun Kaur
56:39
Please note that there might be certain things we may not want to mess with in LT because it is a home grown system and some things continue to be glitchy. So much of what is beign stated here is best practices for LibreTexts
Shagun Kaur
59:29
Color should not be the only way to convey information in an image or text.
Shagun Kaur
01:00:54
WebAim's article on communicating to the colorblind user: https://webaim.org/articles/visual/colorblind
Shagun Kaur
01:01:06
Think of the cognitive overload for all readers/users
Dawn Okinaka
01:01:08
Anything in the San Serif family
Shagun Kaur
01:02:19
Serif fonts are typically for print [think Bookman etc.]and San Serif [Ariel] works great for online.
Shagun Kaur
01:03:25
A good resources to doublecheck and read on accessibility. It is novice friendly language which I like: https://accessibility.princeton.edu/how/content
Shagun Kaur
01:05:11
Toptal Link: https://www.toptal.com/designers/colorfilter
Dawn Okinaka
01:05:39
If you are using Chrome there is a plugin called Colorblindly that works great also
Shagun Kaur
01:05:45
Color Contrast Checker is another one and is a Chrome extension: https://chrome.google.com/webstore/detail/color-contrast-analyzer/dagdlcijhfbmgkjokkjicnnfimlebcll
Shagun Kaur
01:06:43
To download WAVE as browser extension: https://wave.webaim.org/extension/
Jude Baldwin
01:08:55
WAVE can be used to check a Canvas page?
Jude Baldwin
01:09:25
👍🏻
Shagun Kaur
01:16:57
And in Google Docs and in Word the document outline shows the same hierarchy to indicate headings done right.
Shagun Kaur
01:20:17
This recording and slides will be archived on our website
Shagun Kaur
01:20:26
Link to Google Slides: https://docs.google.com/presentation/d/1HGYv94kS4n9-BrSqgZKTfNBT3xSHU-_c3ltjLmOyUZ0/edit#slide=id.gf4069e7afb_1_23
Shagun Kaur
01:21:53
The revised link tot he slides: https://docs.google.com/presentation/d/1HGYv94kS4n9-BrSqgZKTfNBT3xSHU-_c3ltjLmOyUZ0/edit?usp=sharing
Jude Baldwin
01:22:52
The Pope Tech tool is great!
Dawn Okinaka
01:23:09
Pope Tech Instructor Accessibility Guide for Canvas
Dawn Okinaka
01:23:54
https://forms.gle/1Zs4JXjws1XKkhM1A