Bill & Ted's Accessibility adventure — retro logo

Phone box time machine
Moon
Saturn
Earth

Bill S. Preston, Esq

Ted 'Theodore' Logan

Alistair Shepherd

Master Accessibility through learning testing

Phone box time machine
Saturn

Alistair

Shepherd

(he/him)

Phone box time machine

Frontend development

Web performance

Accessibility!

S8

Head of Development,
Series Eight

Cover art of Bill & Ted's Excellent Adventure. Two 80s teens are sitting on top of a time travelling phone box flying through space. The phone box is filled with historical figures.
Earth
Moon
Time travel is the solution to everything

- Bramus, like 4 hours ago

Earth
Phone box time machine
But Alistair, I've seen five Bill & Ted themed accessibility talks just this week!

All Day Hey audience, now probably

Socrates

Bill and Ted philosophise wiht Socrates in front of ancient greek columns. They look amused, Socrates serious
A <div> is not a button!

Joan of Arc

Body text needs a 4.5:1
colour contrast ratio
Joan of Arc is kneeling, looking at the viewer surprised. She's wearing armour and holding a sword

Genghis Khan

Conquer accessibility directly —
don't use a shitty overlay
Genghis Khan looks at a baseball bat in a sport shop. He's wearing lots of furs and is looking at the bat with great interest
Bruce Lawson's face

Accessibility at
Series Eight

Saturn
Earth
Phone box time machine
Screenshot of a Slack message. Alistair says "Hey @devs, we're making all of our websites 100% perfectly accessible now! Please start doing that immediately and have them on my desk Monday!". People have reacted with "!?", thinking face and shocked face. Ben responds with "wtf dude"

"I spoke to your principal... you're failing history Ted. You know what that means don't you?"

Bill and Ted walk towards a convertible car with Bill's stepmom in the drivers seat. Ted is holding an enormous stack of books

"What are we supposed to know for our report?"

Mr Ryan the teacher stands at the front of the classroom looking towards his class. They look like standard US 80s stereotypes with our heroes Bill & Ted in the centre

"So Bill what you're telling me is Napolean is a short, dead dude?"

What next?

Phone box time machine
Moon

"We're in danger of flunking
most heinously tomorrow Ted"

Accessibility Testing!

Moon
Saturn

Test

Improve

Learn

Build

Test the accessibility of our work

Improve and fix it based on the results

Learn from some of the mistakes we made

Build our next work with learnings from the last

Phone box time machine

Lighthouse

Axe by Deque

WAVE

Automated testing

Accessibility Insights

Manual testing

+ many more great guides, posts, talks and resources

W3C 'Easy Checks'

From ~110 accessibility 'bugs' in 2022 to ~10

A whole team that feels confident in building accessibly

Clients love it!

This is also how I learned!

Most Triumphant!

Learn accessibility testing

Improve your websites and ability

Benchmark yourself using testing

Watch Bill & Ted 🎸

Moon

Build most excellent
and accessible websites!

Phone box time machine
Moon
Earth

Come get stickers!

Links, resources, credits & slides
accud.io/bill-and-ted