This document discusses getting started with web accessibility. It notes that accessibility is about making websites usable for all people regardless of ability or disability. Up to 20% of internet users experience issues accessing websites. The document outlines who is responsible for accessibility, including webmasters, designers, developers and content managers. It provides tips for these groups to make sites more accessible and notes that accessibility is an ongoing process rather than a single project. Testing with people with disabilities is recommended. The document emphasizes that fully automated accessibility testing is not possible and human review is still needed.

1. Getting Started With
Web Accessibility

2. Getting Started With Web Accessibility
Web accessibility refers to “the practice of
making websites usable by people of all
abilities and disabilities.”
http://en.wikipedia.org/wiki/Web_accessibility

3. Getting Started With Web Accessibility
Jeffrey Zeldman
“…accessibility remains the
least-taught, least-understood,
least-cared-about
of all our new and
classic best practices.”

4. Getting Started With Web Accessibility
Why Accessibility?
Accessibility is about people.
Up to 20% of internet users experience
accessibility problems when browsing
websites.

5. Getting Started With Web Accessibility

6. Getting Started With Web Accessibility
Visual, auditory, physical, cognitive, vestibular
Older persons, low literacy
Technology limitations or incompatibility:
browsers, platforms, devices, mobile web
Environmental factors: place, illumination, noise,
slow connection
http://ec.europa.eu/ipg/standards/accessibility/index_en.htm

7. Getting Started With Web Accessibility
10% to 15% of the total population
50 to 75 million people in EU27
There is a strong correlation between disability and
aging: the numbers increase with demographic
change.
Source: Labour Force Survey (European Commission-Eurostat, 2002)
http://ec.europa.eu/ipg/standards/accessibility/index_en.htm

8. Getting Started With Web Accessibility
Who is responsible for
Website Accessibility?

9. Getting Started With Web Accessibility
• Webmaster
• Marketing Staff
• Web Developers
• Web Designers
• Content Managers
• IT Staff
• Non-technical Stakeholders

10. Getting Started With Web Accessibility
Websites are inaccessible
due to their owners being
unaware and uneducated.

11. Getting Started With Web Accessibility
We need to educate
website owners.

12. Getting Started With Web Accessibility
Why is your Website not Accessible?
• 36.6% Lack of Skills and Knowledge
• 36.2% Lack of Awareness
• 13.2% Affect the look, feel, or functionality
• 13.9% Lack of Budget or Resources
http://www.headstar.com/eablive/?p=1057

13. Getting Started With Web Accessibility
We need to offer
realistic solutions.

14. Getting Started With Web Accessibility
There is no such thing as fully automated accessibility testing.
• Programs may err in their interpretation of the guidelines
• A genuine text equivalent for a photograph in context
• Lose the spirit of the law
• Good tools inspect the page for problems
• Produce a list of things they judge to be errors
• List of things they judge worth human inspection

15. Getting Started With Web Accessibility
There is no such thing as fully automated accessibility testing.
Example:
• alt=“” needs review to determine if “decorative”
• alt=“picture” needs review to determine if adequate
• alt=“toy retro robot” needs review to determine if adequate

16. Getting Started With Web Accessibility
Getting Started

17. Accessibility Usability
Findability
Search Engine
Optimization (SEO)

18. Getting Started With Web Accessibility
Coding for accessibility sucks.
There’s no such thing as a fully accessible
website.
Just because you have an (mostly) accessible
site, doesn’t mean you have a usable site.

19. Getting Started With Web Accessibility

20. Getting Started With Web Accessibility
Accessibility is a process and not a project
and it is relevant throughout the lifetime of a
website.

21. Getting Started With Web Accessibility
Include accessibility requirements in the
organization’s design and communications
style guides.

22. Getting Started With Web Accessibility
Ensure testing, especially design and
templates
Carry out training
Have a plan for ongoing site monitoring

23. Getting Started With Web Accessibility
Utilize persons with
disabilities in your
testing plan.

24. Getting Started With Web Accessibility
Know the Rules
• SE regulations and dates
• WCAG 2.0
• Semantic markup
• Style guides

25. Getting Started With Web Accessibility
Practical Training Plans
• Designers
• Developers
• Content Creators
• Document Creators
• Proper CMS training

26. Getting Started With Web Accessibility
Remember These Guys?
• Webmaster
• Marketing Staff
• Web Developers
• Web Designers
• Content Managers
• IT Staff
• Non-technical Stakeholders

27. Getting Started With Web Accessibility
Web Designers
• Consistent design & navigation
• Contrast ratios
• White space!

28. Getting Started With Web Accessibility
Web Developers
• Pay attention to forms and scripts
• Structure headings correctly
• Keyboard navigation
• Avoid programming text like
“Click Here” or “Read More”

29. Getting Started With Web Accessibility
Content Managers
• Use comprehensive “alt” tags
• Structure writing with headings
• The Web is not a Word document!
• Follow the company style guides
• Accessible documents

30. Getting Started With Web Accessibility
Webmaster
• Proper training for teams
• Use CMS to enforce accessibility
• Ensure templates are accessible
• Test early, test often

31. Getting Started With Web Accessibility
Low-hanging Fruit (Quick Fixes)
• Templates
• Style Sheets
• Divide and conquer

32. Getting Started With Web Accessibility
High Traffic Pages
• Site Structure
• Analytics

33. Getting Started With Web Accessibility
A-level Errors
• Images
• Headings
• Forms

34. Getting Started With Web Accessibility
Track Progress
Report Success!

35. Getting Started With Web Accessibility

36. Getting Started With Web Accessibility
Accessible Documents
• Online documents are a huge part of online
communication across many industries.
• Organizations sometimes rely on their website
as the only way of providing these documents.
• Accessibility of online documents exposes website
owners to the same risks as inaccessible web pages.

37. Getting Started With Web Accessibility
What Defines an Accessible Document?
• Understand the document’s structure
• Read and understand a document’s content,
including text and images
• Understand and navigate within the document
• Interact with any forms on the document

38. Getting Started With Web Accessibility
Questions?

39. Getting Started With Web Accessibility
Kevin Rydberg
• Senior eAccessibility Consultant, Siteimprove
• kry@siteimprove.com
• @rydbergk
• linkedin.com/in/KevinRydberg
krysiteimprove.com

40. Getting Started With Web Accessibility
http://www.zeldman.com/wp-content/pixel-jeffrey.jpg
http://images.all-free-download.com/images/graphiclarge/cursor_hand_clip_art_9536.jpg
http://www.finleydesign.co.uk/wp-content/uploads/Web-Team.png
http://2.bp.blogspot.com/-2Lu0S4NqHc0/TeFCHq2RdrI/AAAAAAAAAFE/7_sY99Q_16M/s1600/Ignorance+is+Bliss+4+quarter.jpg
http://komarov.files.wordpress.com/2008/11/image-thumb.png?w=362&h=275
http://www.mindtools.com/media/Images/Articles/Team_Management/Coaching_Your_Team/solution-focused-coaching_IvelinRadkov_226x150.jpg
http://www.komarketingassociates.com/images/2010/07/low-hanging-fruit.jpg
http://www.xaas.com/Portals/0/Images/Solutions/HighTrafficCloudHosting/XaaS_High_Traffic_Cloud_Hosting_Rounded.jpg
http://static.guim.co.uk/sys-images/Guardian/Pix/pixies/2013/2/25/1361807925686/Triple-A-rating-008.jpg
http://www.ivillage.ca/sites/default/files/imagecache/preganancy_article_main/baby-steps-636.gif
http://taylormarshall.com/2013/09/how-to-read-the-bible-a-three-step-plan.html
https://www.tineye.com/search/show_match/c36842f60bf612c8c17489ad05e92c17807df54e/af3452d41845c6b8e66be416e55f3ce85e4ecec102ed495011f
31a28bd996ca9?m13=5.54164&m21=-1.9174e-05&m22=1.73696&m23=-33.9326&m11=1.73696&m12=1.9174e-05
http://www.connectedu.com/sites/default/files/styles/original/public/images/rows/Case%20Management.png
http://www.thegreenpipe.com.au/images/PDFicon.png
http://www.flickr.com/photos/35740357@N03/5189750209