Tweet
Tweet

Slide 1

Slide 1 text

@brucel, www.brucelawson.co.uk

Slide 2

Slide 2 text

@brucel §

Slide 3

Slide 3 text

• mucking about with the web since 2002 • accessibility of web for people with disabili ti es • a Consultant, working on expanding web to be truly world-wide • previously, deputy for CTO at Opera So ft ware (a browser)

Slide 4

Slide 4 text

@brucel

Slide 5

Slide 5 text

@brucel

Slide 6

Slide 6 text

@brucel

Slide 7

Slide 7 text

@brucel

Slide 8

Slide 8 text

@brucel

Slide 9

Slide 9 text

@brucel

Slide 10

Slide 10 text

@brucel

Slide 11

Slide 11 text

• MEDIAN DESKTOP • 2324.8 KB • ▲397.1% • MEDIAN MOBILE • 2037.3 KB • ▲1307.0% Web pages keep getting bigger https://httparchive.org/reports/state-of-the-web#bytesTotal

Slide 12

Slide 12 text

https://www.indeed.com/career/web-developer/salaries (cited https://toot.cafe/@slightlyo ff /109875900164719668)

Slide 13

Slide 13 text

US median household income $69,021 • https://www.census.gov/quickfacts/fact/table/US/INC110221#INC110221

Slide 14

Slide 14 text

Most U.S. users don’t have fast devices https://toot.cafe/@slightlyo ff /109875900164719668

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

https://themarkup.org/still-loading/2022/10/19/dollars-to-megabits-you-may-be-paying-400-times-as-much-as-your-neighbor-for-internet-service

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

Gapminder Foundation http://www.gapminder.org

Slide 30

Slide 30 text

4 levels • Level 1 is made up of people who earn less than $2 a day and live in extreme poverty. • At Level 2, people earn between $2 and $8 a day. Almost half the world’s population lives at this income level. • Level 3 is made up of people who live on between $8 – $32 per day. • The richest billion people on earth live at Level 4, where their income is more than $32 a day https://www.gapminder.org/fw/income-levels/

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

@brucel The Internet economy in SEA is expected to reach ~$200 billion by 2025 (6.5x increase over 10 years) “ South East Asia - eConomy SEA - Google / Temasec (2016)

Slide 37

Slide 37 text

@brucel By 2025, all SEA countries will have an eCommerce market worth >$5bn; Indonesia expected to reach $46 billion “ E-commerce - eConomy SEA - Google / Temasec (2016)

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

the highest average cost is 30,000% more than the cheapest average price https://www.visualcapitalist.com/cost-of-mobile-data-worldwide/

Slide 40

Slide 40 text

Android majority median UK speed is 28.51 Mbps, USA is 54.99 Mbps, and Hong Kong is 112.32 Mbps Android %age Download speed (Mbps) Rwanda 80% 0.81 Cambodia 60% 1.29 India 96% 4.09 Indonesia 92% 1.88 Laos 83% 1.99 Philippines 87% 2.05 Thailand 74% 14.90 Vietnam 68% 16.39 Connection speed data: https://www.fastmetrics.com/internet-connection-speed-by-country.php Android stats: statcounter https://gs.statcounter.com/os-market-share/mobile/worldwide

Slide 41

Slide 41 text

Downloading a typical app with 20 MB APK can take more than 30 minutes on a 2G network, and the download is likely to fail before completion, due to the flaky nature of the network. “ - How we built Facebook Lite for every Android phone and network Facebook Lite

Slide 42

Slide 42 text

Twitter “Twitter Lite is network resilient. To reach every person on the planet, we need to reach people on slow and unreliable networks … Twitter Lite is interactive in under 5 seconds over 3G on most devices. Most of the world is using 2G or 3G networks; a fast initial experience is essential.” https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

Best-selling device last year https://www.gsmarena.com/samsung_galaxy_a12-10604.php

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

Howdy

Hello, world!

(77 bytes) 48 KB, after minifying, optimising and gzipping

Slide 47

Slide 47 text

https://medium.com/walmartglobaltech/the-bene fi ts-of-server-side-rendering-over-client-side-rendering-5d07 ff 2cefe8

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

https://medium.com/walmartglobaltech/the-bene fi ts-of-server-side-rendering-over-client-side-rendering-5d07 ff 2cefe8

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

https://careers.twitter.com

Slide 59

Slide 59 text

https://twitter.com/aardrian/status/1629269332856373250

Slide 60

Slide 60 text

React accessibility Nothing inherently inaccessible, if ▪ you choose the right components, eg one that produces rather than
▪ you manage focus if making a Single Page Application

Slide 61

Slide 61 text

React Native

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

From the vendor "we found that React Native APIs provide strong support for accessibility. However, we also found many core components do not yet fully utilize platform accessibility APIs and support is missing for some platform specific features." Facebook, March 2021 The Accessibility API for React and React Native enables you to make any React-powered experience usable by someone who may use assistive technology, like a screen reader for the blind and visually impaired. Facebook, November 2015

Slide 64

Slide 64 text

https://github.com/facebook/react-native/projects/15

Slide 65

Slide 65 text

https://github.com/facebook/react-native/issues/31820

Slide 66

Slide 66 text

http://www.html5accessibility.com/index.html

Slide 67

Slide 67 text

https://learn.microsoft.com/en-us/compliance/regulatory/o ff ering-section-508-vpats

Slide 68

Slide 68 text

@brucel Progressive Web Apps • Web sites ++ • Can save to home screen, open full-screen • Can work o ff l ine (using Service Workers) • Much smaller initial install, instant updates but only the changes • Twitter, Wordle, Farmbound web.dev/learn/pwa/

Slide 69

Slide 69 text

@brucel

Slide 70

Slide 70 text

Google PM https://twitter.com/b1tr0t/status/1364996531527380993

Slide 71

Slide 71 text

Early progressive web apps in Asia & Africa

Slide 72

Slide 72 text

https://twitter.com/ja ff athecake/status/1633837508697165824

Slide 73

Slide 73 text

@brucel

Slide 74

Slide 74 text

@brucel APIs not in Safari

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

https://twitter.com/jonbretman/status/1363894427316596744

Slide 77

Slide 77 text

@brucel Rule 2.5.6 Apps that browse the web must use the appropriate WebKit framework and WebKit Javascript. https://developer.apple.com/app-store/review/guidelines/#software-requirements

Slide 78

Slide 78 text

@brucel The illusion of competition

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

@brucel

Slide 81

Slide 81 text

@brucel open-web-advocacy.org

Slide 82

Slide 82 text

@brucel

Slide 83

Slide 83 text

@brucel

Slide 84

Slide 84 text

@brucel Browsers are powered by an ‘engine,’ which is fundamental to browser performance.… Apple bans alternatives to its own browser engine on its mobile devices; a restriction that is unique to Apple. The CMA is concerned this severely limits the potential for rival browsers to di ff erentiate themselves from Safari (for example, on features such as speed and functionality) and limits Apple’s incentives to invest in its browser engine. This restriction also seriously inhibits the capability of web apps – apps that run on a browser rather than having to be individually downloaded – depriving consumers and businesses of the full bene fi ts of this innovative technology. https://www.gov.uk/government/news/cma-plans-market-investigation-into-mobile-browsers-and-cloud-gaming

Slide 85

Slide 85 text

@brucel

Slide 86

Slide 86 text

@brucel

Slide 87

Slide 87 text

@brucel Gatekeepers can no longer: • rank their own products or services higher than those of others (self-preferencing) • reuse private data collected during a service for the purposes of another service • establish unfair conditions for business users • pre-install certain software applications • require app developers to use certain services (e.g. payment systems or identity providers) in order to be listed in app stores

Slide 88

Slide 88 text

@brucel Browser engines each browser is built on a web browser engine, which is responsible for key browser functionality such as speed, reliability and web compatibility. When gatekeepers operate and impose web browser engines, they are in a position to determine the functionality and standards that will apply not only to their own web browsers, but also to competing web browsers and, in turn, to web software applications.

Slide 89

Slide 89 text

@brucel Gatekeepers should therefore not use their position to require their dependent business users to use any of the services provided together with, or in support of, core platform services by the gatekeeper itself as part of the provision of services or products by those business users gatekeepers should also be prohibited from requiring end users to use such services

Slide 90

Slide 90 text

@brucel Big teeth If a gatekeeper violates the rules laid down in the legislation, it risks a fi ne of up to 10% of its total worldwide turnover. For a repeat o ff ence, a fi ne of up to 20% of its worldwide turnover may be imposed.

Slide 91

Slide 91 text

@brucel Apple employees are very sad :-(

Slide 92

Slide 92 text

@brucel Set Safari free!

Slide 93

Slide 93 text

@brucel Consider making a Progressive Web App next time, for cross- device joy, tasty HTML semantic goodness (h1 - h6!) and accessibility. Until the Apple Browser Ban is ended, use something like Capacitor.js to get it into App Store. Follow and support Open Web Advocacy.

Slide 94

Slide 94 text

No content

Slide 95

Slide 95 text

No content

Slide 96

Slide 96 text

@brucel • [image of a crowd of people - terrible stock photo?]

Slide 97

Slide 97 text

@brucel

Slide 98

Slide 98 text

@brucel

Slide 99

Slide 99 text

@brucel

Slide 100

Slide 100 text

@brucel

Slide 101

Slide 101 text

@brucel

Slide 102

Slide 102 text

No content

Slide 103

Slide 103 text

THANKS ’N’ SNOGS! brucelawson.co.uk @brucel Hire Me! * Other Bruce Lawsons are available. ** known to cause nausea in some jurisdictions.