oct 2014 siteimprove stockholm accessibility conference
DESCRIPTION
Slides from Siteimprove Accessibility Conference, Stockholm Sweden, October 15, 2014TRANSCRIPT
![Page 1: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/1.jpg)
Getting Started With Web Accessibility
![Page 2: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/2.jpg)
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
![Page 3: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/3.jpg)
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.”
![Page 4: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/4.jpg)
Getting Started With Web Accessibility
Why Accessibility?
Accessibility is about people.
Up to 20% of internet users experience accessibility problems when browsing websites.
![Page 5: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/5.jpg)
Getting Started With Web Accessibility
![Page 6: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/6.jpg)
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
![Page 7: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/7.jpg)
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
![Page 8: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/8.jpg)
Getting Started With Web Accessibility
Who is responsible for Website Accessibility?
![Page 9: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/9.jpg)
Getting Started With Web Accessibility
• Webmaster • Marketing Staff • Web Developers • Web Designers • Content Managers • IT Staff • Non-technical Stakeholders
![Page 10: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/10.jpg)
Getting Started With Web Accessibility
Websites are inaccessible due to their owners being unaware and uneducated.
![Page 11: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/11.jpg)
Getting Started With Web Accessibility
We need to educate website owners.
![Page 12: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/12.jpg)
Getting Started With Web Accessibility
• 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
Why is your Website not Accessible?
![Page 13: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/13.jpg)
Getting Started With Web Accessibility
We need to offer realistic solutions.
![Page 14: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/14.jpg)
Getting Started With Web Accessibility
• Programs may err in their interpretation of the guidelines • A genuine text equivalent for a photograph in context • Lose the spirit of the law
There is no such thing as fully automated accessibility testing.
• 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
![Page 15: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/15.jpg)
Getting Started With Web Accessibility
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
There is no such thing as fully automated accessibility testing.
![Page 16: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/16.jpg)
Getting Started With Web Accessibility
Getting Started
![Page 17: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/17.jpg)
Accessibility Usability
Search Engine Optimization (SEO)
Findability
![Page 18: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/18.jpg)
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.
![Page 19: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/19.jpg)
Getting Started With Web Accessibility
![Page 20: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/20.jpg)
Getting Started With Web Accessibility
Accessibility is a process and not a project and it is relevant throughout the lifetime of a website.
![Page 21: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/21.jpg)
Getting Started With Web Accessibility
Include accessibility requirements in the organization’s design and communications style guides.
![Page 22: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/22.jpg)
Getting Started With Web Accessibility
Ensure testing, especially design and templates
Carry out training
Have a plan for ongoing site monitoring
![Page 23: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/23.jpg)
Getting Started With Web Accessibility
Utilize persons with disabilities in your testing plan.
![Page 24: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/24.jpg)
Getting Started With Web Accessibility
Know the Rules • SE regulations and dates
• WCAG 2.0
• Semantic markup
• Style guides
![Page 25: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/25.jpg)
Getting Started With Web Accessibility
Practical Training Plans • Designers
• Developers
• Content Creators
• Document Creators
• Proper CMS training
![Page 26: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/26.jpg)
Getting Started With Web Accessibility
• Webmaster • Marketing Staff • Web Developers • Web Designers • Content Managers • IT Staff • Non-technical Stakeholders
Remember These Guys?
![Page 27: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/27.jpg)
Getting Started With Web Accessibility
Web Designers
• Consistent design & navigation
• Contrast ratios
• White space!
![Page 28: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/28.jpg)
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”
![Page 29: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/29.jpg)
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
![Page 30: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/30.jpg)
Getting Started With Web Accessibility
Webmaster
• Proper training for teams
• Use CMS to enforce accessibility
• Ensure templates are accessible
• Test early, test often
![Page 31: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/31.jpg)
Getting Started With Web Accessibility
Low-hanging Fruit (Quick Fixes) • Templates
• Style Sheets
• Divide and conquer
![Page 32: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/32.jpg)
Getting Started With Web Accessibility
High Traffic Pages • Site Structure
• Analytics
![Page 33: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/33.jpg)
Getting Started With Web Accessibility
A-level Errors • Images
• Headings
• Forms
![Page 34: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/34.jpg)
Getting Started With Web Accessibility
Report Success!
Track Progress
![Page 35: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/35.jpg)
Getting Started With Web Accessibility
![Page 36: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/36.jpg)
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.
![Page 37: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/37.jpg)
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
![Page 38: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/38.jpg)
Getting Started With Web Accessibility
Questions?
![Page 39: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/39.jpg)
Getting Started With Web Accessibility
Kevin Rydberg • Senior eAccessibility Consultant, Siteimprove
• @rydbergk
• linkedin.com/in/KevinRydberg
krysiteimprove.com
![Page 40: Oct 2014 Siteimprove Stockholm Accessibility Conference](https://reader034.vdocument.in/reader034/viewer/2022051818/549b16e9b47959fc088b4694/html5/thumbnails/40.jpg)
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