Oct 2014 Siteimprove Stockholm Accessibility Conference

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


Jeffrey Zeldman

“…accessibility remains the least-taught, least-understood, least-cared-about of all our new and classic best practices.”


Why Accessibility?

Accessibility is about people.

Up to 20% of internet users experience accessibility problems when browsing websites.


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


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


Who is responsible for Website Accessibility?


• Webmaster • Marketing Staff • Web Developers • Web Designers • Content Managers • IT Staff • Non-technical Stakeholders


Websites are inaccessible due to their owners being unaware and uneducated.


We need to educate website owners.


• 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?


We need to offer realistic solutions.


• 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


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.


Getting Started

Accessibility Usability

Search Engine Optimization (SEO)

Findability


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.


Accessibility is a process and not a project and it is relevant throughout the lifetime of a website.


Include accessibility requirements in the organization’s design and communications style guides.


Ensure testing, especially design and templates

Carry out training

Have a plan for ongoing site monitoring


Utilize persons with disabilities in your testing plan.


Know the Rules • SE regulations and dates

• WCAG 2.0

• Semantic markup

• Style guides


Practical Training Plans • Designers

• Developers

• Content Creators

• Document Creators

• Proper CMS training


• Webmaster • Marketing Staff • Web Developers • Web Designers • Content Managers • IT Staff • Non-technical Stakeholders

Remember These Guys?


Web Designers

• Consistent design & navigation

• Contrast ratios

• White space!


Web Developers

• Pay attention to forms and scripts

• Structure headings correctly

• Keyboard navigation

• Avoid programming text like “Click Here” or “Read More”


Content Managers

• Use comprehensive “alt” tags

• Structure writing with headings

• The Web is not a Word document!

• Follow the company style guides

• Accessible documents


Webmaster

• Proper training for teams

• Use CMS to enforce accessibility

• Ensure templates are accessible

• Test early, test often


Low-hanging Fruit (Quick Fixes) • Templates

• Style Sheets

• Divide and conquer


High Traffic Pages • Site Structure

• Analytics


A-level Errors • Images

• Headings

• Forms


Report Success!

Track Progress


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.


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


Questions?


Kevin Rydberg • Senior eAccessibility Consultant, Siteimprove

• [email protected]

• @rydbergk

• linkedin.com/in/KevinRydberg

krysiteimprove.com


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

Oct 2014 Siteimprove Stockholm Accessibility Conference

Internet

Transcript of Oct 2014 Siteimprove Stockholm Accessibility Conference