Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessibility awareness brown bag

769 views

Published on

Provides an accessibility quiz and answers, defines accessibility, describes the requirements of Section 508, includes accessible user interface design suggestions, and lists accessibility tools.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Accessibility awareness brown bag

  1. 1. Accessibility Awareness Lawrence Najjar
  2. 2. Outline <ul><li>Purpose </li></ul><ul><li>Prior knowledge verification tool </li></ul><ul><li>Definitions </li></ul><ul><li>Section 508 </li></ul><ul><li>Accessibility requirements & suggestions </li></ul><ul><li>Screen readers </li></ul><ul><li>Accessibility at competitors </li></ul><ul><li>Accessibility at BMC </li></ul><ul><li>Accessibility resources </li></ul><ul><li>Accessibility verification tools </li></ul><ul><li>Summary </li></ul>
  3. 3. Purpose <ul><li>Improve accessibility awareness </li></ul>
  4. 4. Prior Knowledge Verification Tool (or Accessibility Pop Quiz) <ul><ul><li>Complete the accessibility pop quiz </li></ul></ul>
  5. 5. Answers <ul><li>How many people in the world have a disability? </li></ul><ul><ul><li>Over 500 million </li></ul></ul><ul><ul><li>United Nations (2002). The UN and persons with disabilities: United Nations commitment to advancement of the status of persons with disabilities [On-line]. Available: http://www.un.org/esa/socdev/enable/disun.htm </li></ul></ul>
  6. 6. Answers <ul><li>What percent of Americans have a disability? </li></ul><ul><ul><li>20% (about 54 million people) </li></ul></ul><ul><ul><li>McNeil, J. M. (1997, August). Current population reports: Americans with disabilities: 1994-95. Census Bureau (P70-61) [On-line]. Available: http://www.census.gov/prod/3/97pubs/p70-61.pdf </li></ul></ul>
  7. 7. Answers <ul><li>What is the most common disability among </li></ul><ul><li>Americans? </li></ul><ul><ul><li>Walking/using stairs </li></ul></ul><ul><ul><li>U.S. Census Bureau (1997). Americans with disabilities: 1997 – Table2 [On-line]. Available: http://www.census.gov/hhes/www/disable/sipp/disab97/ds97t2.html </li></ul></ul>
  8. 8. Answers <ul><li>What percent of legally blind people read Braille? </li></ul><ul><ul><li>10% </li></ul></ul><ul><ul><li>Web, C. Myths about vision loss and blindness [On-line]. Available: http://www.99main.com/~charlief/vi/myths.html </li></ul></ul>
  9. 9. Answers <ul><li>What percent of men are color deficient? </li></ul><ul><ul><li>8% </li></ul></ul><ul><ul><li>American Optometric Association. Color deficiency [On-line]. Available: http://www.aoa.org/eweb/DynamicPage.aspx?site=AOAstage&WebCode=ColorDeficiency </li></ul></ul><ul><ul><li>Note: Less than 1% of women are color deficient. Only about 0.005% of people are truly color blind </li></ul></ul><ul><ul><li>Henderson, C. Color vision [On-line]. Available: http://www.iamcal.com/toys/colors/stats.php </li></ul></ul><ul><ul><li>Newman, J. D. (1998). Color blindness [On-line]. Available: http://srv2.lycoming.edu/~newman/courses/bio22298/disorderpapers/Colorblindness/preliminary.htm ) </li></ul></ul>
  10. 10. Answers <ul><li>What is the unemployment rate for working age </li></ul><ul><li>Americans with severe disabilities (ex. cannot see or </li></ul><ul><li>cannot hear)? </li></ul><ul><ul><li>70% </li></ul></ul><ul><ul><li>Bureau of the Census (1994, January). Americans with disabilities. Bureau of the Census statistical brief [On-line]. Available: http://www.sipp.census.gov/sipp/sb94_01.pdf ) </li></ul></ul><ul><ul><li>Williams, J. (2001, September 7). Making Uncle Sam accessible – and accountable. BusinessWeek Online [On-line]. Available: http://www.businessweek.com/smallbiz/content/sep2001/sb2001097_766.htm </li></ul></ul><ul><ul><li>Kaye, H. S. (1998, May). Is the status of people with disabilities improving? Disability Statistics Abstract, 21 [On-line]. Available: http://www.dsc.ucsf.edu/UCSF/pdf/ABSTRACT21.pdf </li></ul></ul>
  11. 11. Answers <ul><li>What is the earning difference for disabled workers </li></ul><ul><li>compared to non-disabled workers? </li></ul><ul><ul><li>-20% </li></ul></ul><ul><ul><li>Kaye, H. S. (1998, May). Is the status of people with disabilities improving? Disability Statistics </li></ul></ul><ul><ul><li>Abstract, 21 [On-line]. Available: http://www.dsc.ucsf.edu/UCSF/pdf/ABSTRACT21.pdf </li></ul></ul>
  12. 12. Answers <ul><li>Of Americans receiving government assistance (ex. food, rent), what percent are disabled? </li></ul><ul><ul><li>50% </li></ul></ul><ul><ul><li>U.S. Department of Commerce (1997, December). Census brief: Disabilities affect one-fifth of all Americans (CENBR/97-5) [On-line]. Available: http://www.census.gov/prod/3/97pubs/cenbr975.pdf </li></ul></ul>
  13. 13. Answers <ul><li>What percent of Americans 45 or older have a </li></ul><ul><li>disability? </li></ul><ul><ul><li>45% </li></ul></ul><ul><ul><li>Bureau of the Census (1994, January). Americans with disabilities. Bureau of the Census statistical brief [On-line]. Available: http://www.sipp.census.gov/sipp/sb94_01.pdf </li></ul></ul>
  14. 14. Answers <ul><li>In 2010, what percent of the American workforce </li></ul><ul><li>will be 40 or older? </li></ul><ul><ul><li>51% </li></ul></ul><ul><ul><li>Microsoft. Shifting workplace demographics and delayed retirement [On-line]. Available: http://www.microsoft.com/enable/aging/demographics.aspx </li></ul></ul>
  15. 15. Definitions <ul><li>Disability -- F unctional limitation in vision, hearing, movement, manipulation (for example, fine movements to use mouse), speech, and interpretation of information (for example, dyslexia and other cognitive impairments) </li></ul><ul><li>Accessibility – Providing persons with disabilities comparable access to and use of information and data as persons without disabilities </li></ul>
  16. 16. Section 508 <ul><li>Section 508 of the Rehabilitation Act amendments of 1998 </li></ul><ul><li>For Federal purchases of information technology </li></ul><ul><li>Requires Federal employees and members of the public with disabilities have access to and use of information and data comparable to that of employees and members of the public without disabilities </li></ul><ul><li>Is spreading beyond Federal government </li></ul>
  17. 17. Some Accessibility Requirements <ul><li>Provide keyboard-only access to all functions (example) </li></ul><ul><li>Use variable font sizes (example) </li></ul><ul><li>Don’t use color as only way to convey information (example) </li></ul><ul><li>Provide equivalent text for graphics (example) </li></ul><ul><li>Provide text equivalents for multimedia (example) </li></ul><ul><li>Design Web pages to make sense when users turn off cascading style sheets (example) </li></ul><ul><li>Use table SUMMARY and CAPTION tags (example) </li></ul>
  18. 18. Example for “ Provide keyboard-only access to all functions”
  19. 19. Example for “Use variable font sizes”
  20. 20. Larger font size
  21. 21. Example of “ Don’t use color as only way to convey information” <ul><li>Before </li></ul><ul><li>After </li></ul>
  22. 22. Example for “ Provide equivalent text for graphics” Go
  23. 23. Example for “ Provide text equivalents for multimedia”
  24. 24. Example for “ Design Web pages to make sense when users turn off cascading style sheets”
  25. 25. Example of “ Use table SUMMARY and CAPTION tags” <ul><li><TABLE </li></ul><ul><li>BORDER=1 CELLPADDING=3 CELLSPACING=1 FRAME=BOX </li></ul><ul><li>summary=&quot;This database status summary table </li></ul><ul><li>lists the Status, Office, Datasource, and DBMS </li></ul><ul><li>(column headings) and the regions (rows)&quot; > </li></ul><ul><li><CAPTION>Database Backups</CAPTION> </li></ul><ul><li><TR> </li></ul><ul><li><TH></TH> </li></ul><ul><li><TH id=&quot;c2&quot;>Status</TH> </li></ul><ul><li><TH id=&quot;c3&quot;>Office</TH> </li></ul><ul><li><TH id=&quot;c4&quot;>Datasource</TH> </li></ul><ul><li><TH id=&quot;c5&quot;>DBMS</TH> </li></ul><ul><li></TR> </li></ul><ul><li><TR> <TH id=&quot;r2&quot;>East Region</TH> </li></ul><ul><li><TD></TD><TD></TD><TD></TD><TD></TD></TR> </li></ul><ul><li><TR> <TD id=&quot;r3&quot; ></TD> </li></ul><ul><li><TD headers=&quot;c2 r2 r3 &quot; >Failed</TD> </li></ul><ul><li><TD headers=&quot;c3 r2 r3&quot;>New York</TD> </li></ul><ul><li><TD headers=&quot;c4 r2 r3&quot;>zimbabwe : ZIM817MA</TD> </li></ul><ul><li><TD headers=&quot;c5 r2 r3&quot;>Oracle 8.0.5</TD></TR> </li></ul><ul><li>. </li></ul><ul><li>. </li></ul><ul><li>. </li></ul><ul><li></TABLE> </li></ul>
  26. 26. Screen Readers <ul><li>http://www.doit.wisc.edu/accessibility/video/intro_scrn_rdrs.mov </li></ul>
  27. 27. Some Accessibility Suggestions <ul><li>Use cascading style sheets (example) </li></ul><ul><li>Provide high contrast for text (example) </li></ul><ul><li>Use variable page and column widths (example) </li></ul><ul><li>Use tab order that makes sense to users (example) </li></ul><ul><li>Use meaningful link text (example) </li></ul><ul><li>Use ID, LABEL, and FOR to associate prompts and entry fields in forms (example) </li></ul><ul><li>Use ID tags to label cells in tables (example) </li></ul><ul><li>   For Javascript events, such as onMouseover, provide text alternatives (example) </li></ul><ul><li>Provide a way for users to skip lists of site navigation links (example) </li></ul><ul><li>Don’t use unnecessary graphics (example) </li></ul>
  28. 28. Example for “ Use cascading style sheets”
  29. 29. Example for “ Provide high contrast for text” <ul><li>Before </li></ul><ul><li>After </li></ul>Date (mm/dd/yyyy): Date (mm/dd/yyyy):
  30. 30. Example for “ Use variable page and column widths-A” Fixed Width Variable Width
  31. 31. Example for “ Use variable page and column widths-B” Fixed Width Variable Width
  32. 32. Example for “ Use tab order that makes sense to users” 10 9 8 7 6 5 4 3 2 1 11 12 13 14 15 38 39 40 41 42 43 44
  33. 33. Example for “ Use meaningful link text” <ul><li>Before </li></ul><ul><li>To contact Support, click here . </li></ul><ul><li>After </li></ul><ul><li>Contact Support </li></ul>
  34. 34. Example for “ Use ID, LABEL, and FOR to associate prompts and entry fields in forms” <ul><li><table> </li></ul><ul><li><TR> </li></ul><ul><li><TH align=&quot;left&quot;> </li></ul><ul><li><LABEL for=&quot;FN&quot;>First Name</LABEL> </TH> </li></ul><ul><li><TH align=&quot;left&quot;> </li></ul><ul><li><LABEL for=&quot;MI&quot;>Middle Initial</LABEL></TH> </li></ul><ul><li><TH align=&quot;left&quot;> </li></ul><ul><li><LABEL for=&quot;LN&quot;>Last Name</LABEL></TH> </li></ul><ul><li></TR> </li></ul><ul><li><TR> </li></ul><ul><li><TD> </li></ul><ul><li><INPUT type=&quot;text&quot; name=&quot;Fname&quot; id=&quot;FN &quot;> </li></ul><ul><li></TD> </li></ul><ul><li><TD> </li></ul><ul><li><INPUT type=&quot;text&quot; name=&quot;Mname&quot; id=&quot;MN&quot;> </li></ul><ul><li></TD> </li></ul><ul><li><TD> </li></ul><ul><li><INPUT type=&quot;text&quot; name=&quot;Lname&quot; id=&quot;LN&quot;> </li></ul><ul><li></TD> </li></ul><ul><li></TR> </li></ul><ul><li></table> </li></ul>
  35. 35. Example of “ Use ID tags to label cells in tables” <ul><li><TABLE </li></ul><ul><li>BORDER=1 CELLPADDING=3 CELLSPACING=1 FRAME=BOX </li></ul><ul><li>summary=&quot;This database status summary table </li></ul><ul><li>lists the Status, Office, Datasource, and DBMS </li></ul><ul><li>(column headings) and the regions (rows)&quot;> </li></ul><ul><li><CAPTION>Database Backups</CAPTION> </li></ul><ul><li><TR> </li></ul><ul><li><TH></TH> </li></ul><ul><li><TH id=&quot;c2&quot; >Status</TH> </li></ul><ul><li><TH id=&quot;c3&quot;>Office</TH> </li></ul><ul><li><TH id=&quot;c4&quot;>Datasource</TH> </li></ul><ul><li><TH id=&quot;c5&quot;>DBMS</TH> </li></ul><ul><li></TR> </li></ul><ul><li><TR> <TH id=&quot;r2&quot; >East Region</TH> </li></ul><ul><li><TD></TD><TD></TD><TD></TD><TD></TD></TR> </li></ul><ul><li><TR> <TD id=&quot;r3&quot; ></TD> </li></ul><ul><li><TD headers=&quot;c2 r2 r3 &quot; >Failed</TD> </li></ul><ul><li><TD headers=&quot;c3 r2 r3&quot;>New York</TD> </li></ul><ul><li><TD headers=&quot;c4 r2 r3&quot;>zimbabwe : ZIM817MA</TD> </li></ul><ul><li><TD headers=&quot;c5 r2 r3&quot;>Oracle 8.0.5</TD></TR> </li></ul><ul><li>. </li></ul><ul><li>. </li></ul><ul><li>. </li></ul><ul><li></TABLE> </li></ul>
  36. 36. Example for “ For Javascript events, such as onMouseover, provide text alternatives”
  37. 37. Example of “ Provide a way for users to skip lists of site navigation links” <a href=&quot;#main&quot;><img alt=&quot;Skip to main content&quot; height=&quot;1&quot; width=&quot;1&quot; border=&quot;0&quot; src=&quot;//www.ibm.com/i/c.gif&quot;/></a> . . . <a name=&quot;main&quot;><!--Main Content--></a> . . .
  38. 38. Example of “ Don’t use unnecessary graphics” http://www.flamingtext.com/
  39. 39. Accessibility at Competitors <ul><ul><li>Our competitors have accessibility programs: </li></ul></ul><ul><li>HP </li></ul><ul><li>IBM </li></ul><ul><li>Mercury Interactive </li></ul><ul><li>Microsoft </li></ul><ul><li>PeopleSoft </li></ul><ul><li>Quest Software </li></ul><ul><li>SAP </li></ul><ul><li>Siebel Systems </li></ul><ul><li>Sun Microsystems </li></ul>
  40. 40. Accessibility at BMC <ul><ul><ul><li>Accessibility program lead named (Chris Meier) </li></ul></ul></ul><ul><ul><ul><li>Accessibility consultant hired (The Paciello Group) </li></ul></ul></ul><ul><ul><ul><ul><li>Currently reviewing SmartDBA </li></ul></ul></ul></ul><ul><ul><ul><li>Accessibility awareness program begun (CWW, Brown Bags) </li></ul></ul></ul><ul><ul><ul><li>Accessibility section added to BMC R&D Usability portal (example) </li></ul></ul></ul><ul><ul><ul><li>Over 500 products evaluated using BMC Section 508 Product Assessment Form </li></ul></ul></ul><ul><ul><ul><li>Completed accessibility form now required for product’s release to market process </li></ul></ul></ul><ul><ul><ul><li>Federal agencies now requiring information on when BMC products will conform to Section 508 </li></ul></ul></ul><ul><ul><ul><li>For $8M transaction with the U.S. Postal Service, BMC provided conformance timelines for products in bid </li></ul></ul></ul>
  41. 41. Accessibility in R&D Usability Portal http://cww/portal/site/CWW/index.jsp?chid=69da4c9a711eaf00VgnVCMServerd30611acRCRD
  42. 42. Accessibility Resources <ul><li>BMC Accessibility Intranet site: http://bmcintranet.bmc.com/BMC/Portal/CDA/hou_Overview_Document_Listing/0,2572,586762_861263,00.html </li></ul><ul><li>Feigenbaum, B. A. (2002, October 1). Coding for accessibility – Use JFC/Swing to build accessibility into your Java applications [On-line]. Available: http://www-106.ibm.com/developerworks/java/library/j-access/ </li></ul><ul><li>Section 508 [On-line]. Available: http://www.access-board.gov/sec508/guide/act.htm </li></ul><ul><li>Sun Microsystems (2003). Accessibility quick reference [On-line]. Available: http://www.sun.com/access/ developers/access.quick.ref.html#apptips </li></ul><ul><li>World Wide Web Consortium (W3C). Web accessibility initiative [On-line]. Available: http://www.w3.org/WAI/ </li></ul>
  43. 43. Accessibility Verification Tools <ul><li>A-prompt ( http://aprompt.snow.utoronto.ca/index.html ) </li></ul><ul><li>BMC accessibility evaluation form ( http://usability.bmc.com/access/XYZ_v.r_section508_assessment.doc ) </li></ul><ul><li>Bobby ( http://bobby.watchfire.com/bobby/html/en/index.jsp ) </li></ul><ul><li>Connect Outloud ( http://www.hj.com/fs_downloads/connect_form.asp ) </li></ul><ul><li>   LIFT ( http://www.usablenet.com/ ) </li></ul><ul><li>Lynx ( http://lynx.browser.org/ ) </li></ul><ul><li>   Monochrome printer </li></ul><ul><li>Navigation with non-dominant hand </li></ul><ul><li>Vischeck ( http://www.vischeck.com/ ) </li></ul><ul><li>WAVE ( http://www.wave.webaim.org/index.jsp ) </li></ul><ul><li>Web Page Backward Compatibility Viewer ( http://www.delorie.com/web/wpbcv.html ) </li></ul>
  44. 44. Summary <ul><li>For maximum accessibility: </li></ul><ul><ul><li>Design in accessibility from the start </li></ul></ul><ul><ul><li>Verify accessibility with checklists, tools, and accessibility tests </li></ul></ul>
  45. 45. Thank You <ul><li>To get a copy of this presentation: </li></ul><ul><li>E-mail Lawrence Najjar </li></ul><ul><li>Or, go to http://bmcintranet.bmc.com/ResearchAndDevelopment/Usability/attachments/accessibility_awareness_brown_bag.ppt </li></ul><ul><li>Or, go to the R&D Portal, Programs and Services, Usability and Interface Design, Accessibility/Section 508, White Paper and Presentations, Accessibility Awareness Brown Bag </li></ul><ul><li>To get accessibility services: </li></ul><ul><ul><li>Contact Tony Haverda, manager, Interface Design and Usability </li></ul></ul>

×