Another morning, another coffee. This is breaking news absolutely essential
Voice control tip: don't pause and say the word ‘to’ and then pause again well using voice control on the iPhone 12 with numbers. The number two Will press the tweet button and tweet out something incomplete.

#iPhoneVoiceControl
#AccessibleCoffee
It’s coffee time again, and I made a gif of me stirring coffee. Let’s see how inaccessible it is.

#WACG #TimedMedia #AccessibleCoffee
First off, ho boy
This is a lot
Looks like I've already forgot
The lessons learned from yesterday

To add a description to the gif. Hold on a jiff.

There. A gif with alt-text. Next!

#WACG #TimedMedia #AccessibleCoffee
Yesterday I used my hand
To help me understand
And remind me
Of each category
Of web accessibility
I put perception on my pinky
And gave it lots of hooks
For my memory to put
Perception
In my memory books

#WACG #TimedMedia #AccessibleCoffee
So from yesterday's memories
I call forth to my mind
My pretty pinky Percy the Perceptive knight who shines
(They/them pronouns please, and Percy is short for Priscilla.
Because there’s no way at al I’m going to keep this to vanilla.)

#WACG #TimedMedia #AccessibleCoffee
“You come again!” Booms Percy,
“I perceive that it is time
For you to learn about Timed media
And how to make your vids sublime
Fo all who care to share in them
I'll tell you how to make
Your vids oh so accessible
For all who would partake.

#WACG #TimedMedia #AccessibleCoffee
“Guideline 1.2 – Time-based Media

Provide alternatives for time-based media.”

w3.org/WAI/WCAG21/qui…

#WACG #TimedMedia #AccessibleCoffee
What sort of time- based media
Is my coffee stirring gif?
Which sections of this guideline
Most I look at on my list?
Let me skim the headings
And see what all there is
To look at in more detail
This gif perception biz.

#WACG #TimedMedia #AccessibleCoffee
Access Needs?
Text alternative, 1.2.1? Y
Captions, 1.2.2? N
Audio Description 1.2.3 or 1.2.5? Y
Live Captions 1.2.4? N
Sign Language 1.2.6? N
Extended Audio Description 1.2.7? Y
Non-time-based alternative 1.2.8? Y
Live text 1.2.9? N

#WACG #TimedMedia #AccessibleCoffee
There is much to consider, about this tiny pic.
All the ways to make it so that people really quick
Get to share in this experience of coffee being stirred.
Images, sounds, signs
And the written word

#WACG #TimedMedia #AccessibleCoffee
It needs a text alternative, so blind people can know
What this pic is supposed to show.

And for all those people who have blocked annoying ads
By disabling all images
For this they will be glad.

w3.org/WAI/WCAG21/qui…

#WACG #TimedMedia #AccessibleCoffee
It does not need captioning, because this silent pic
Has no sound, nor lip reading.
There’s no lips in this flick.

So 1.2.2 is moot

w3.org/WAI/WCAG21/qui…

#WACG #TimedMedia #AccessibleCoffee
These sections overlap-
They do not stand alone.
1.2.3 is an expansion
Of 1.2.1

Alt text is sufficient, but for another view
This section says describe it
In an audio track, too.

It's a lot, but why not? I'll do it.
#WACG #TimedMedia #AccessibleCoffee
Live captions do not matter, because this GIFs not live,
So I can do without 1.1.4
And still survive

#WACG #TimedMedia #AccessibleCoffee
1.2.5’s another part that builds on what came previously

It requires I do audio
optional in section 3

So to pass this criteria,
I must use my voice
To record a short description
It’s no longer a choice

#WACG #TimedMedia #AccessibleCoffee
1.2.6, sign language translation ?

Not needed for this pic.
This gift does not have language
It’s a purely visual trick
And sign language is visual,
So the GIFs already fine
(Though if I added captions
I’d need to include sign.)

#WACG #TimedMedia #AccessibleCoffee
Another note on sign language
That I learned recently
Do not DIY it
And don’t ask for it for free.
For making a signed video, when it comes down to it?
Pay a deaf person to do it.

hearmeoutcc.com/hearing-people…

#WACG #TimedMedia #AccessibleCoffee
1.2.7 extends 1.2.5
To make we access better It’s best to go and strive

To capture much more info in extended audio.

Make a much longer description
so that folks can almost sniff
This stirring coffee gif.

#WACG #TimedMedia #AccessibleCoffee
But, right out of the gate,
For this gif
The highest standard’s going to be
1.2.8

It's basically a book,
A novelization
Of my tiny gif
A text representation
Of my coffee-stiffing movie.

w3.org/WAI/WCAG21/qui…

#WACG #TimedMedia #AccessibleCoffee
But I can get along just fine
Without 1.2.9
Because I'm not doing it live.
This criteria does not pertain
And without it I survive.

No need for life captions on this gif.

#WACG #TimedMedia #AccessibleCoffee
Whew. It's true. That was quite an overview.

But now where I know what I need
To make my gif accessible
It's time to go and do the deed.
And make these needs redressable.

#WACG #TimedMedia #AccessibleCoffee
For a gif this short, filling out the description is enough to pass 1.2.1: have alternate text

I went through
The test proceedure
And found true
Every item on the list. None missed!

w3.org/WAI/WCAG21/Tec…

#WACG #TimedMedia #AccessibleCoffee
Now that I think of images,
Since the text hides behind it
Is it really so accessible
If most people can’t find it?
Time to call that trusty bot @ImageAltText
Next!

#WACG #TimedMedia #AccessibleCoffee
@ImageAltText I can skip the captions, but what of audio?
I can record the alt text. But then, how do I let it show?

I suppose I’ll have to put it up on dropbox and then link.
I think.
#WACG #TimedMedia #AccessibleCoffee
It seems I have misunderstood 1.2.3.

It does not specifically say
‘narrate the alt-text.’ But, oh, hey,
I think that my narration is better than a robo-voice

Reading out the alt-text.
So now folks have a choice.

dropbox.com/s/afvcaepichkg…

#WACG #TimedMedia #AccessibleCoffee
The last tweet counts as having
A separate selectable link
With which people can hear me describe
My stirring coffee drink.

The sufficient technique
That’s close to how this goes
Is extended audio w3.org/WAI/WCAG21/Tec…

#WACG #TimedMedia #AccessibleCoffee
(This gif is a bit too simple for
what this section expected.
But don’t worry, I’ll try doing
A full shot movie next thread)

Anyway, so there!
1.2.3? We’re square.

#WACG #TimedMedia #AccessibleCoffee
1.2.4 is captions, so I can clearly skip it
1.2.5? wow, it’s still live
I have already shipped it
Because, what fun
It’s 1.2.1 + 1.2.3
you see
So it’s already done

Audio description pre-recorded!

#WACG #TimedMedia #AccessibleCoffee
If I concentrate
My tired brain
I can note the the rest of 2.2
Either dos not pertain
Or is already done.
(There’s no audio, nor language in my tiny coffe gif tweet,
So no sign langauage extended audio to make this tweet complete)

#WACG #TimedMedia #AccessibleCoffee
The most accessible coffee drinking tweet I can make so far:
1. Tweet describing whay I’m up to
2. Animated gif of what I’m up to
3. Alt text extended description of the gif
4. Linked recording of the tweet + extended description of the gif.

#WACG #TimedMedia #AccessibleCoffee
That make it perceivable in three ways:
1. See it
2. Hear it
3. Read it, which can be translated to
A) touch it (Braille)

#WACG #TimedMedia #AccessibleCoffee
And that makes my most accessible tweet to date.

Perceivable section 2 timed media (Gif edition!) is complete!
Yay coffee tweet!

#WACG #TimedMedia #AccessibleCoffee
My stirring morning coffee!

Audio and long description: dropbox.com/s/6f5ijkx19m2v…

#AccessibleCoffee

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Tara Roys

Tara Roys Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @taras_rhymetime

22 Apr
But wait, I say
Is there a way
To tell me my alt-text’s ok?

Yep! The tool you seek
Is there under
“Sufficient technique.”
Pick a technique
Fitting your case best
And check it with the
provided tests.

#AccessibleCoffee #WCAG
“at the bottom of the section, see,
Your failing case. Specifically:”

Failure of Success Criterion 1.1.1 due to omitting the alt attribute or text alternative on img elements, area elements, and input elements of type "image"

w3.org/WAI/WCAG21/Tec…

#AccessibleCoffee #WCAG
Shall I consult this specification
For techniques for my situation?

Oh hey. What’s in section 1.1.1 Sufficient Techniques: Situation A?

“If a short description can serve the same purpose and present the same information as the non-text content”

#AccessibleCoffee #WCAG
Read 18 tweets
22 Apr
I’m having a coffee and wondering how to invite everyone I possibly can to share this momentous occasion.

Let me see how far the Web Content Accessibility Guidelines will take me.

#AccessibleCoffee
If I let myself get all caught up
In how much there is to ask
And do to include everyone
I’ll never start this task.

I likely won’t get everyone,
But I can include a lot
So in place of wondering why do this,
I ask myself, why not?

#AccessibleCoffee #WCAG
One thing to help my brain work sweet

Is to break this into bite-size tweets
#AccessibleCoffee #WCAG
Read 25 tweets
20 Apr
So with this new bot that I bought,
I hope I won't lose more of my thoughts
In theory, this next tweet’s in thread.
Let’s test it and see if we’re ahead.
It worked. I am replying and rhyming
No more frustrating losing my timing
I will no longer be losing my place
And having to make angry face

Now back to learning how to GIF
Read 4 tweets
20 Apr
Now is a good time to see
About accessibility
To test my setup and see how it runs
And just to make things even more for fun
To live tweet on Twitter
And find all of the things I forgot to consider
Again if this thread is not to your taste,
You do not need to let your time go waste
Mute this Convo, and then move along
And don't watch for all that I find is wrong
The first thing that I note is pretty clear
I switch between my hands and voice a lot
Sometimes it's easier to say commands
Sometimes it's easier to type out a thought
Read 10 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!