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

Monkigras 1 Feb, 2019

6f3ec7315ad0715ae2a5f89a52877218?s=47 bruce lawson
February 01, 2019

Monkigras 1 Feb, 2019

Accessibility: Back to the Future


bruce lawson

February 01, 2019


  1. @brucel §

  2. @brucel

  3. @brucel

  4. @brucel • Picture of TBL “web developer”

  5. Seren

  6. @brucel http://info.cern.ch/hypertext/WWW/TheProject.html

  7. @brucel

  8. @brucel

  9. @brucel

  10. @brucel We broke it • fixed width • bad contrast,

    fonts, colours • pixel-perfect layout • lack of captions for videos • lack of keyboard accessibility • removing focus indicator
  11. None
  12. @brucel

  13. @brucel

  14. @brucel

  15. @brucel

  16. @brucel The Raw Materials

  17. @brucel b • web comping

  18. @brucel

  19. @brucel Top four 1. Have a fundamental understanding of JavaScript

    “Of course you can’t do full-stack JavaScript development (or full-stack any web development for that matter), without learning JavaScript itself.” 2. Front-End framework 3. Bootstrap 4 4. HTML/CSS
  20. @brucel As for HTML, there’s not much to learn right

    away and you can kind of learn as you go, but before making your first templates, know the difference between in-line elements like <span> and how they differ from block ones like <div>. This will save you a huge amount of headache when fiddling with your CSS code.
  21. @brucel • semantics !

  22. @brucel

  23. @brucel

  24. @brucel

  25. @brucel Screen reader users http://webaim.org/projects/screenreadersurvey5/ - used by kind permission

  26. @brucel

  27. @brucel <article itemscope itemtype="http://schema.org/BlogPosting"> <header> <h2 itemprop="title" id="post-11210"><a href="/2019/reading- list-221/"

    rel="bookmark" title="Permanent Link to Reading List"> Reading List</a></h2> <time itemprop="dateCreated pubdate datePublished" datetime="2019-01-18">Friday 18 January 2019</time> </header> <p>SOME STUFF</p> <footer>Posted in <a href="/category/accessibility-web- standards/">accessibility web standards</a>, <a href="/category/ accessibility-web-standards/reading-list/">reading list</a> . <a class="post-edit-link" href="/wp-admin/post.php? post=11210&#038;action=edit">Edit</a>. <a href="/2019/reading- list-221/#respond">Leave a comment</a> </footer> </article>
  28. @brucel

  29. @brucel

  30. @brucel

  31. @brucel

  32. @brucel

  33. @brucel Accessibility is part of Usability “high conformance with web

    accessibility guidelines may provide benefits to users without disabilities.”

  34. @brucel Schmutza, Sondereggera and Sauera
 • Sixty-one participants without disabilities

    used one of three websites differing in levels of accessibility • A high level of web accessibility led to better performance (i.e., task completion time and task completion rate) than low or very low accessibility. • Likewise, high web accessibility improved user ratings (i.e., perceived usability, aesthetics, workload and trustworthiness) compared to low or very low web accessibility. Department of Psychology, University of Fribourg, Fribourg, Switzerland www.unifr.ch/psycho/assets/files/KogErg/SchmutzSondereggerSauer2016.pdf
  35. @brucel

  36. None
  37. None
  38. https://kryogenix.org/code/browser/everyonehasjs.html

  39. @brucel https://www.reddit.com/r/webdev/comments/a7ydt9/the_practical_value_of_semantic_html/

  40. @brucel

  41. @brucel “Developer Experience” Bait-and-Switch We cannot continue to use as

    much JavaScript as is now “normal” and expect the web to flourish. To get this fixed, we need to confront the “developer experience” bait-and-switch. Tools that cost the poorest users to pay wealthy developers are bunk. Alex Russell https://infrequently.org/2018/09/the-developer-experience-bait-and-switch/ “
  42. Rise of The Smartphones

  43. None
  44. Smartphones ▪ overwhelmingly Android ▪ low cost, low spec ▪

    very little RAM, very limited storage ▪ dual SIM
  45. None
  46. @brucel 500MB data: hours worked https://360.here.com/2015/06/03/offline-navigation-really-matters-500mb-data-costs-week-wages/

  47. @brucel How To Make Internet Affordable Even with more phones

    than ever before, the cost of Internet is a major obstacle. In Nigeria, the data needed to watch just 2 minutes of online video a day can cost more than sending a child to school for a month. https://webwewant.org/news/how-to-make-internet-affordable/ “
  48. @brucel The Baseline Costs of JavaScript Frameworks Your React application

    will never load faster than about 1.1 seconds on an average phone in India, no matter how much you optimize it. Your Angular app will always take at least 2.7 seconds to boot up. Ankur Sethi, Nov 2018 https://blog.uncommon.is/the-baseline-costs-of-javascript-frameworks-f768e2865d4a “
  49. ICT access by population Total 
 global population ~7.4 billion

 internet 1.1 billion Total 
 internet users 3.2 billion Mobile phones 5.2 billion Within mobile coverage 7 billion World Bank: Digital Dividends 2016
  50. The world’s offline population Total 
 internet users 3.2 billion

 internet 1.1 billion India 1.063 billion Countries outside of the top 20 China 755 million Indonesia 213 million Pakistan 165 million Bangladesh 148 million Nigeria 111 million Brazil 98 million Ethiopia 95 million Mexico 70 million Congo, Dem. Rep. 68 million Philippines 63 million Russian Federation 55 million Iran, Islamic Rep. 54 million Myanmar 53 million Vietnam 52 million United States 51 million Tanzania 49 million Thailand 48 million Egypt, Arab Rep. 42 million Turkey 41 million
  51. None
  52. None
  53. None
  54. In India, only 96k of the 736k cell towers are

    3G enabled, but more critically, only 35k of those towers have a fiber optic connection to the backbone, which results in inconsistent connection. “ Flaky connection - India's mobile Internet: The revolution has begun Avdendus (2013)
  55. Making the internet universally accessible and affordable should be a

    global priority. “ World Bank
  56. Developing countries are home to 94% of the global offline

    population. “ - State of Connectivity 2014, internet.org
  57. Courtesy of Hesperian

  58. None
  59. None
  60. If you want to liberate a country, give them the

    internet. “ - Wael Ghonim, Egyptian internet activist
  61. None
  62. an increase in Internet maturity similar to the one experienced

    in mature countries over the past 5 years creates an increase in real GDP per capita of $500 on average during this period. “ Internet matters - The Net’s sweeping impact on growth, jobs, and prosperity (McKinsey Global Institute)
  63. It took the Industrial Revolution of the 19th century 50

    years to produce the same result. “ Internet matters - The Net’s sweeping impact on growth, jobs, and prosperity (McKinsey Global Institute)
  64. None
  65. None
  66. None
  67. None
  68. None
  69. See people not problems

  70. None
  71. None
  72. None
  73. @brucel • [image of a crowd of people - terrible

    stock photo?]
  74. @brucel

  75. @brucel

  76. @brucel

  77. @brucel

  78. @brucel

  79. @brucel

  80. @brucel

  81. None
  82. @brucel Thank you!