Upgrade to Pro — share decks privately, control downloads, hide ads and more …

This is for everyone: accessibility and you

This is for everyone: accessibility and you

Talk given at re:develop 2015 in Bournemouth on August 14th 2015.

Joshua Marshall

August 14, 2015
Tweet

More Decks by Joshua Marshall

Other Decks in Technology

Transcript

  1. The power of the Web is in its universality.
 Access

    by everyone regardless of disability is an essential aspect.
 Sir Tim Berners Lee
 Inventor of the World Wide Web “
  2. “The power of the Web is in its universality.
 Access

    by everyone regardless of ability is an essential aspect.
 Joshua Marshall
 Memory-challenged developer
  3. GOV.UK Benefits Includes tax credits, eligibility and appeals Births, deaths,

    marriages and care Parenting, civil partnerships, divorce and Lasting Power of Attorney Business and self-employed Tools and guidance for businesses Citizenship and living in the UK Voting, community participation, life in the UK, international projects Crime, justice and the law Legal processes, courts and the police Disabled people Includes carers, your rights, benefits and the Equality Act Driving and transport Includes vehicle tax, MOT and driving licences Education and learning Includes student loans and admissions Employing people Includes pay, contracts and hiring Environment and countryside Includes flooding, recycling and wildlife Housing and local services Owning or renting and council services Money and tax Includes debt and Self Assessment Passports, travel and living abroad Includes renewing passports and travel advice by country Visas and immigration Visas, asylum and sponsorship Working, jobs and pensions Includes holidays and finding a job This website replaces Services and information Welcome to GOV.UK The best place to find government services and information Simpler, clearer, faster Popular on GOV.UK Universal Jobmatch job search Renew vehicle tax (tax disc) Log in to student finance Book your theory test Employment and Support Allowance Search GOV.UK https://www.gov.uk
  4. GOV.UK Benefits Includes tax credits, eligibility and appeals Births, deaths,

    marriages and care Parenting, civil partnerships, divorce and Lasting Power of Attorney Business and self-employed Tools and guidance for businesses Citizenship and living in the UK Voting, community participation, life in the UK, international projects Crime, justice and the law Legal processes, courts and the police Disabled people Includes carers, your rights, benefits and the Equality Act Driving and transport Includes vehicle tax, MOT and driving licences Education and learning Includes student loans and admissions Employing people Includes pay, contracts and hiring Environment and countryside Includes flooding, recycling and wildlife Housing and local services Owning or renting and council services Money and tax Includes debt and Self Assessment Passports, travel and living abroad Includes renewing passports and travel advice by country Visas and immigration Visas, asylum and sponsorship Working, jobs and pensions Includes holidays and finding a job This website replaces Services and information Welcome to GOV.UK The best place to find government services and information Simpler, clearer, faster Popular on GOV.UK Universal Jobmatch job search Renew vehicle tax (tax disc) Log in to student finance Book your theory test Employment and Support Allowance Search GOV.UK https://www.gov.uk
  5. Dylan Wilbanks @dylanw​ RETWEETS 2 FAVORITE 1 From my conversation

    with @wendyabc: UX and accessibility both have empathy as a core value. So why don't UX and #a11y work together more? Reply Retweet Favorite 3:21 PM - 11 Apr 2014 Follow     More  Patrick Neeman @usabilitycounts​ · Apr 11 @dylanw @wendyabc isn’t #a11y part of UX? Everything else is. ;) Details Reply Retweet Favorite    More  Andrew Woods @awoods​ · Apr 11 @dylanw @wendyabc #a11y is about users. If it's not part of what you do, you're not doing #UX - you're doing something else Details Reply Retweet Favorite    More  Dylan Wilbanks @dylanw​ · Apr 11 @usabilitycounts @wendyabc SURE WHY NOT I MEAN CHEESEMAKING IS A UX FIELD RIGHT  Search  Have an account? Sign in https://twitter.com/dylanw/status/454746152915587072
  6. http://www.useit.com useit.com: usable information technology Search useit.com: Jakob Nielsen's Website

    Permanent Content Alertbox Jakob's column on Web usability Beyond the Buy Button in E-Commerce (July 6) The best way for ecommerce sites to increase subsequent orders is to treat customers well after they place their initial order. Government Intranets (June 21) Remote Controls (June 7) Thirty Years With Computers (May 24) All Alertbox columns from 1995 to 2004 Sign up for short newsletter by email when a new Alertbox is published Reports Intranet usability > Government intranets > Intranet design annual > Intranet portals Return on investment from usability (ROI) Email newsletters Confirmation email E-commerce: 207 design guidelines Corporate sites: "About Us", PR, IR areas More reports and usability guidelines News Get a free usability test of your intranet if you will allow us to publish the findings and screenshots. User Experience 2004 Conference > Las Vegas and Amsterdam Our biggest conference ever with 33 full-day tutorials: > 16 brand-new seminars, including advanced content usability and Web-based applications > 17 best-selling classics like information architecture and e-commerce usability Sydney Morning Herald RSS Feeding frenzy eWeek Mac OS X's Spotlight Puts Search Center Stage ZDNet UK Two UK intranets make global top 10 Line56 The Best Government Intranets Sydney Morning Herald The key to email: a two-second grab CIO Insight Time for a Redesign BusinessWeek Big Bang! Digital convergence is finally happening Sydney Morning Herald Seek but you won't always find http://www.useit.com/ Go JUN JUL AUG 15 2003 2004 2005 1,373 captures 27 Dec 96 - 12 Jun 13 Close Help
  7. webaim.org/blog/10-easy-accessibility-tips/ services articles resources community Search WebAIM Introduction to Web

    Accessibility WebAIM Training 10 Easy Accessibility Tips Anyone Can Use Home > Blog > 10 Easy Accessibility Tips Anyone Can Use Translation A translation of this post is available at http://financesonline.com/WebAIM_10Tips.html courtesy of FinancesOnline . Today is Global Accessibility Awareness Day (GAAD). To celebrate and to help promote accessibility, here are 10 simple accessibility tips that most anyone can implement today into their web site’s HTML and CSS to make it more accessible. May 9, 2013 Jared Smith 23 Comments Search the blog Search for: Search Blog Archives
  8. http://www.w3.org/TR/aria-in-html/ Notes on Using ARIA in HTML W3C Working Draft

    21 May 2015 This version: http://www.w3.org/TR/2015/WD-aria-in-html-20150521/ Latest published version: http://www.w3.org/TR/aria-in-html/ Latest editor's draft: http://w3c.github.io/aria-in-html/ Previous version: http://www.w3.org/TR/2015/WD-aria-in-html-20150514/ Editors: Steve Faulkner, The Paciello Group, [email protected] Hans Hillen, The Paciello Group, [email protected] David MacDonald, CanAdapt Solutions Inc., [email protected] Copyright © 2015 W3C® (MIT, ERCIM, Keio, Beihang). W3C liability, trademark and document use rules apply. Abstract This document is a practical guide for developers on how to add accessibility information to HTML elements using the Accessible Rich Internet Applications specification [WAI-ARIA-1.1], which defines a way to make Web content and Web applications more accessible to people with disabilities. This document demonstrates how to use WAI-ARIA in [HTML51], which especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.
  9. This document provides advice for use of ARIA attributes in

    [HTML51]. For general best-practice information about using ARIA, see the [WAI-ARIA-PRACTICES] document. The following is a longer list of resources that provide relevant information: ARIA in HTML WAI-ARIA 1.1 Authoring Practices Accessible Rich Internet Applications (WAI-ARIA) 1.1 HTML 5.1 HTML5 Accessibility 2. Notes on ARIA use in HTML 2.1 First rule of ARIA use If you can use a native HTML element [HTML51] or attribute with the semantics and behaviour you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so. Under what circumstances may this not be possible? If the feature is available in HTML [HTML51] but it is not implemented or it is implemented, but accessibility support is not. If the visual design constraints rule out the use of a particular native element, because the element cannot be styled as required. If the feature is not currently available in HTML. 2.2 Second rule of ARIA use Do not change native semantics, unless you really have to. For example: Developer wants to build a heading that's a button.
  10. Web Axe @webaxe Blog & podcast about web accessibility. Techniques,

    news, events, jobs, and more!  Cupertino, CA USA © 2015 Twitter About Help Terms Privacy Cookies Ads info Web Axe @webaxe New to Twitter? Sign up  Search Twitter  Have an account? Log in    Web Axe @webaxe​ RETWEETS 12 FAVORITES 12 If as much time was spent on semantic HTML than on developing #accessibility testing tools, there'd be less need for #a11y testing tools. 8:39 PM - 11 Aug 2015 Follow      © 2015 Twitter About Help Terms Privacy Cookies Ads info https://twitter.com/webaxe/status/631308942098837504
  11. !

  12. µµµµ iA Web Design is 95% Typography by oliver reichenstein

    95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with such an immense flood of older ◊ newer þ 19. october 2006 http://ia.net/blog/the-web-is-all-about-typography-period/
  13. https://www.gov.uk/government/how-government-works Departments Worldwide How government works Get involved Policies Publications

    Consultations Statistics Announcements GOV.UK The Prime Minister The Prime Minister is head of the UK government. He is ultimately responsible for all policy and decisions. He: oversees the operation of the Civil Service and government agencies appoints members of the government How government works In the UK, the Prime Minister leads the government with the support of the Cabinet and ministers. You can find out who runs government and how government is run, as well as learning about the history of government. Who runs government Search
  14. http://www.dailymail.co.uk/news/article-2310191/And-award-goes-boring-com-Government-website-beats-100-named-worlds-best-design.html Home News U.S. Sport TV&Showbiz Australia Femail Health Science

    Money Video Travel Fashion Finder Latest Headlines News Arts Headlines Pictures Most read News Board Wires Login And the award goes to boring.com! Government website beats off 100 others to be named world's best design Gov.uk saw off nearly 100 competitors in Design of the Year 2013 Basic-looking site features links to pages like ‘Housing and local services’ By ROSIE TAYLOR FOR THE DAILY MAIL PUBLISHED: 23:43, 16 April 2013 | UPDATED: 07:44, 17 April 2013 A Government website has beaten The Shard and the 2012 Olympic Cauldron to be named the world’s best design. Gov.uk saw off nearly 100 competitors in the Design Museum’s Design of the Year 2013. The basic-looking site features links to pages such as ‘Housing and local services’, ‘Driving and transport’ and ‘Inside Government’. 25 View comments Site Web Enter your search Like Daily Mail Follow @dailymailuk Follow Daily Mail +1 Daily Mail DON'T MISS PICTURE EXCLUSIVE: Rihanna shows off her incredible beach body in cut-out bikini as she feeds a baby monkey while sunbathing in Barbados Chigwell to California! Michelle Keegan shows Cookie Policy Feedback Follow Follow @MailOnline @MailOnline 2.8m Like Like DailyMail Monday, Aug 10th 2015 4PM 22°C 7PM 21°C 5-Day Forecast
  15. It’s not about what you do, it’s about what you

    enable other people to do. “ Brad Frost youtube.com/watch?v=7rW9vTrN6OU
  16. It’s not about what you do, it’s about what you

    enable other people to do. “ Brad Frost youtube.com/watch?v=7rW9vTrN6OU
  17. PIXEL PERFECT PRECISION HANDBOOK 3 By Gyppsy - 20 February

    2014 PROCESS What we do Blog Join us https://ustwo.com/ppp
  18. My Account Contact Us Store FAQ Home / Books /

    A Web for Everyone A Web for Everyone Designing Accessible User Experiences By Sarah Horton & Whitney Quesenbery $39 $39USD USD Add Add to to cart cart Cart My Account Contact Us Store FAQ Paperback + Ebooks Ebooks only If you are in charge of the user experience, development, or strategy for a web site, A Web for Everyone will help you make your site accessible without sacrificing design or innovation. Rooted in universal design principles, this book provides solutions: practical advice and examples of how to create sites that everyone can use. Books Services Events Search... http://rosenfeldmedia.com/books/a-web-for-everyone/
  19. Login Register F.A.Q. Be the first to review this product

    Apps For All: Coding Accessible Web Applications Accessibility is not just about addressing specific disabilities, but making sure as many people as possible have access to the same information. There’s rarely a good reason to lock people out when openness is a foundational principle of the web. Written by Heydon Pickering and reviewed by Steve Faulkner. Quick Overview Quantity: 1 Add to Cart €10.95 (incl. Tax 19%) Full Product Description Smashing Books Smashing Books Library Library Library Free Preview Library Free Preview My Account My Account My Cart My Cart https://shop.smashingmagazine.com/products/apps-for-all
  20. Marcy Sutton @marcysutton Accessibility Engineer at Adobe, Angular core team

    member. Curator of #A11yWins. @GDISeattle co-leader. Bike racer, music junkie, dog lover. Also @marcybikes. © 2015 Twitter About Help Terms Privacy Cookies Ads info Marcy Sutton @marcysutton New to Twitter? Sign up  Search Twitter  Have an account? Log in   Marcy Sutton @marcysutton​ RETWEETS 7 FAVORITES 9 Reminder: you can still join the #a11y Slack team & talk shop with a ton of great industry professionals: web-a11y.herokuapp.com 1:21 PM - 1 Apr 2015 Follow      © 2015 Twitter About Help Terms Privacy Cookies Ads info https://twitter.com/marcysutton/status/583363599579496448
  21. The power of the Web is in its universality.
 Access

    by everyone regardless of disability is an essential aspect.
 Sir Tim Berners Lee
 Inventor of the World Wide Web “