A presentation at State Of The Browser in in London, UK by Sally Lait
State of the Browser conference September 2019 Making standards work for everyone Sally Lait @sallylait sally.dev
@sallylait !
@sallylait
@sallylait 🧼/🏢
@sallylait $ Why standards are important % What weʼre up against & The practical example bit
@sallylait Sally Lait Senior Engineering Manager Monzo Bank @sallylait sally.dev
What are standards?
“Web standards are the formal, non-proprietary standards and other technical specifications that define and describe aspects of the World Wide Web. In recent years, the term has been more frequently associated with the trend of endorsing a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those methods.” en.wikipedia.org/wiki/Web̲standards
“Considerations include the interoperability, accessibility and usability of web pages and web sites.” en.wikipedia.org/wiki/Web̲standards
Why standards are !important
@sallylait ’ (
@sallylait
<html lang=”en”>@sallylait
<html lang=”en-GB”>@sallylait codepen.io/greywillfade/pen/wvwqKJN
@sallylait codepen.io/greywillfade/pen/QWLqpgy w3.org/International/questions/qa-lang-why
@sallylait
<html lang=”en”>Developers Users Guidelines, specifications, standards
What weʼre up against
@sallylait
<!DOCTYPE html>@sallylait . “I hate accessibility and believe if you canʼt see, youʼre not worthy of using my website.”
@sallylait Early Late majority majority Early adopters Innovators Laggards
@sallylait $ People who donʼt know about these topics at all % People who know itʼs a thing but donʼt care about it & People who know and care, but canʼt prioritise above other things
@sallylait $ People who donʼt know about these topics at all % People who know itʼs a thing but donʼt care about it & People who know and care, but canʼt prioritise above other things
People interpret standards differently
@sallylait xkcd.com/927/
@sallylait U+1F469 U+200D U+1F4BB
Even standards can be wrong
@sallylait ひらがな カタカナ 漢字
@sallylait
@sallylait
@sallylait 幽霊文字 👻 墸壥妛挧暃椦槞蟐袮閠駲彁
“In 1978 a series of small mistakes created some characters out of nothing. The errors went undiscovered just long enough to be set in stone, and now these ghosts are, at least in potential, a part of every computer on the planet, lurking in the dark corners of character tables.” Paul McCann, dampfkraft.com/ghost-characters.html
Making standards the standard
@sallylait Individuals Teams Discipline Industry-wide Company-wide
@sallylait $ Donʼt know % Donʼt care & Canʼt prioritise
When people donʼt know
@sallylait Tell people 1:1 🗣
@sallylait Knowledge sharing 🎤
@sallylait Make it easy to know Images taken from web.dev/accessibility-auditing-react
@sallylait Think about your structure 🕸🏗
@sallylait Grow your (and othersʼ) influence ✨
@sallylait github.com/UKHomeOffice/posters/ microsoft.com/design/inclusive/ Give i t visi bilit y
@sallylait t i e v i G y t i l i b i s i v 📈📉📊
When people donʼt care
@sallylait Tell stories From: twitter.com/type̲̲error/status/1154417188314505216
@sallylait Tell stories twitter.com/tony̲sutton/status/1131256182163812352
@sallylait Donʼt (overly) rely on documentation 📚
Help people understand how it relates to their career @sallylait testingisbelieving.blogs pot.com/2017/11/ wheel-of-testing-part-3applications.html
@sallylait e r u t l u c r u ) o y m a d e l t i u e s B r e iv d a d n (a 9 : < 🤷 ; >
Force people to care! progression.monzo.com @sallylait
@sallylait Level 2 web engineer
@sallylait Level 3 web engineer
@sallylait Level 4 web engineer
When people canʼt prioritise
@sallylait Logic & data 🤔
@sallylait Scare them! theguardian.com/music/2019/jan/04/beyonce-parkwood-entertainment-sued-over-website-accessibility
@sallylait Do it regardless
@sallylait @ State intent
@sallylait @ Use your platform for good
@sallylait @ Focus, and do something well
State of the Browser conference September 2019 Thanks! 💙 Sally Lait @sallylait sally.dev
You’re at a conference! You’re listening to interesting talks, getting inspired by being around like-minded folks, and preparing to take everything back to work on Monday. You’re going to change the world! Except… it’s not always that easy, is it?
In this session we’ll look at standards in the context of practical tips to help take others along on that journey too. Using examples from Sally’s work at Monzo and beyond, we’ll discuss how to empower the people around you, and ultimately how and why we should be making a better web for everyone.
Here’s what was said about this presentation on social media.
I’ve been meaning to see @sallylait speak for years and she’s on next to talk about getting folks into web standards! pic.twitter.com/uWac9ldKTc
— Jessica Rose (@jesslynnrose) September 14, 2019
Absolutely fantastic talk by @sallylait who's pragmatism and clarity when it comes to best practice is inspirational pic.twitter.com/vOaONOHOQE
— Dean Leigh (@deanleigh) September 14, 2019
Simple things like setting the right language attribute let browsers do AMAZING things. @sallylait dives into why we so often end up ignoring them, and how we can get better!#SotB2019 pic.twitter.com/zDm5P32dVB
— orangetronic (@Orangetronic) September 14, 2019
Wonderful stuff from #SotB2019 this year. Highlights were @sallylait on standards and @Malarkey on print design, but all were great speakers 😊 pic.twitter.com/SbdTjbldhR
— Dan Hughes (@dan1elhughes) September 14, 2019
Brilliant morning at #SotB2019 already. Good to see accessibility front and centre in several talks already. Particularly enjoyed @sallylait’s presentation on encouraging standards: “Standards are ultimately about people” ❤️ #a11y pic.twitter.com/sWnU4N786X
— Daniel Mclaughlan (@straydogstrut7) September 14, 2019
The standard of talks at #SotB2019 is so high. Fantastic talks by @LauraKalbag, @andybelldesign, @sallylait and @brucel so far, and I love the way that so many of the are woven into each other
— Michelle Barker (@MicheBarks) September 14, 2019
Two talks are done and here two slides which sum up perfectly both of them. Thank you @brucel for showing us loneliness of html and @sallylait for huge amount of knowledge tips on how make change happen. #SotB2019 pic.twitter.com/wP1YnVKNwf
— Marat (@MaratFaz) September 14, 2019
Thanks @sallylait for really useful advice on setting standards: "State your intent rather than asking for permission and invite comment". #SOTB2019
— David Watson (@springfishblue) September 14, 2019
Great talk on #A11y from @sallylait at #SotB2019.
— Lee 🏳️🌈🇪🇺 Davies (@leeDav84) September 14, 2019
Career, and life, goals.
✨ pic.twitter.com/KSsmlGHzEP
Getting to watch Uncle @brucel and @sallylait open #SotB2019 is an absolute treat.
— Andy Bell (@andybelldesign) September 14, 2019
Fascinating talks!