Here’s a full transcript of the video, complete with detailed descriptions of the visuals. For visual users, we’ve included screenshots to show how transcripts are structured and why they’re such an important part of accessibility. Whether you prefer to watch, read, or both, we’ve got you covered.
Video transcript
Visual:
Point of view of a man looking at his American passport details, held up in front of his computer screen. According to the passport, he is a white man called Boris Papersplox, originally from a fictional Eastern European country called Arstotzka. Boris’ photo makes him look a bit tired and intense. This American passport has a printed statement that reads “We the people approach border security with passport photos that make us look as unflattering and suspicious as possible.”
Jessica, voice over:
When you’re trying to complete a transaction and your session times out.
Visual:
Boris lowers his passport to see the airline booking screen has timed out, losing all of his progress.
We cut to another computer screen, where a user is reading an article on a burger brand website. The heading says “What’s it made of?” and the paragraph text beneath says “Our burger patties are made of only the most edible ingredients. We go through a very careful selection process to ensure that what we serve you is 99.8% safe and… Look, it’s fine, okay?” Under the text is a looping video of a person chomping on a burger, with rays of light spinning around.
Jessica:
When you’re trying to read the article and the looping video… Argh! Make it stop!
Visual:
The user’s mouse cursor clicks on the person’s face repeatedly, unable to make it stop.
Jessica:
Welcome to What in the World is WCAG? 2.2 Enough time.
Visual:
Title card. 2.2 Enough time is scrawled onto a sticky note, which is slapped onto the screen by a cat’s paw. Now, we’re entering a presentation-style format.
Jessica:
Timing adjustable.
Some users need more time to read content or complete tasks. If there’s a time limit on a task on the website, you should be able to adjust it.
Visual:
An online banking website, with an article about the user’s mortgage. In the corner is a 15 minute timer until the system logs out the user. There are two options, including a reset button and a button to disable the timer completely.
Jessica:
This means being able to turn off the time limit, extend it before it expires, or adjust it to give yourself more time as needed.
Pause, Stop, Hide.
Visual:
A flight booking website. There’s a moving carousel that switches faster than the user can interact with it. One screen says “The best fleet off the planet. World-class engineering in the sky. Learn more about our advances in technology.” The second screen says “1000s of destinations, 1000s of dollars. Hey, we got bills to pay.” and the final screen says “Join the Kilometer High Club. Receive special benefits. Gain access to our membership scheme and fly high.” There’s an option to pause the carousel.
Jessica:
For any moving, blinking, or scrolling content that starts automatically on a website, or for any auto-updating information, you should be able to pause, stop, or hide it. This includes things like carousels, news tickers, or video backgrounds.
Your brain is designed to pay attention to movement as a potential source of danger, particularly when seen in your peripheral vision.
Visual:
Some long grass appears in the corner of the screen, and a tiger’s tail rises from its depths. A big red exclamation point appears above it.
Jessica:
Moving content on a website will pull your attention to it. While this is often discussed around vestibular conditions, there are plenty of people for whom moving content can make them ill, put them at risk, or even trigger intense fight or flight responses.
Visual:
A website called “Fisher Friends” has some animated water with a sailboat bobbing on its surface.
Jessica:
Ask yourself if you really need that animation.
Visual:
We hear the sound of a toilet flushing, and the water sinks off screen, taking the boat with it.
Jessica:
Enough time. Allow space for pace in time and motion.