Make Tumblr conversations more accessible for screenreader users

This is a post about how Tumblr conversations are inaccessible, and what people can do to fix that. I’ve included an example that isn’t accessible, and a fixed version that is. 

A lot of conversations happen in chains of reblogs on Tumblr. These conversations tend to be largely inaccessible to folks who use screen readers. For instance:

Example person 3
Example person 2
Example person 1

Hi! I like cats!

I also like cats! 

I prefer dogs.

Example ends here.

A screen reader would read this example this way: Example person 3 Example Person 2 Example person 1 Hi! I like cats! I also like cats! I prefer dogs.

This doesn’t make it clear who is talking. You can tell that multiple people are involved, but not who says what.

There is a simple solution to this: label when the speaker changes.

For instance:

Example person 3

Example person 2
Example person 1

Hi! I like cats!

Example person 2 said:

I also like cats! 

Example person 3 said:

I prefer dogs.

Example over. A screen reader would read this as:

Example person 3 example person 2 example person 1

Hi! I like cats!

Example person 2 said: I also like cats!

Example person 3 said: I prefer dogs!

This is much easier to follow. If you can do it this way, it would be a good thing to do. (For the same reason that it’s good to describe images).