accessible syllabus example - university of cincinnati · accessible syllabus example syllabus: ......
TRANSCRIPT
Accessibility Network at the University of Cincinnati
Accessible Syllabus Example
Syllabus:DL-1000- Introduction to eAccessibilityHeader 1
Add alternative text to images
Background InfoHeader 2Instructor Name: Jennifer SmithEmail: [email protected] Office Location: xxxx LangsamOffice Hours: 11:00 a.m.-1:00 p.m. T&H
Normal
Course OverviewHeader 2Introduction to Accessibility is a basic overview of the best practices in digital accessibility and how these can be used to create inclusive learning and working environments.
Course Learning OutcomesHeader 2At the end of this course, you will be able to: • Define eAccessibility • Explain the importance of eAccessibility for student success• Identify how federal laws define our responsibility to incorporate eAccessibility into electronic content • Distinguish between accessible and inaccessible materials• Explain the purpose and goals of the Accessibility Network at UC
Bulleted List
Assessments/Activities and Grading PolicyHeader 2Grading Scale Header 3
Grade Scaleby Letter
Grade Scaleby Percentage
Grade Scale by Points
A 90-100% 450-500B 80-89% 400-449C 70-79% 350-399D 60-69% 300-349F 0-59% 0-299
ColumnHeaders
Grade Breakdown by PercentageHeader 2Your progress in this course will be evaluated through weekly quizzes over the readings, two midterm exams and a final exam, as well as a group project and an individual project. Each project is weighted in its contribution to your final grade.
Accessibility Statement Header 2The University of Cincinnati is committed to providing all students with equal access to learning opportunities. Accessibility Resources is the official campus office that works to arrange for reasonable accommodations for students with an identified physical, psychological or cognitive disability (learning, ADD/ADHD, psychological, visual, hearing, physical, cognitive, medical condition, etc.) Students are encouraged to contact Accessibility Resources to arrange for a confidential meeting to discuss services and accommodations. Contact should be initiated as soon as possible to allow adequate time for accommodations to be arranged.
MeaningfulLink Text
Decorativeimage
(alternative text= “”)
Pie Chart: Questions People Lie About Header 2
Have you been �ossing?
Weight
Age
80%
10%
10%
AccessibleChart
This graph summarizes the survey results from a study on the “Questions People Lie About”. The majority of the participants, 80%, lie about whether they have been flossing. The rest of the participants, equally divided at 10% each, lie about either their weight or their age.
MeaningfulLink Text
Complex images, like charts and graphs, still require alternative text descriptions, but need an additional long
description as a caption. If a longer explanation is necessary, include it as a paragraph in the text of the page.
Run Accessibility
Checker
For more information, please visit http://www.uc.edu/ucit/accessibility.html or contact [email protected].
Accessibility Network at the University of Cincinnati
Accessible Document Example
AEMAccessibility
ImageAccessibility
AlternativeText• Thealternativetext(alsoknownas“alttext”or“alttag”)
isabriefdescriptionofanimageusedwithinapage.Thisdescriptionisusedtoexplainanimage’scontenttowebsitevisitorsusingascreenreader.
o NEVERleavetheAltTextfieldblankonanimagecomponento NEVERusenon-descriptiveterms
(suchas“image”or“photo”)inyourAltTextfield• Additionalinformationisavailable
onWebAIM’sAlternativeTextpage.
Header 1
Header 2Decorative
(alt text= “”)Header 3
Bulleted List
MeaningfulLink Text
AscreengrabfromAdobeAEM'scontentmanagementsystem.The“Image”dialoguewindowcontainsaformwhereyouaddimageinformation,includingalternatetext,requiredforallimagesontheuniversitywebsite.
Add Alternative
text to images
AscreengrabfromAdobeAEM'scontentmanagementsystem.The“Image”dialoguewindowcontainsaformwhereyouaddimageinformation,includingalternatetext,requiredforallimagesontheuniversitywebsite.
ImageCaption
Complex images still require alternative text descriptions, but need an additional long description as a caption. If a longer explanation is necessary, include it
as a paragraph in the text of the page.
TextAccessibilityAppropriateUseofHeadings• Headingtagsprovideahierarchicalstructurewithinapage.
o Example:
Heading1 Heading2 Heading3
• Donotuseheaderstoachievevisualresultsonly.Ifyouneedtocallattentiontoaparticularpieceoftext,thereareavarietyofstylesavailablethatcanhelpachievethis.
• AdditionalinformationisavailableonWebAIM’sSemanticStructurepage.
AppropriateUseofHyperlinks• Ensurethetextinthelinkmakessenseoutofcontext.
Avoidphraseslike“ClickHere”andbewareoftheredundancyofusingwordslike“Link”or“Linkto”.
Flawedlinktext: Betterlinktext:ClickHereforPrices PricesLinktoStaffBios StaffBios
LearnMoreMoreabouttheVeteransDayCeremony
OctoberCalendar(OpensinNewWindow)
OctoberCalendar(OpensinNewWindow)
• Additionalinformationisavailableon
WebAIM’sLinksandHypertextpage.
Header 2
Header 3
Bulleted List
MeaningfulLink Text
Decorative(alt text= “”)TextAccessibility
AppropriateUseofHeadings• Headingtagsprovideahierarchicalstructurewithinapage.
o Example:
Heading1 Heading2 Heading3
• Donotuseheaderstoachievevisualresultsonly.Ifyouneedtocallattentiontoaparticularpieceoftext,thereareavarietyofstylesavailablethatcanhelpachievethis.
• AdditionalinformationisavailableonWebAIM’sSemanticStructurepage.
AppropriateUseofHyperlinks• Ensurethetextinthelinkmakessenseoutofcontext.
Avoidphraseslike“ClickHere”andbewareoftheredundancyofusingwordslike“Link”or“Linkto”.
Flawedlinktext: Betterlinktext:ClickHereforPrices PricesLinktoStaffBios StaffBios
LearnMoreMoreabouttheVeteransDayCeremony
OctoberCalendar(OpensinNewWindow)
OctoberCalendar(OpensinNewWindow)
• Additionalinformationisavailableon
WebAIM’sLinksandHypertextpage.
Header 3
Bulleted List
ColumnHeaders
MeaningfulLink Text
Run Accessibility
Checker
For more information, please visit http://www.uc.edu/ucit/accessibility.html or contact [email protected].
Accessibility Network at the University of Cincinnati
Accessible Webpage Example
ShortDescriptive
Words
ConsistentNavigation
Header 1
MeaningfulLink Text
AlternativeText
Header 2
Video Captions
and Transcript
Header 2
Bulleted List
MeaningfulLink Text
Header 2
Alternative Text
MeaningfulLink Text
Complex images still require alternative text descriptions, but need an additional long description as a caption. If a longer explanation is necessary, include it
as a paragraph in the text of the page.
Run Accessibility
Checker
For more information, please visit http://www.uc.edu/ucit/accessibility.html or contact [email protected].
Accessibility Network at the University of Cincinnati
Accessible Presentations Example
Accessibility Network at the University of Cincinnati
Program Mission
To create a university community where eAccessibility matters, engaging:
•Cross-divisional partners
•University champions
•External collaborators
Accessibility Network Video Transcript
Add Alternative
text to images
Bulleted List
Add Alternative
text to images
Usetemplates
GoodContrast
Video Captions
and Transcript
MeaningfulLink Text
AddSpeaker’s
Notes Run Accessibility
Checker
For more information, please visit http://www.uc.edu/ucit/accessibility.html or contact [email protected].
Accessibility Network at the University of Cincinnati
Accessible Spreadsheet Example
Summary Cell A1
ColumnHeaders
usingcell styles
MeaningfulLink Text
Add Alternative
text to images
FreezeColumnHeaders
Simple Table using
template
GoodContrast
Add Alternative
text (Title and
Description)to table
Complex tables require alternative text descriptions. If a longer explanation is necessary, include it as a paragraph in
the text of the page or as a link.
Unique Sheet Tab
NamesRun
Accessibility Checker
For more information, please visit http://www.uc.edu/ucit/accessibility.html or contact [email protected].
Accessible InDesign ExampleAccessibility Network at the University of Cincinnati
1.) Start in InDesign:
GoodContrast
Threaded Text
Ungroup Objects
Add Alternative
text to images
LayerOrder
Tags
2.) Finish in Acrobat Pro:Run
Accessibility Checker
CheckTags
Check Reading
Order
For more information, please visit http://www.uc.edu/ucit/accessibility.html or contact [email protected].
Accessibility Network at the University of Cincinnati
Accessible PDF Example
1.) Export as interactive PDF from Word, PowerPoint, Excel, or InDesign CC
2.) Finish in Adobe Acrobat Pro DC:
CheckTags
Run Accessibility
Checker
Check Reading
OrderCheck for Alternative
text
LearnMore
For more information, please visit http://www.uc.edu/ucit/accessibility.html or contact [email protected].