10 Tips for Creating Accessible Web Content with WCAG 2.0

110 Tips for Implementing Accessible Online MediaJanet SylviaWeb Accessibility Trainer

www.3playmedia.comtwitter: @3playmedialive tweet: #a11yType questions in the window during the presentationRecording of presentation will be available for replayTo view live captions, please click the link in the chat window

Lily Bond3Play MediaDirector of Marketinglily@3playmedia.com

OLC Workshops of Interest to YouSpecial discounts available for OLC Members!

April 13 15, 2016 - Designing with Accessibility in Mind 3 Day Workshop

http://onlinelearningconsortium.org/learn/workshops

AgendaIntroduction to Accessible Online Media

10 Tips for Implementing Accessible Online Media5 Tips for Administrators and Policy Makers5 Tips for Media Creators

Definition of Accessible

Accessible means a person with a disability is afforded the opportunity

to acquire the same information, engage in the same interactions, and enjoy the same services as a person without a disabilityin an equally effective and equally integrated manner, with substantially equivalent ease of use.

The person with a disability must be able to obtain the information as fully, equally and independently as a person without a disability.

Settlement Agreements, US Dept of Education

Is your online media accessible?Media TypesAudio-onlyPodcastLecture SeriesPublic Service Announcements

Video-onlyVideo Tutorial

Audio and VideoAudio-narrated PowerPointStreaming VideoLecture Capture

Is your online media accessible?Media TypesAudio-onlyPodcastLecture SeriesPublic Service Announcements

Video-onlyVideo Tutorial

Audio and VideoAudio-narrated PowerPointStreaming VideoLecture Capture

Disability TypesHearingVisualMotorCognitive

Accessibility RequirementsAudio onlyText Transcript (of spoken word)

Video onlyVideo Description (of key visual elements)Text

Audio and VideoClosed CaptionsText Transcript and Video Description (i.e. Descriptive Text Transcript)Or Audio Description

Accessible Media Player

Who is Responsible?Everyone involved in design, development and delivery of online media, including:

AdministratorsDigital Media DevelopersFaculty and InstructorsInstructional DesignersTechnology TeamsProcurement PersonnelWebsite Developersetc.

10 Tips for Implementing Accessible Online Media

5 Tips for Administrators and Policy Makers

1) Legal RequirementsCivil Rights LegislationAmericans with Disabilities Act (ADA)21st Century Communications and Video Accessibility Act (CVAA)Section 504 of Rehabilitation Act

Standards and GuidelinesFCC Quality RequirementsSection 508 StandardsWeb Content Accessibility Guidelines (WCAG) 2.0

Laws of your home state, province, territory, country

Landmark CasesNational Assoc of the Deaf (NAD) vs. Harvard, and MIT (2015)Failed to provide captioning, accurate captions and text transcriptsNote: content housed on both internal and external sites

NAD vs. Netflix (2010)Inaccessible video Note: Settlement states Netflix qualifies as a place of public accommodation (internet) even though no physical structure

2) Accessibility PolicyGoals and TargetsStandards for ComplianceScope: Websites, Online Courses, Internal and External ServersWho is ResponsibleMonitoringDelivery MilestonesAccessibility Contacts

Implementation PlanAvailable to all personnel

3) Administrative Buy-inConsistent Across Organization

Knowledgeable about Accessibility Policy

Policy Distribution Campus-wide

Support for Who is Responsible

Budget and Resource Allocation

4) Budget and ResourcesCaptioning and Transcription Services

Training for Who is Responsible

Funding Options (may include)Line item on Department BudgetDatabase of Accessible Online MediaFellows Program StipendGrants for Captioning CostsLine item on Grant-funded ProjectsPersonnel HoursProcurement Bids to Secure Best RatesPurchase Captioned Video

5) Prioritization Plan NeedAccommodation requestRequired by individuals with disabilitiesMission critical

ContentVideo best format for content deliveryVideo quality worth time and expenseAudience: high enrollment or limited audience

AccessProduction dateDate of last accessMost recently accessedMost frequently accessedLifespan of video

17

5 Tips for Media Creators

1. Choose an Accessible Media Player18

19Ideally, an accessible media player should provide the ability to:Add closed captionsAdd transcripts & video description (i.e., descriptive text transcripts)Add audio description tracksSupport a sign language track (*Level AAA)

Further, it should:Have full functionality using a keyboardHave sufficient color contrastAllow the user to customize the playerWhat Should It Have?

Players with Accessibility Support20This is not an exhaustive list; instead, it is a list of players providing accessibility support and working to improve the accessibility of their players.Able PlayerJW PlayerVideo.js (Brightcove)YouTube (HTML5 Version)Kaltura

MediasiteBBC iPlayerPayPalOzPlayerAcorn Player

Able Player21

Other Accessibility Features to Consider22Integrations with vendorsSearch pluginsHTML5 vs Flash (Consider this w/ YouTube embeds)Tab index orderPositioning of captions to not obscure content on the screen

2. Challenges & Solutions for Inaccessible Players23

Challenge | CaptionsChallenge: Video player does not provide the ability to add a captions track

Solution 1: Open captionsSolution 2: Interactive TranscriptSolution 3: Publish the video in 2 places so that people who need captions can view them (i.e., a privately listed YouTube video w/ an SRT or WebVTT track)24

Challenge | Text Transcripts/DescriptionChallenge: Video player does not provide the ability to add a text transcript or text video description

Solution 1: Paste the transcript on the page hosting the videoSolution 2: Link to the transcript from the video description, video page, or course page*Note: SHOW MORE link in YouTube description is not accessible to screen readers. Place link to transcript at the top of your description.25

Side Bar: What does that look like?Video description included in a text transcript:26

Challenge | Audio Description TrackChallenge: Video player does not provide the ability to add a video/audio description track.

Solution 1: Paste or link to a text video descriptionSolution 2: Include video description in the transcriptSolution 3: Have the speaker in the video verbalize a description of what they are doing/any visually relevant information when the video is recordedSolution 4: Publish a second version using a free player that supports audio description by request27

Challenge | Sign Language*Challenge: Video player does not support a sign language track (*Level AAA)

Solution: Record sign language video to play side-by-side by requestSolution: Publish a second version of the video on a free player that does support sign language (like Able Player) by request28

Challenge | Keyboard ControlsChallenge: Video player requires use of a mouse

Solution: Publish a keyboard accessible version of the video using free, open-source video players like JW, YouTube, HTML5, or Able Player (by request).29

Challenge | Auto PlayChallenge: Mobile/social videoSolution: Publish video with open captions! If youre using Facebook, just add an SRT file & automatically play the video with captions. Bonus: itll be accessible to everyone!30

Challenge | Automatic CaptionsChallenge: Video plays with automatic captions, isnt that enough?31

Solution: NO!! Edit them or upload accurate captions! Think about Harvard & MIT!

3. Develop a Manageable DIY Process32

Consider Accessibility Before Recording33Verbally describe visual elements whenever possible

Read from a script

Use a high quality microphone

Remember that narrated PowerPoint presentations need captions, too!

Use YouTube for Captioning34YouTube provides a great starting point for captioning

Create transcript and set timings, then download SRT file for use in other video platforms

Upload video to YouTube and download SRT file of automatic captions to edit

Consider In-House and Outsourcing35Having a vendor on hand can be valuable. Consider:

DIY for short files and longer turnaround

Outsourcing urgent files and long files

Quality Standards36Make sure your student workers, staff, (and vendors) are held to high quality standards.

Training students in best practices is critical

Consistency between workers is built by developing a set of standards

Grammar & punctuation are not to be ignored

4. Build Accessibility into Your Workflow37

38Accessibility should never be a final consideration!

Think about accessibility beforehandMany tips from the DIY section apply!Verbalize descriptions in video whenever possibleUse a high quality microphoneRead from a script

Leave time for captioning & transcription! (It takes 5-6x real time, plus time for a quality review)

Test, test, test!

39If youre using a vendor:

Make sure youre getting the most out of it! Talk to them!

Integrations automate the workflow

If you have a strong IT team, consider developing a custom automated workflow via APIs

Ask what extra tools they provide (search, editor, cheat sheets, etc.)

How do they ensure quality? Remember, youre at risk, not them!

5. Captioning Videos You Dont Own40

41Captioning vs. Copyright

Captioning is arguably fair useTransformativeNature of workAmount & substantialityEffect on market valueTeaching & Accessibility are listed as exemplary fair use in the Copyright Act

42Captioning vs. Copyright

The courts are likely to air on the side of accessibilityHowever, there is no case law for captions/There is case law for digitizing booksPossible caveat: DRM

Take away: Caption it, but make sure legal counsel has your back!

How to Caption Videos You Dont Own43

10 Tips for Implementing Accessible Online Media5 Tips for Administrators and Policy Makers1. Legal Requirements2. Accessibility Policy3. Administrative Buy-in4. Budget and Resources5. Prioritization Plan

5 Tips for Content Creators1. Choose an Accessible Media Player2. Challenges and Solutions for Inaccessible Players3. Develop Manageable DIY Process4. Build Accessibility into Workflow5. Captioning Videos You Dont Own

45Presenters

Janet SylviaWeb Accessibility Trainer

Lily Bond3Play MediaDirector of Marketinglily@3playmedia.comQ&A

Upcoming Webinars:

Mar 31: The Legal Year in Review: Digital Access

Mar 10: Quick Start to Captioning

Mar 17: Quick Start to Video Search

Apr 7: Road to Corporate Accessibility

You can register for these free webinars at: www.3playmedia.com/webinars/

Please type your questions into the window in your control panel. A recording of this webinar will be available for replay.