making accessible content easy and part of · pdf filesection 504, the rehabilitation act of...
TRANSCRIPT
MAKING ACCESSIBLECONTENT EASY AND
PART OF YOUR WORKFebruary 5, 2015
Cynthia Ng@TheRealArty
WHAT IS WEB ACCESSIBILITY?
Web accessibility means that peoplewith disabilities can use the Web.
- W3C Web Accessibility Initiative (WAI)
W3C Web Accessibility Initiative. (2005). What is Web Accessibility. Introduction to Web Accessibility. http://www.w3.org/WAI/intro/accessibility.php
TYPES OF DISABILITIESvisualauditoryphysical/motortouchlearning
WHY SHOULD YOU CARE?
Brault, Matthew W. (2012). Americans With Disabilities: 2010 Household Economic Studies. http://www.census.gov/prod/2012pubs/p70-131.pdf
DISABILITY > MINORITY** Based on 2010 US census , and the percentage of total population with a disability percentage of total population of minorities.
POLICY & LEGISLATION
No otherwise qualified individual with adisability shall [...] be excluded from [...]
any program or activity receivingFederal financial assistance.
- Section 504
United States Department of Labor. (n.d.). Section 504, The Rehabilitation Act of 1973. http://www.dol.gov/oasam/regs/statutes/sec504.htm
THE AMERICANS WITH DISABILITIES ACT
AT PITT EDU
Disabilities Resources and Services policies
GETTING BUY-IN
BENEFITSreflect institutional mission, leadership, and valuesserve all usersmake sound fiscal policyadd value to the institution
Sources: Maler, A. (2013). The Complete Beginner’s Guide to Universal Design. UX Booth. andRowland, C., Mariger, H., Siegel, P. M., & Whiting, J. (2010). Universal Design for the Digital Environment: Transforming the Institution. EDUCAUSE Review*, 45(6).
http://www.uxbooth.com/articles/the-complete-beginners-guide-to-universal-design/
http://www.educause.edu/ero/article/universal-design-digital-environment-transforming-institution
BENEFITS SIMPLIFIEDfindableaccessibleusableshareableefficientcollaborative
APPROACH TO ACCESSIBILITY
Accessibility often gets pigeon-holed assimply making sure there are no
barriers to access for screen readers orother assistive technology, without
regard to usability.- Whitney Quesenbery @whitneyq
Quesenbery, W. (2009). Usable Accessibility: Making Web Sites Work Well for People with Disabilities. UX Matters. http://www.uxmatters.com/mt/archives/2009/02/usable-accessibility-making-web-sites-work-well-for-people-with-disabilities.php
DESIGNING FOR ASSISTIVE TECHNOLOGY
ASSISTIVE TECHNOLOGYscreen readerstext-to-speechscreen magnifiersjoysticksmobile deviceskeyboards
All Technology is Assistive Technology.- Sara Hendren @ablerism
Hendron, S. (2013). All Technology is Assistive Technology: 6 dispositions for designers on disability. https://medium.com/thoughtful-design/a8b9a581eb62
animoca. (2012). All the Myriad Androids. http://www.animoca.com/en/2012/05/all-the-myriad-androids/CC-BY-ND 3.0
There is no average or normal user.- Sara Hendren @ablerism
Hendron, S. (2013). All Technology is Assistive Technology: 6 dispositions for designers on disability. https://medium.com/thoughtful-design/a8b9a581eb62
UNIVERSAL DESIGNUniversal design is the design of
products and environments to beusable by all people, to the greatest
extent possible, without the need foradaptation or specialized design.
- Ron Mace
Mace, R. (1998). Universal design in housing. Assistive Technology, 10(1), 21-28.
The Center for Universal Design. The Principles of Universal Design, Raleigh, NC: North Carolina State University. http://udlhcpss.wordpress.com/historical-foundations/
UNIVERSAL DESIGN SUMMARIZEDequitableflexiblesimpleintuitivelow effortapproachableusable
marziarh. (2012). Robson Square. https://www.flickr.com/photos/maziarh/7216119402/CC BY-NC-ND 2.0
CONTENT GUIDELINES
GENERAL WRITINGuse consistent languagewrite out acronyms the first time you use thembe clear and concise
HEADINGSHeader 1 (Title): Making Content AccessibleHeader 2 (Topic): Creating DocumentsHeader 3 (Subtopic): Using HeadersHeader 2 (Topic): Creating Media
USING STYLES
WebAIM. (2014). Microsoft Word. © WebAIM. Used under full credit, at no cost allowance as per the .
http://webaim.org/techniques/word/WebAIM Copyright & Terms of Use
CHANGING STYLES
FONT FACE, SIZE, & COLOURFont Face: Arial, Verdana, a Sans-Serif font
SERIF VS. SANS-SERIF FONT
Carlton R. (2015). Challenge Bingo FAQ! Post #49. .Reuse as per
http://www.sweetshoppecommunity.com/forum/showthread.php?p=1062723008Sweet Shopped Designs Terms of Use
FONT FACE, SIZE, & COLOURFont Face: Arial, Verdana, a Sans-Serif fontFont Size: 12pt or higher
Body: 12 ptHeader 3: 14 ptHeader 2: 16 ptHeader 1: 18 ptAlso bold & italic for headers
Font Colour: black or default
TABLES
BASIC TABLES IN HTML
<table><tr> = table row<th> = table header<td> = table cell
<table> <tr> <th>Date</th> <td>February 5</th> //more dates </tr> <tr> <th>Time</th> <td>1pm</th> //more times </tr> // more rows with data</table>
MATHSimple Arithmetic: 2 + 3 = 5
Complex: MathML
MEDIA
IMAGES
Alternative Text: alt=""
griangrafanna. (2006). Red Panda Pensive. https://www.flickr.com/photos/rh_photographic_art/12831639683/CC BY-NC 2.0
INSERTING IMAGES IN WORD
WebAIM. (2014). Microsoft Word. © WebAIM. Used under full credit, at no cost allowance as per the .
http://webaim.org/techniques/word/WebAIM Copyright & Terms of Use
INSERTING IMAGES IN WORDPRESS
MrShuffleupagus. (2014). This is a picture I took of a friend's dog, Spike, and the face he makes whenever he's confused. http://www.4syllables.com.au/2010/12/text-alternatives-decision-tree/
AUDIO
Woman: You should give an example.Man: Very well. (clears throat) This is the best example I can think
of.
VIDEO WITH CAPTIONS EXAMPLE
LabofOrnithology. (2012). Birds-of-Paradise Project Introduction. https://www.youtube.com/watch?v=YTR21os8gTA
DESCRIPTIVE VIDEO EXAMPLE
Electrox3d. (2011). Star Wars for Blind People (Blu-ray audio track): description of a Jawa shooting R2!. http://www.youtube.com/watch?v=PCZqKxQME6o
MORE ON AUDIO/VIDEO
Text Alternate not needed if already explained in text.No autoplayHave controlsAvoid flashing
MEDIA SUMMARIZEDImages: alt textAudio: transcriptVideo: transcript, captions, descriptive audio
CREATING DOCUMENTS
ASSESSING ACCESSIBILITY OF CONTENT
CHECKING ACCESSIBILITY IN MICROSOFT OFFICE
WebAIM. (2014). Microsoft Word. © WebAIM. Used under full credit, at no cost allowance as per the .
http://webaim.org/techniques/word/WebAIM Copyright & Terms of Use
WebAIM. (2014). PowerPoint Accessibility. © WebAIM. Used under full credit, at no cost allowance as per the .
http://webaim.org/techniques/powerpoint/WebAIM Copyright & Terms of Use
PDF ACCESSIBILITY
WebAIM. (2014). PDF Accessibility: Converting Documents to PDF. © WebAIM. Used under full credit, at no cost allowance as per the .
http://webaim.org/techniques/acrobat/convertingWebAIM Copyright & Terms of Use
California State University, Long Beach. (2014). Making Existing PDFs Accessible.http://www.csulb.edu/divisions/aa/academic_technology/itss/fits/accessibility/existingpdfs.html
BASIC PDF TEXT-READABILITY
ONLINE ASSESSMENT TOOLS
For more,
WAVEColor FilterVischeckColor Contrast Checker
W3C Web Accessibility Tools list
NEED HELP? JUST ASKRESOURCES
includes making accessible Word, PDF,PowerPoint content, and converting to PDF
DRS’ Information for InstructorsCIDDE's Accessibility Resources for FacultyFaculty Knowledge Base's Accessibility Guidelines forBlackboardPittOnline Top 10 Best PracticesWebAIM Articles
ACCESSIBILITY STATEMENTIf you have a disability for which you
are or may be requesting anaccommodation, you are encouraged to
contact both your instructor andDisability Resources and Services (DRS),
140 William Pitt Union, (412) 648-7890, [email protected], (412)228-
5347 for P3 ASL users, as early aspossible in the term. DRS will verify
your disability and determinereasonable accommodations for this
course.
EXAMPLESPenn State University Libraries Web Accessibility StatementToronto Public Library Accessibility PolicyUniversity of Oxford Accessibility Statement
TAKE AWAY
The power of the Web is in itsuniversality. Access by everyone
regardless of disability is an essentialaspect.- Tim Berners-Lee @timbernerslee
World Wide Web Consortium. (1997). World Wide Web Consortium Launches International Program Office for Web Accessibility Initiative. http://www.w3.org/Press/IPO-announce
