AODA: Enabling Innovation Adam Doan - @DoanAC Randy

AODA: Enabling Innovation Adam Doan - @DoanAC Randy

AODA: Enabling Innovation Adam Doan - @DoanAC Randy Oldham - @roldham Wednesday Sept 9th @ 11:15am Who We Are Adam Doan Systems Developer Research Enterprise and Scholarly Communications

The Atrium, Open Journal Systems (OJS), Food Map, Drupal, Omeka Randy Oldham Web Development Librarian & Manager Websites & Product UI Knows HTML, CSS, and just enough JS to be dangerous

Notes Verbose slides Provided to improve Accessibility Helps these to be useful after the fact Please pop us an email and well share the slides Background: AODA What is AODA?

Accessibility for Ontarians with Disabilities Act Provincial legislation (June 2005) Mandatory accessibility standards to improve life for people with disabilities One of the Integrated Accessibility Standards is dedicated to web accessibility: Information and Communication Standards

Enforces WCAG 2.0 A and AA compliance by set dates Background: WCAG WHAT IS WCAG? Web Content Accessibility Guidelines versi on 2 Developed by the W3C: World Wide Web Consortia

They create the standards which guide and govern the entire internets all of the internets: HTML, XML The take home: The Provincial Government pointed to worldwide standards to ensure accessible websites The AODA Legislation By January 1, 2016, all internet

websites and web content must conform with WCAG 2.0 Level AA (5) Except where meeting the requirement is not practicable, this section applies, AODA Continued (a) to websites and web content,

including web-based applications, that an organization controls directly or through a contractual relationship that allows for modification of the product; and (b) to web content published on a website after January 1, 2012. O. Reg. 191/11, s. 14 (5).

AODA Continued (6) In determining whether meeting the requirements of this section is not practicable, organizations referenced in subsections (1) and (2) may consider, among other things, (a) the availability of commercial software or tools or both; and (b) significant impact on an

implementation timeline that is planned or initiated before January 1, 2012. O. Reg. 191/11, s. 14 (6). AODA Take Home: The legislation is vague There are sweeping outs When Not Practicable 3rd Party Systems

Archival & Special Collection Resources Contributes to non-compliance or avoidance, especially for more complex content How can we move forward and ensure compliance? What Well Talk About

Accessibility often seen as limiter to innovation Web 2.0 features can challenge accessibility compliance Avoid & Simplify AODA compliant & innovative? What Well Do Show a few common yet challenging

bits of content Explain why theyre a challenge to the AODA Demo AODA-compliant workarounds Escalate in complexity Complex Content Types of Complex Content

Audio/Video Captioning Audio/Video Embedding Calendar View of content vs list view Crowd-sourced Transcription via OMEKA or a webform Timelines in Drupal Language Toggle in Open Journal Systems

Web-based Audio & Video CAPTIONS & TRANSCRIPTION AODA - Web-Based A/V

Web-based Audio and Video WCAG 2.0 1.2.2 Captions are provided for all pre-recorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such. (Level A) AODA - Web-Based A/V

Web-based Audio and Video WCAG 2.0 1.2.3 An alternative for time-based media or audio description of the pre-recorded video content is provided for synchronized media, except when the media is a media alternative for text and is clearly labeled as such. (Level A)

AODA - Web-based A/V DECIPHERED: Web-based video with audio must have captions and a transcript Visual impairment & Audio impairment AND learning disabilities! Types of content

Training videos Promo videos Lecture capture Video tutorials

YouTube Captions HOW TO Upload Video to YouTube Go to VIDEO MANAGER Select SUBTITLES AND CC Set the Language Click ADD NEW SUBTITLES OR CC Click on the AUTOGENERATED version

EDIT YouTube Captions How To YouTube Captions YouTube Transcript The generated transcript is NOT available to screen readers

Copy the transcript created by your captions and paste as the video DESCRIPTION YouTube Transcript Video Manager Edit Info & Settings Paste in Description The description text

IS available to screen readers (even what is hidden behind the SHOW MORE link) Also Searchable! Web-based Audio & Video KEYBOARD NAVIGABLE

EMBED CODE Youve got an AODA-compliant video You want to include it on your websiteyou head for embed AODA Keyboard Nav Website must be keyboard navigable WCAG 2.0 2.1.1 All functionality of the content is operable

through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints. (Level A) AODA Keyboard Nav Website must be keyboard navigable

WCAG 2.0 2.1.2 If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away.

(Level A) AODA Keyboard Nav DECIPHERED: Webpages must be navigable by your keyboard If you nav to something with keyboard, you must be able to nav out using keyboard

Types of content Web forms Menu items EMBEDDED content CAN pose issues YouTube, Twitter widgets AODA KEYBOARD NAV EMBEDDED YouTube CAN become keyboard trap

Take a screen capture of the YouTube video in the player and make this a link to the video page in YouTube AODA KEYBOARD NAV Dont forget an alt tag on your image! This is a simple way to include a link to a YouTube video that LOOKS embedded, but is GUARANTEED

AODA compliant *RECENT YOUTUBE CHANGES Tables ACCESSIBLE ALTERNATIVES Tables - AODA Tables need a bit of extra care &

feeding to make them compliant with AODA WCAG 2.0 1.3.1 Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A) Tables - AODA

Tables dont just present information, they present Information & INFORMATION RELATIONSHIPS in a VISUAL way NAME Hair Colour Eye Colour

Randy Oldham Blond Green Adam Doan

Brown Hazel The info Randy Blond Green, doesnt make a whole lot of sense without headers Tables - AODA

You CAN make tables accessible but Requires HTML knowledge The more complex the table, the more inaccessible it becomes Table summary NOT ENOUGH (and often, it is impossible) Accessible tables are still a nightmare for screen readers THINK ABOUT ALTERNATE FORMATS!

Calendars Calendars! Big ol tables We use them for: Events Workshops Hours

These can be a pain for screen readers The case for CONTENT MANAGEMENT SYSTEMS and CONTENT VIEWS Calendars With a CMS you can create new VIEWS of content One view of the events/workshops ON the

calendar One view of upcoming events in a LIST VIEW Same content just different views! DEMO The Calendar Calendar LIST VIEW

Alternative format Upcoming events, from today on Readerfriendly LD-friendly Enabling Transcription

Transcription - AODA WCAG 2.0 1.1.1 All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below. (Level A) Were from the Library Digitization projects for Digital Humanities

Part of the process is working with these resources Hundreds of thousands of pages of farm diaries hand writtenscannedimages IMAGES OF TEXTcannot OCR Archival resource exemption!? Transcription - AODA

OMEKA Transcription Work Around Dont have OMEKA? NO PROBLEM! Link on each page of this type of content to a webform which captures the referring URL, and provides box for crowd-sourced transcription

Workflow on the backend, but easier to meet accessibility requests! ENABLING greater compliance! Summary Be Creative Read the documentation Working with Open Source Leverage your resources

WCAG 2.0 WCAG 2.0 Quickref ARIA Be friendly and specific Share! QUESTIONS? QUESTIONS?

Adam Doan [email protected] @DoanAC Randy Oldham [email protected] @roldham OJS Language Tools

OJS Language Toggle Select element which triggers a page refresh using an onchange event WCAG 2.0 3.2.2 3.2.2 Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the

behavior before using the component. (Level A) OJS Language Toggle Compliance Submit button Warn in advance Challenges

Compromises Background: WAI-ARIA Accessible Rich Internet Applications Targeted for dynamic content and advanced user interface controls Provides meaning through: Roles States

Properties Compliance

Recently Viewed Presentations

  • Teaching Dickens and Victorian Afterlives

    Teaching Dickens and Victorian Afterlives

    Further, one might consider how locations such as the hospital at St. Cloud's and even the apple orchard, employ what Stallybrass and White describe as inversion: "the reversible world which encodes ways that carnival inverts the everyday hierarchies, structures, rules...
  • Black & Tan Politics & the End of Reconstruction 1877

    Black & Tan Politics & the End of Reconstruction 1877

    to recon. acts. suffrage not denied to anyone based on race - no gender, women again left out. rnc nominated grant. ... northern states sovereign; southern not . cost of reconstruction rising. re-directed narrative in north - nationalism, westward expansion.
  • HAEI and HAEII course objective #16

    HAEI and HAEII course objective #16

    Define and prioritize the patient's problems accurately and generate an appropriate differential diagnosis. ... Consider consolidating OSCE/Palliative Care session into one time slot. Suggested performing 2 OSCEs back to back for STEP 2 CS practice.
  • 14/02/20 Adaptations Aim: I can explain the adaptations

    14/02/20 Adaptations Aim: I can explain the adaptations

    Panda: No need for camouflage as it has no natural predators Strong, sharp teeth to eat hard bamboo Large, strong muscles to help climb trees Large claws to hold on to branches when climbing and help snap bamboo.
  • Year 10 GCSE Information Evening Key Staff  Miss

    Year 10 GCSE Information Evening Key Staff Miss

    It is important to remember that spelling, punctuation and grammar will be worth 20%. English Language 2017 Paper Two: Writers' viewpoints and perspectives 1 hour 45 minutes Section A Reading: Two non fiction unseen extracts (travel writing, diary entries, autobiography,...
  • TASK CONDUCT PRELIMINARY MARKSMANSHIP TRAINING PMT CONDITIONS Given

    TASK CONDUCT PRELIMINARY MARKSMANSHIP TRAINING PMT CONDITIONS Given

    Steady hold and sight alignment are paramount skills to aim effectively Breath Control: During zeroing, there is a moment of natural respiratory pause while breathing when most of the air has been exhaled from the lungs and before inhaling—the shot...
  • Golden RAtio - Мостове през Историята с ...

    Golden RAtio - Мостове през Историята с ...

    If we take a cross section of the Great Pyramid, we get a right triangle, the so-called Egyptian Triangle. The ratio of the slant height of the pyramid (hypotenuse of the triangle) to the distance from ground center (half the...
  • FY 15-16 BUDGET PRESENTATION May 18, 2015 FRAMEWORK

    FY 15-16 BUDGET PRESENTATION May 18, 2015 FRAMEWORK

    FOUNDATION. Despite the many and continual challenges the City faces, there are a number of positive projects and initiatives underway; this strengthens the City's infrastructure and overall quality of life for citizens.