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: xxxxx@ucmail.uc.edu 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 Accessibility.Network@uc.edu.

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 Accessibility.Network@uc.edu.

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 Accessibility.Network@uc.edu.

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 Accessibility.Network@uc.edu.

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 Accessibility.Network@uc.edu.

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 Accessibility.Network@uc.edu.

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 Accessibility.Network@uc.edu.