This webinar provided an overview of web accessibility, which aims to make websites usable by all people regardless of abilities or disabilities. It reviewed essential techniques like providing text alternatives for images, ensuring color contrast meets standards, and creating a logical reading order. The webinar promoted the upcoming OpenAIR competition, which will provide nonprofits with new, fully accessible websites designed by top developers. It encouraged participation and sharing what was learned with colleagues.
12. Our goals today
• Take a snapshot of web accessibility – what is it,
why does it matter?
• Identify essential techniques
• Point to what’s next – OpenAIR
• Answer questions
13. Facilitated by…Knowbility
• National non-profit making the web accessible since 1999
• Sharron Rush, co-founder, Executive Director, Knowbility
• Invited Expert since 2006 for W3C Web Accessibility
Initiative (WAI)
• Currently co-chair for Education and Outreach Working
Group (EOWG)
• Author Maximum Accessibility (2002)
• Jessica Looney, Community Programs Director, Knowbility
Hi there!
14. The Web is meant to transcend
barriers
Regardless of differences …
• platform
• operating system
• formats
• browser
• device
• distance
• ability
• language
15. ‘Accessible’
Means...
People with disabilities
…can acquire the same information
…participate in the same activities
…actively produce as well as
consume online content
S that is available to all other Web
users.
SS
16. Universal Design…
• supports all people
• supports all technology
• improves experience for all
• “Good design IS accessible design”
~ Dr. John Slatin
17. Participant Poll
• Are you aware of your legal responsibility to be
concerned with around accessibility?
• Yes
• No
18. Why advocate for accessibility?
Legal
Technical
Humanitarian
Market
Visionary
19. UN Convention on Rights of people
with Disabilities
• Explicitly references technology access as
basic human right in modern world
• Ratified by more than 100 nations
• Additional accessibility laws in European
Union, Canadian Government, Australia,
Japan, others
20. US Federal Law
• Section 508 of Rehabilitation
Act
• ADA –notice of intention to
extend the ADA to the web
• Oct 2010, President signed
21st Century Accessible
Technology bill
21. Disability is a market force
• Nearly 20% of US population has disability
• Numbers growing as population ages
• Your organization is likely to have large
representation
22. Growing
constituency
• Fortune: “$1 trillion annual market”
• $200 B in discretionary spending
• 55 million Americans
• 750 million worldwide
• More as population ages
24. WAI Accessibility Perspectives:
Keyboard Compatibility
Watch more from the WAI Accessibility Perspectives on
their website -- https://www.w3.org/WAI/perspectives/
25. Participant Poll
• What do you think the biggest barrier is to equal
access that you have to address?
• - technical requirements
• - getting developers to understand/build it
• - money
• - buy-in from leadership
• - legacy software
• - other
• - I don't know
26. Four Principles of accessible content
Perceivable, operable, understandable and robust. Cartoon shows four colorful characters. First is a man with dark glasses saying “I
can perceive it.” Next a fellow with one arm in a sling who says “I can use it,” then a woman with a lightbulb over her head saying “I
can grasp it,” and finally a woman holding a smart phone saying “I can access
There are 4 Major Principles
of Accessibility
27. Common Barriers
• Structure
• Reading and focus order
• Keyboard
• Text alternatives
• Color and contrast
• Link text
• Multi-media
28. Structure
To help users orient themselves on web pages, the content and different
areas need to be structured to help assistive technology identify them.
• Use semantic structures as
intended
• Logical nested headings
• Semantic meaning not visual
presentation
• List markup for related information
• Explicit form ID and label
• Identify row and column headings
in data grids (tables)
• Outline structure with HTML5
regions or ARIA landmarks
29. Reading and focus order
Reading, tab and focus order should be the same as
the display (visual) order. Sequence in which page
items receive focus should reflect intent of the content.
• Provide page titles that are
meaningful to orient users
among a set of pages
• Skip links as needed
• Create logical tab order
through links, form controls,
and interactive elements
30. Visible Keyboard Operation
Keyboard focus should be visible (ex: highlighted text)
and follow a logical order.
• Ensure users can access all features of a Web
page through the use of a keyboard alone
• Make keyboard focus as clearly visible as
mouse hover states
31. Text alternative basics
Users experiencing visual impairment will need a verbal
description of any images, otherwise known as alt text.
• Provide text alternative (alt attribute of img
element) for meaningful images
• Empty alt attribute <alt=“”> to decorative images
• Identifies target of linked images
• Fully describe complex images like
• charts, graphs
• WAI Tutorial alt text
decision tree
Ex Alt Text: Box of chocolates
32. Color and contrast
Some users have trouble perceiving low contrast, while
others have difficulty taking in high contrast.
• Avoid using color as ONLY
method to denote a state or
requirement
• Provide contrast of text
against background of 4.5 to 1
or higher
33. Link text
When navigating from link to link, screen readers will read ‘link’ before the
link text so link text must be descriptive.
• Specify link target, such as where the link goes or
what it does. (Ex: The WAI Homepage)
• Text should make sense out of context (not “More” or
“Click here”)
– OR –
• Be uniquely associated with a heading level (usually
h2 or h3 or higher)
• Use aria-described by to make the association
34. Media
Providing video captions for the hearing impaired and
audio descriptions for the visually impaired are crucial if
you want to convey the information in your video to the
widest audience.
• Keyboard operable media player
• Caption audio content of video
and synchronize to onscreen
actions
• Describe meaningful video
content in audio description
track or text transcript.
35. Going forward
• Next steps within your organization
• Online resources w3.org/WAI
• Community programs
• Ways to get involved
36. Participate …
• OpenAIR: Accessibility Internet Rally – accessible web
development contest benefits global nonprofits
• The OpenAIR competition provides nonprofits with an
opportunity to get a new, fully accessible website,
designed with the help of some of the leading
accessibility developers in the country.
37. OpenAIR: The basics
• When: Get your nonprofit together and
registered by September 15th. The competition
kicks off October 11th at Google Fiber and
ends with an awards ceremony December 8th.
• What: A six week competition in which a team
of developers and an accessibility mentor will
work together to build a new website for your
company.
• How: Find more information and register your
company or team on the air-rallies website.