Accessibility for Writers
Are you unintentionally keeping viewers from your content?
Accessibility for Writers is a living document by C. L. Craven
If you search the web for information on creating and maintaining an author website you’ll likely be overwhelmed by the results. There are over 200 million results for the essential author website components. And most of them all say different shades of the same thing.
You need a bio page, you need a contact page, you need a mailing list/newsletter, you need to sell your writing, you need to link to your social media profiles, and you need an area where visitors can learn about news and events about you and your writing.
The unspoken rule of author platform creation? You design it with your ideal reader in mind.
You know what else all of these search results have in common?
Not one of them mentions website and content accessibility, which begs the question, does a person with a disability not fall into your vision of the ideal reader? Not likely. I don’t think most people actively set out to exclude anyone.
But we do exclude people. Millions of them.
Let’s talk about statistics (US statistics based on current info from the CDC):
45 million people are physically disabled in the US.
35 million people have a cognitive disability in the US.
19 million people are Deaf or hard of hearing in the US.
15 million people are blind or have low-vision in the US.
1 in 4 adults in the US has a disability
That’s 1 in 4 people that may be visiting your platform that need your site and its content to be accessible. 1 in 4 people who may want to be a part of your community of readers but may be shut out because your site might be inaccessible. Or not as accessible as it could be.
So now you’re wondering how you remedy that, right? Good! That’s why you’re here! So let’s break down accessibility for every important element of your site.
Before you can work on accessibility for your site, you have to have a site that allows it and makes it as easy as it can for you to implement.
WordPress has a whole host of plugins available to help you make an accessible site.
Squarespace requires a bit of research to make your content accessible.
Wix offers some pretty robust accessibility options.
Weebly, well, according to their forums, they’re “working on it” after putting it to a community vote.
Carrd makes it ridiculously simple. Everything but alt text is built in and alt text is right there when you add images.
Make Your Content Accessible
Alt Text for ALL Images
Alt text allows visitors to your site with visual disabilities to access your images. Alt text is a concise description of an image. Your author portrait? Describe what you look like, what you’re wearing. Shots of your book covers? Describe the colors, the pattern. If it’s a photo or artwork of a scene, describe the scene.
I was talking once about the importance of image accessibility and heard the comment, “They’re blind, how are they even going to know there’s a photo? Why describe it if they won’t ever see it?” Sheer ignorance and awfulness of this comment aside, let me explain why it matters.
Screen readers or operating system accessibility features read websites to users. If you don’t add alt text to every image, the visitor will instead hear the image file name. And who wants to hear “IMG_59432.jpg” when visiting your site?
It also matters just because it’s the right thing to do, but I won’t lecture you on that. You’re here, learning, after all.
Social Media Image Accessibility
Ensuring your social media content is accessible is just as important as having an accessible site, as social media is now the main method of discovery for so many writers. Luckily Twitter and Facebook make that very easy, as both provide an easy way to add alt text to your image posts.
To add alt text to Twitter images, all you need to do is add your photo to your post and then click the "add description" option.
You can also now add alt text to GIFs on Twitter and you do so the same way as images.
Facebook alt text for images is very similar to Twitter. It also automatically does a very rudimentary AI powered automatic alt text should you forget to add your own. However, this is about as helpful as YouTube’s auto-captions, so it’s always best to just compose it yourself. The other day I was testing the AI alt text feature and when posting an image of a gray t-shirt with the text, "Get Uncomfortable," the AI generated alt text read, "This image may contain text."
To add image alt text on Facebook, compose your post as you normally would and then click the “edit image” icon. From here, you’ll find “Alt text” listed right along with all the other image options.
A note on alt text
Keep it short. Be as concise as you can with your descriptions because many screen readers and braille displays have character or word limits. So practice your best Twitter composition skills (before the 100 character increase) and keep it short and sweet. And one last thing: there’s no need to say “Image of” or “Photo of” because these devices will indicate that to the user.
Also, make sure you’re including alt text on any images or infographics that contain text. Screen readers work by reading text through a site’s coding and therefore will not read the text in an image.
Alt Text and Social Media Scheduling and Media Suites
I recently did some digging around the various social media content scheduler suites to see if they allow for the inclusion of alt text for images and discovered that they don't. At least not yet.
Even Twitter's Media Studio and Facebook's Creator Studio don't have this feature, even though the ability exists natively within Twitter and Facebook.
Your current best bet for scheduling accessible content with images is to stick with scheduling directly from Twitter or Facebook.
Screen Reader Text Accessibility
There is a very unfortunate trend on Twitter for people to use stylized text for their usernames and bios and tweets. This presents a myriad of accessibility issues, ranging from simply appearing as a series of boxes on Android devices and Chromebooks, to being difficult to read. The biggest issue that this trend presents though is how this sort of text sounds for screen reader users. Listen to the video in this tweet from Kent C. Dodds:
You 𝘵𝘩𝘪𝘯𝘬 it's 𝒸𝓊𝓉ℯ to 𝘄𝗿𝗶𝘁𝗲 your tweets and usernames 𝖙𝖍𝖎𝖘 𝖜𝖆𝖞. But have you 𝙡𝙞𝙨𝙩𝙚𝙣𝙚𝙙 to what it 𝘴𝘰𝘶𝘯𝘥𝘴 𝘭𝘪𝘬𝘦 with assistive technologies like 𝓥𝓸𝓲𝓬𝓮𝓞𝓿𝓮𝓻? pic.twitter.com/CywCf1b3Lm— Kent C. Dodds 🧑🚀 (@kentcdodds) January 9, 2019
The video shows the device narrator speaking a full description for every single letter that isn’t the standard Twitter text style. “You. Mathematical sans serif italic small t. Mathematical sans serif italic small h. Mathematical sans serif italic small i. Mathematical sans serif italic small n. Mathematical sans serif italic small k. It’s. Mathematical script small c. Mathematical script small u. Mathematical script small t…” You get the point. All that and we’re only 3.5 words into the tweet.
Would you want to spend five minutes of your time listening to this just to read a simple tweet? No, you probably wouldn’t. So why would you force anyone else to? I can’t think of a quicker way to make a person close your tweet, so this practice is best avoided.
Social Media Hashtag Accessibility
If you use Twitter or Instagram, you’re very familiar with hashtags. They’re a large part of how your posts find their intended audience. They’re searchable and quite handy if you have a question for, say, the #WritingCommunity, and they allow you to essentially give your posts a subject. But did you know that you should be capitalizing the first letter of every word in a hashtag? Even if that capitalization isn’t grammatically correct, make sure you make this a habit. Why? Because by capitalizing the first letter of each word, people accessing your content through a screen reader will hear them as individual words instead of the screen reader speaking each letter of your four-word-long hashtag. So do hashtags #LikeThis and not #likethis.
Blog Content Accessibility.
The actual content of your blogs and websites might actually be the simplest place to implement good accessibility practices because there are only a couple rules to adhere to.
Never release content that is PDF-only. If it's not also published in a text blog post on your site, create a read-only document that people can download.
Always use high contrast colors and clean, easy-to-read fonts. Sans serif is best.
Stay away from highly saturated background colors as they will be a massive barrier for visitors to your site with low-vision (they're a strain for those of us with great sight, if we're being honest).
Subtitles, Captioning, and Transcripts for Videos, Podcasts, and Vlogs
Writers and book bloggers seem to be gravitating more and more toward video and audio content and podcasts are more popular than ever. Whether it’s a vlog, a chat with readers, or an interview, it’s prime content for your site whether you’re a budding author or a writer with a few novels under their belt.
The problem with this? It’s often inaccessible and when it is accessible, that accessibility is of poor quality. Luckily, this is not an impossible problem to solve.
For videos, all you need to do is make sure all of your videos are captioned. There are a couple of ways you can go about this too.
Use a professional captioning and transcript service like Rev.
Do your own captions in YouTube or another video editor.
You’ll notice that I didn’t say “just rely on YouTube’s auto-captions.” Why? Because they’re bad. They’re very very bad. Unless you speak in a crystal clear and completely nondescript American accent, YouTube auto-captions will butcher many of your words.
Services like Rev cost about $1 per minute of content and usually come with a quality guarantee. There are also a myriad of free captioning apps and software. Amara, for example, is completely free and allows you to crowdsource your captions from your fans and followers. Want to do your own? Follow a few simple guidelines and it’s surprisingly easy to do. Subtitle Edit is free and super easy to use software you can download and compose your own captions in a whole host of formats (YouTube uses the WebVTT format). You can also create and time your own captions from within YouTube.
What are the guidelines for doing your own captioning?
Use a sans serif font like Arial.
For standard definition videos stick with 22 pt. font.
For high definition videos double that to 44 pt. font.
No more than 32 characters per line AND break up your lines of text with the natural flow of speech.
Never never never censor your captions.
I’ll say it again. Never censor your captions. It is not up to you to decide what kind of content people who rely on captioning can consume. If you or your guest curse, caption it. If you don’t want to caption it, it shouldn’t be spoken in the video.
Along the same lines of never censoring your captions, never correct speech. If someone says “y’all” you type “y’all.”
Indicate a change in speaker with the person’s name or a very brief description of them. It is not necessary to include a speaker label with every line, only when the speaker changes.
If you use music in your videos or podcasts, give it a brief description e.g. [Slow acoustic guitar music]
Never use the words, “Sound of…” No [Sound of tires screeching] [Sound of birds chirping]. Simply describe the sound.
(Looking for a deep dive on captioning guidelines? The BBC offers a wealth of information on proper captioning and are the gold standard.)
A super easy way to caption your video content is to simply do a copy edit of YouTube’s auto-generated captions.
Need help doing podcast transcripts? Visit Web Captioner, a free web app, that allows you to generate free .txt files of anything spoken into your mic while recording a podcast. As with YouTube’s auto-captions, once you’ve got this .txt file, all you need to do is copy edit and you’re done.
It’s also helpful, and for podcasts with no video, it’s necessary, to provide a time-stamped transcript. Look no further than any TED Talk for a wonderful example of a time-stamped transcript.
Why Good Captioning Practices Matter
You'll notice I've said you shouldn't be relying on YouTube's auto-captioning feature for your captions, right? You may be wondering why they even offer it if not for you to use.
The issue here is one of quality. Auto-captions lack punctuation and are rarely accurate, especially if there is more than one person in the video or if the video is not strictly scripted. Accessibility aside, relying on auto-captions actually hurts your content's SEO.
Time and again, as a hard of hearing person, I'll learn of new video content, a new series on on the web, or a webinar I really want to attend. I'll get there, find it's only got auto-captions, and immediately leave. Why? Because it is incredibly exhausting to have to actively listen to every single word spoken all of the time. And because if I'm being honest, I'm just sick and tired of content creators seemingly not even realizing there might be Deaf and hard of hearing people interested in their videos. Having to ask for access over and over and over again is enough to turn anyone off from any content, no matter how great it is. The last thing most of us want is to make anyone come away from our site or channels feeling like we don't see them, we don't care about them. Making the effort to provide proper captions will go a long way in winning you a new fan and follower.
Use Headers for Content Navigation
When you think of headers you probably consider them to be simply a way to title your content or introduce a new section, right? They are these things, they help content flow in an attractive and logical manner but for visitors to your site using a screen reader, they serve a much greater purpose.
Headers organize the hierarchy of all the information you have on your site and they serve as a guide for screen readers. They also let visitors using screen readers skip easily from section to section. Headers are the best way to highlight important content, to draw the visitor’s attention to something specific, and they do so much more successfully for visitors with a visual disability than, say, colored or bolded text.
In most visual editors, like the one for WordPress sites, you can select the size/importance of your headers, from H1 being the biggest and most important, to H4.
About Your Site Colors…
Take a trip on over to Color Oracle (link at the bottom of the page) for this section and peruse the menu for a few.
Ok. Now you hopefully have a better understanding of the importance of carefully choosing your color palettes and values. If you’re trying to communicate something through color on your website, be aware that it may fall flat (or fail entirely) for some visitors.
Where can you find color palettes designed with the varying types of colorblindness in mind? See links at the bottom of the page.
The rules of accessibility for newsletters? Identical to the rules for website content. Luckily, most popular mailing list managers, like MailChimp and Constant Contact, give users a content editor very similar to that of WordPress or Squarespace. Just like your website, the last thing you want to do is present a subscriber with a newsletter email they can’t access because unlike visiting your website where all a user can do is close it and hope to find a better one, email gives us the power of the dreaded spam and unsubscribe buttons. Once a subscriber has hit that button, it’s very unlikely you’ll ever get them back as a supporter of your work.
On your contact page, make sure that you’re never using only a contact form. These can be wildly inaccessible to visitors with visual disabilities and mobility issues.
Make sure to include your email address in addition to your contact form.
One last note before you jump into making your content more accessible.
As we come to rely more and more on the internet as a source of news, information, and entertainment, it is more important than ever to ensure your website is accessible. While there is no explicit mention of websites in the accessibility requirements outlined in the ADA, recent years have seen a tremendous increase in the amount of lawsuits (in 2017 there were 814 such lawsuits). Huge corporations like Nike and icons like Beyonce have found themselves being sued due to inaccessible content.
Are you personally going to have a reader that sues you because you didn’t caption your videos or use alt text for your images? If you’re Stephen King or Dean Koontz it’s probably much more likely than it would be for a debut author or a freelance writer. But I mentioned earlier, accessibility should be included in your website simply because you can. You don’t want to be that person who embraces accessibility because you’ve been forced with the “well I guess if I have to…” attitude.
In my work doing video game accessibility consulting, I’ve told developers time and time again, regarding Deaf accessibility, if it’s important enough to include the sound in your game, it’s important enough to caption. Same goes for website content. If it’s important enough for you to include on your website, it’s important enough to ensure all of your readers can access it equally in whatever manner best suits them.
I hope you’ve found this to be a helpful stepping stone toward making your site more accessible. This is far from a comprehensive guide on making all the things accessible for all the people but I hope it’s a starting point.
Now get out there and make your site more accessible!
© C. L. Craven. All rights reserved.