Crowdsourcing Accessibility: Can Accessibility be fixed for free with Community Help? Terrill

Slides:

Advertisements

Similar presentations

Web Accessibility 101 Terrill Thompson Technology Accessibility Specialist University of Washington

Advertisements

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

Russell Taylor Lecturer in Computing & Business Studies.

Accessible Course Content Terrill Thompson ATUS Accessibility Consultant These slides:

Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.

Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)

Accessible Video in Two Parts Terrill Thompson Techology Accessibility Specialist University of Washington

Accessibility of online instructional tools and documents Terrill Thompson ATUS Technology Accessibility Consultant x 2136

Universal Media Player Terrill (UMP)

CHAPTER 8: Enhancing a Website Session 1. Objectives Embed a YouTube video in your website Insert a slideshow in your website Use Google fonts in your.

Web Content Management Systems. Lecture Contents Web Content Management Systems Non-technical users manage content Workflow management system Different.

Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 

© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.

Click to edit Master text styles Second level Third level Fourth level Fifth level The trials of an accessible video player.

Lecturer: Ghadah Aldehim

HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.

Computer Concepts 2014 Chapter 7 The Web and .

Accessibility of Open Course Library Materials Terrill Thompson Technology Accessibility Specialist

INFO 6002 Assistive Technologies and Universal Design Accessibility and Usability Evaluation Chaohai Ding Msc of Web Technology

INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.

WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.

Web Design Scripting and the Web. Books on Scripting.

Joel Bapaga on Web Design Strategies Technologies Commercial Value.

© 2011 Delmar, Cengage Learning Chapter 9 Collecting Data with Forms.

Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.

Copyright © 2014 Pearson Education, Inc. 1 It's what you learn after you know it all that counts. John Wooden Key Terms and Review (Chapter 5)

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.

The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.

How to use in your classrooms? Presented by Steve Adler, Cheryl Butler, Allen Day, and Hyewon Lee 1.

How to evaluate technology for accessibility Terrill Thompson Technology Accessibility Specialist University of

Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.

Accessibility of online instructional tools and documents Terrill Thompson Technology Accessibility

Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.

Functional Accessibility Evaluation of Web 2.0 Applications Testing Jon Gunderson, Ph.D University of Illinois.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Terrill Thompson Is Your Course Content Accessible?

Able Player: A Fully Accessible Media Player for Higher Ed Terrill Thompson Technology Accessibility Specialist University of

WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.

Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.

Introducing HingX now with Capacity Development Network.

JavaScript Defined JavaScript Basics Definitions JavaScript is an object-oriented programming language designed for the world wide web. JavaScript code.

Accessibility in Online Instruction Terrill Thompson Technology Accessibility Specialist

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

Form Processing Week Four. Form Processing Concepts The principal tool used to process Web forms stored on UNIX servers is a CGI (Common Gateway Interface)

HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

All About Video Terrill Thompson University of Washington Ken Petri The Ohio State University Sean Keegan President, ATHEN

ASP. ASP is a powerful tool for making dynamic and interactive Web pages An ASP file can contain text, HTML tags and scripts. Scripts in an ASP file are.

INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.

Elizabeth Pyatt, Blockers: What do I REALLY Need to Fix?

Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.

 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.

Reach More People with Zoom & Speech Built Right into Websites.

CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.

Introduction to Collaborative Tools A collaborative tools is software that allows for people to collaborate or conduct team work online while connected.

Your Interactive Guide to the Digital World Discovering Computers 2012 Chapter 13 Computer Programs and Programming Languages.

Week 1: Introduction to HTML and Web Design

The HTML5 logo was introduced by W3C in 2010

Chapter 17 The Need for HTML 5.

Making videos accessible – Mandatory guidelines

Mapping for the interwebs

Making the Web Accessible to Impaired Users

A Cross Methodology for Accessibility Evaluation Using a Combination of Automatic Tools and Crowdsourcing Tools By Irwin Ramirez.

APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.

Web Accessibility Allison Kidd, Accessibility Specialist

Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.

Basic HTML and Embed Codes

30 Web Accessibility Tips: Creating Accessible Web-Based Resources

CIS 133 mashup Javascript, jQuery and XML

Presentation transcript:

Crowdsourcing Accessibility: Can Accessibility be fixed for free with Community Help? Terrill

The Web Accessibility Puzzle…

… has many pieces Web developers must understand and practice accessibility Web authoring tools must make it possible (and easy) to create accessible content Assistive technologies and browsers must support accessibility standards Policy makers must demand accessibility (and policies must be enforced)

Another important piece…

Just Do It! Make it accessible ourselves

Crowdsourcing The act of outsourcing tasks, traditionally performed by an employee or contractor, to an undefined, large group of people or community (a crowd), through an open call. -Wikipedia,

Success Story: TED Open Translation Project As of November 19, 2010: 4192 volunteers 79 languages 12,815 subtitles

TED’s Tool: DotSub.com

UniversalSubtitles.com 3097 videos captioned Download in various caption formats, including.SRT for uploading to YouTube, or Embed a YouTube player on any web page with captions uploading captions to YouTube not required) Example

Crowdsourcing Web Accessibility

Serotek C-SAW "Community-Supported Accessible Web“ Requires a subscription to the System Access Mobile Network: Can be accessed through System Access To Go, which is free:

How C-SAW Works On an inaccessible image, use Alt+L to label it with alternate text On an inaccessible form field, use Alt+L to add a label Insert + S stores your labels to a master database, available to all users

Similar, Past Efforts Web Visum – – Firefox plug-in – Community driven tagging and page enhancements. – Automated and instant CAPTCHA image solving IBM Social Accessibility Project – – Provided a tool to facilitate collaboration between “screen reader users” and “volunteers” – Included rewards for volunteers (e.g., rankings)

FixTheWeb.net As of November 19, 2010: Still in BETA 77 reporters 199 volunteers 146 websites reported 14 owners informed 14 owners acknowledged 9 owners fixed

Greasemonkey Firefox extension that allows users to run scripts that modify HTML web page content every time a specified page is loaded User script repository: userscripts.orguserscripts.org Scripts tagged “accessibility”: My scripts:

What Can We Do With Greasemonkey? Add alt to images Add labels and fieldsets to forms Add headings Add ARIA landmarks Add other ARIA markup Add custom HTML controls for inaccessible video players (APIs permitting) Rewrite inaccessible dynamic menus to make them accessible Etc….

Considering the Potential Fix the problem now – provide immediate access Demonstrate accessibility solutions to the site owner or developer Teaching tool for kids learning web design – Learn about HTML, Javascript, & DOM – Learn about accessibility – It’s fun!