
Header
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
What is Accessibility when it comes to the web? Why is it an issue? Who's responsibility is it and how do I go about making sure my content is accessible?
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Thank you for downloading this book on content accessibility. I compiled this information in the hopes that it will help you in understanding how to make your content as accessible as possible to the widest possible audience.
Dr. D. M. Hardy
This eBook is designed to take you from an introduction of what accessibility is to web users through building your web content with accessibility in mind. I recommend that you read through it once to get the gist of the concepts. Afterwards, you may just want to jump to the sections you need to "refresh" your memory. After all, we don't all publish to the web every day, and it can be hard to remember something you haven't used in a few weeks or so.
This book is intended for beginners in the field of developing web content as an introduction to the topic.. It is not an all-encompassing book on ADA or Section 508 for the web.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
With over 20 years in web development, Dr. Hardy has created this resource to help others learn from some of her experiences.
Dr. Hardy is a graduate of Valdosta State University in Instructional Design and Adult & Career Education. She has 20+ years experience in web development in the Higher Educational arena, and is a firm believer in life-long learning.
You can learn more about Dr. Hardy's experience at: https://dmhardy.design/about/
Dr. Hardy is the proud "mother" of a dog, two cats, and two horses. She cares for the feral cats in her neighborhood, and encourages Trap/Release programs. An avid music lover, she plays the piano, kalimba, and viola.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
“The world is a book and those who do not travel read only one page.”
St. Augustine
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
CHAPTER 1
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Have you recently been told that you will be a content contributor for your company’s website? Are you wondering what all this new job duty entails? This article will provide you with some insight on what to expect, as well as tips on keeping that content accessible for all of your website’s users.
As a content contributor, you will be responsible for creating effective, usable content for your company’s site, usually on a regular basis. Under normal circumstances, you will not be responsible for developing templates or applications.
Typical content editor job titles include:
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
The types of tasks you will be responsible for include:
The types of tasks that should be handled by developers (and not you) include:
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
So what exactly on the company website might you be in charge of editing?
So how do you make sure the content you are providing is accessible?
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Why should you worry about making your content accessible to the end-users? Well, it just so happens that there are more than a billion people in the world with disabilities – in the U.S. alone that is approximately 1 in every 4 people! And guess what, the word “disability” in this sense does not just mean a health condition – it actually is referring to a disconnect between a person’s abilities and their environment.
Still not convinced?
Then keep in mind that the combined disposable income of this population is equal to $1.2 trillion in buying power.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Now that I have your attention, what types of disabilities do you need to be aware of when developing your content?
Visual – includes far-sightedness, blindness, color blindness, and low vision.In a study that was published by the Journal of Usability Studies, they found that only 28% of blind users could successfully complete online job applications due to the process typically not being designed with accessibility in mind.
Just think … how many potentially awesome people are not at your company because of this issue?
Motor/Mobility – covers muscular and skeletal issues, more than just hands and arms.In these cases, people may not use a mouse at all to navigate your website. Instead, they may use a keyboard, joystick, or even voice recognition.
So a well-organized site that uses headings properly will be a lot easier for them to navigate – not to mention, will look a LOT nicer!
Auditory – like the visual issues, hearing-related disabilities exist on a spectrum, which includes total deafness.Does your site include a lot of audio? Without an alternative way of interacting with that material (e.g., audio transcript), they will miss out on a huge part of your brand experience.
Learning – a non-physical disability – learning and cognitive issues also have accessibility requirements.Adjustments for these issues can include additional time for reviewing content, providing content in multiple formats, and operating with speech-to-text input.
Seizures – light, motion, and flickering screens can affect some of your users by triggering seizures – the most common of which is photosensitive epilepsy. How do you address this issue so that your company doesn’t get a lawsuit? Be mindful of any moving content you provide on your site. Does it flash quickly? Could it be a trigger? Does the end-user have a way to stop the movement? Putting control into their hands can be one way to mitigate the situation.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Situational – an end-user may be limited by their current situation, such as the device, connection speed, or environment.Mobile users or users on dial-up (yes, there are still dial-up users) may use alt text for images instead of eating up their bandwidth by processing images.
Someone in a noisy environment or in a library where silence is preferred may read captions or transcripts instead of listing to the audio on your site.
Another person may be limited to operating devices with just one hand, such as when holding a child, and may opt to use speech-to-text instead.
Temporary – many of us have or will experience temporary situations that affect our ability to use technology.Examples include issues like a broken arm, pain flareups from conditions like fibromyalgia, multiple sclerosis, or carpal tunnel syndrome. Other issues may be sensory related, such as sensory overload for someone with autism.
Photo by Simon Abrams on Unsplash
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Now that you have an idea of issues that need to be kept in mind, here are some benefits of accessible content:
Did you know that for most people, reading off of a screen is tiring for the eyes? In fact, people typically read 25% slower online versus reading from a piece of paper.
What can you do to alleviate this issue?
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
So how do you improve the readability of your content?
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
CHAPTER 2
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
How do you make your content easier to read? More accessible? Organized and clear?
Let’s walk through some points to consider as we figure out the answers to these questions.
Why? Knowing the language a page is in will help a screen reader understand and relay the information in the correct language.
Every web page on your web site should have a language assigned to it at the template level. Check with your developer to make sure that your templates have the appropriate language assigned to them.
If you have blocks of text on your page that are in another language, you will need to tag those blocks of text accordingly so that the screen reader is aware of the change in language.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Why? Sites with multiple pages that have the same title are confusing, especially for users of screen readers. Also, search engines tend to lower your ranking since it sees the titles as duplicate pages.
Make sure that every page has a unique title that also provides a concise description of the page’s purpose. The ideal length of your title is fewer than 60 characters.
Why? Screen readers use headings to allow the users to logically skim the content and understand the structure and level of importance given to each section of the material.
Make sure to use headings correctly though! The structure should be in the correct order from <h1> (most important) through <h6> (least important). There should only be one <h1> per page. Check with your developer as sometimes the <h1> tag is built into the template automatically.
Other Benefits of Headings:
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Why? Improved readability for all users!
When text is broken into scannable, manageable bits of information … it’s just easier to read.
When you format them correctly, a screen reader can recognize the list, announce the presence of the list to the end-user, and even tell them how many items are in the list.
Keep in mind that you should use the list formatting tool in your web site’s authoring environment. Do not add bullets or number your lists manually.
Types of lists:
Note: there are other types of lists available, but these are the most commonly used list types.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Why? Extra spaces and paragraphs get read aloud by screen readers – it’s really annoying.
Using text alignment can be a great way to create visual interest – but it can also make the text harder to read.
Why? Screen readers may pull links out of context to present to the users. If the links only say “click here” it will not make much sense to the users.
Make sure the wording you pair with your links makes sense if it is read out of context. Use a description that identifies the link’s destination – such as the title of the page you are linking to.
If you are linking to a file, it is best practice to include that information in the link text so that the end-users know what to expect. For example, “Download the campus map PDF”.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Typically you will not need to be concerned with the appearance of the links on your site, as your site’s CSS should be styling your links. However, it is good to know that your links should be a different color from the surrounding text. A good practice is for links to be underlined and bold in order to draw the user’s attention to them. If they are not underlined, be sure that they have sufficient color contrast with the surrounding text (3:1). If your links do not follow best practices, you may want to discuss this issue with your developers.
Why? Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide.
Other issues to be concerned with are users with cataracts, low vision, or are in poor lighting situations.
Color in Choices – Do not provide just a color for them to select, instead, include a label for each of the colors.
Color in Tables –
Color-banded rows in tables can cause problems when the background and foreground don’t have a high enough contrast ratio.Keep in mind that colors might not be recognized by some users when you use it as an indicator in the table.
Make sure that if the color were to be removed from the table, that the meaning of the information would still be conveyed.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Color in Graphs –
Monochromatic color palettes can be a problem for users because the sections may not appear distinguishable if they have color deficiencies.
Solution 1: Use patterns or various shades so that color-blind users
can distinguish them.
Solution 2: Add a legend or labels near each element.
Referring to Colors – Do not refer to the color of an object as the only attribute.
Bad Example: Select the Green Button
Good Example: Select the Green Play Button
Color in Branding –
According to WCAG, the contrast ratio between text and background should be at least 4.5 to 1.Color combinations, including your company’s branding, should have the appropriate high-level contrast between text and background. The best option is a dark color font on a light background.
Use a color contrast checker to test your color combinations. Many tools will allow you to enter your color values and will calculate the contrast ratio automatically. They will even tell you whether it’s WCAG compliant.
I personally recommend the Colour Contrast Analyser (CCA) by The Paciello Group.
I’ve even put together a video on Using Colour Contrast Analyser.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Why? Some users may not be able to see a shape or location. It may be due to a disability or it may be due to screens/windows being resized – items don’t always stay in the same place on your page.
Instead of saying “Click the small round button,” try saying “Select the round Accept button.”
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
CHAPTER 3
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Social media is a booming area of the internet. According to Statista, social media has now reached 49% of the world’s population.
“East Asia and North America having the highest penetration rate at 71 and 69 percent respectively, followed by Northern Europe at 67 percent”
Statista
That’s a lot of people! And a lot of those people use social media to research and find products they want to buy. So obviously, if you are trying to sell your product, you want to leverage the social media platforms. However, you need to make sure you aren’t missing a large portion of the world’s population who can’t access your posts because they are inaccessible.
The first step – don’t assume that the social platforms you are using are up to date with the accessibility standards (i.e., WCAG 2.1).
Photo by Ansgar Scheffold on Unsplash
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Being aware that this may be the case, means you can take steps to make your content accessible to the widest audience possible.
If you are going to use an infographic on your social media, keep in mind that text on images is inaccessible to screen readers. This means persons who have vision issues will miss out on the content you are providing.
This doesn’t mean that you can’t use infographics. What it does mean is that you need to take the time to provide alternative ways to convey the information. That may include an alt text on the image or incorporating the information from the graphic into the surrounding text. Your alt text should be descriptive, informative, and concise.
Users of your social media should have more than one way to obtain the information you are providing in your infographics. Also, as a rule, every image in your social posts should have alt text.
What should you keep in mind when developing alt text for your social post images?
If you are developing an infographic for your social media, here are some issues to avoid:
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
What about humor in the graphics?
A 2019 Carnegie Mellon University study resulted in researchers identifying five guidelines people should keep in mind when writing alt text in order to best translate an image’s humor:
“Ableism is the discrimination of people with disabilities. Ableist language is prejudiced words or phrases against people with disabilities.”
Policy Research Associates
We certainly don’t want to use language on a social media post that might drive away potential clients. And while it might take a bit more effort, it is a good idea to review and edit your content to remove the ableist language. The following are some examples of the types of words to use instead.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
| Say This (Better alternatives) | Not This (Ableist words) |
---|---|---|
Annoying | Bipolar | |
Awful | Crazy | |
| Bad | Crippled |
| Boring | Dumb |
| Dismantled | Insane |
| Distracting | Lame |
| Eccentric | Madness |
| Frustrating | Mental Case |
| Irritating | Psycho |
| Ordinary | R-word |
| Outrageous | Stupid |
| Preposterous | |
| Ridiculous | |
| Unacceptable | |
| Unreal | |
| Unruly | |
| Waste of Time | |
| Wild | |
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
All of your company’s social media accounts should provide people a way to contact you. This will allow them to reach out to you easily if they come across inaccessible content – enabling you to fix the issue. It will also enable them to send you kudos if they want.
What type of contact information should be made available? You should list a primary phone number and/or email address.
I personally recommend that if you list a phone number, make it a business number that has a voice mail that is properly set up and frequently checked (and emptied). You don’t want people trying to reach out to you only to hit a “voicemail is full” message … or worse “user has not set up a voice mail” … leaving the user unable to leave a message.
Similarly for the email, list a business email address that is generic to your department. This way if you are on vacation, or move on to a new opportunity, the company will still have access to any emails sent to that account.
You don’t want to use jargon or big words in your social media posts, as they may confuse your readers. Keep in mind that your readers may have a slower processing speed, cognitive impairments, or lower education level. Remember, you want to reach as wide of an audience as possible!
Tips for writing in a plainer language:
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Does your company have a social media policy? Do you know what it says? Does it include accessibility?
If you answered “No” to any of those questions, its time to get to work!
If your company has a legal team or access to a lawyer, enlist their help in developing (or updating) a social media policy that addresses accessibility. This will help to protect both you and your company.
If you need an example, check out the social media policy of the U.S. Government’s General Services Administration:
“Ensure use complies with applicable mandates, such as Section 508 of the Rehabilitation Act of 1973, IT Security Policy, and the Federal Records Act. The GSA Handbook on Social Media provides greater detail on applicable mandates.”
U.S. Government General Services Administration
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Personally, I believe that this should be an etiquette issue as far as social media goes, but I don’t want to assume that everyone knows about proper post structure.
The first part of your post should always be your content. Your readers will thank you!
The second part, or the end of your post, should be where you place your hashtags and @mentions.
Granted, there are exceptions to every rule. Evaluate your post carefully before deciding to break the rules. Consider how someone using a screen reader would fair if you place the hashtags or @mentions before the end of your post.
If you need to link to a PDF document on your web site or elsewhere, check to make sure that the document is accessible and tagged correctly. The last thing you want to do is send potential customers to a document that only makes them frustrated with you, your brand, or your company.
If the document isn’t accessible, and you still really need to link to that content, find out if it is available in any other format. Or you can reach out to your IT department and find out if they can make the PDF accessible.
If you are posting images, videos, or audio content, it’s a good idea to warn your readers at the beginning of the post – especially helpful for screen readers, but also great for scanning quickly through a bunch of posts.
The recommended prefixes to use are:
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Additionally, provide your readers with a link back to the original source of the content. Hopefully, your web team has included captions and transcripts with the original source of the content.
When you have multiple words in a hashtag … please, please, PLEASE use camel case. This is a huge benefit to all of your readers.
What is camel case, you ask? It is when you capitalize the first letter of each word within your hashtag.
When you don’t use camel case, it becomes difficult for your readers to figure out what words or phrases you are using. Sometimes this can lead to a big embarrassment for both you and your company. So protect yourself and your company – make your hashtags easier to read – and make your readers happier by using camel case!
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
CHAPTER 4
Images, Tables, & Accessibility
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
When it comes to accessibility and your company’s website, no one person is responsible for assuring accessibility. In fact, it is the responsibility of the site developer, company leadership, content contributors, and even the person responsible for purchasing products.
Images are an important part of any website. They help to convey meaning and context to the users of your site. You may be thinking “How in the world do I make images accessible to all users?” Well, don’t worry, you won’t need to remove the images to have an accessible site. You just need to ensure that the intent or meaning of the images is accessible to all users.
How? Utilize alt text or attributes to provide a short image description.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
You place this type of image on your web site in order to convey a simple concept or information that can be expressed in a short phrase or sentence.
The alt text for this type of image should convey the meaning of the content that is displayed visually. This text should be as concise as possible.
Warning: Long alt text will result in a poor experience for screen reader users. Instead, if your image requires a length description, describe the image in the page content, and just provide a short alt text on the image.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
The purpose of these types of images is to convey actions. For example, icons or buttons that call the users to action like “print.”
Alt text for these types of images should also convey the action, not describe the image. For example, the icon of a printer should have an alt text of “Print this page” instead of “image of a printer.”
As a content contributor, you will not deal with these types of images very often. Typically these are dealt with by the developers or designers. However, if you notice that your site has these images and they do not have alt texts that convey the actions, then you need to bring the issue up to the person(s) responsible. Because missing or incorrect alt text can create major problems for users of screen readers.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
There is no major purpose for these types of images. They do not inform or improve the meaning of the context. Instead, they are there to merely enhance the appearance of the page.
In these instances, provide an empty alt text for the image (i.e., alt=“”). This will signal to the screen reader that it should skip over the image. You want to be sure to provide the blank alt text because if the attribute is not present, the screen reader will read the file name of the image to the user (very annoying).
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Text in images should be avoided as much as possible as screen readers cannot read the text inside. Additionally, if a user zooms in on the page, the text will not resize, but instead, become very pixelated – which makes the text even harder to read.
If you absolutely have to put text inside an image, make sure you use a manual color contrast checker to make sure there is enough contrast between the image and the text. Adding a dark overlay over the image can aid in contrast, you may also consider adding a drop shadow to the text to increase readability.
One of the acceptable exceptions to this rule is logos. If it is possible to separate the icon from the text, try to do so. However, if this is not possible, make sure to have the same exact text as the alt text.
Remember: The correct alt text for an image should be influenced by the intended use of the image.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Back in the 90’s, it was very common for people to utilize tables in order to design a layout for their site. However, today they should never be used for layout. Tables are difficult to navigate for users of assistive technology.
Tables are for displaying data – not design.
A simple table is much easier to make accessible than more complex tables. This type of table does not have more than one header row or column, nor does it have any merged cells.
If a table has multiple header rows, columns, and/or merged cells, then it is considered to be a complex table. This type of table is much less accessible than a simple table as they are more difficult for screen reader users to understand. Also, in many cases, they are not correctly coded for accessibility.
You may need to learn some HTML (if you haven’t already) if you plan on using tables in your content – and to make sure that the table is compliant. Some tags you will need to be familiar with are:
Note: Make sure to avoid any empty rows or columns if at all possible.
If you need help learning about tables, check out W3CSchools article on HTML Tables.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
CHAPTER 5
Accessible Documents, Audio, & Video
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
When you are preparing your content for the web, you will also be working with documents, audio, and video. All of these forms of content need to be made as accessible as possible.
Word processing programs are designed to create professional documents. Many programs have built-in accessible formatting aids that are easy to use. However, some versions may not be fully compatible with another person’s equipment, which can limit the availability and accessibility of the document.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Portable Document Format (PDF) files are created using software such as Adobe Acrobat Pro DC. These files must be tagged for accessibility using the built-in tools of the software in order to ensure accessibility.
Tags for these types of documents include tagging headings, alt text on images, and other document properties. These tags convey the information to the screen reader software in order to make the document accessible.
Note: Scanned PDFs are NOT accessible - they are just a flat image, and therefore cannot be read by the screen readers.
Hypertext Markup Language (HTML) files are what is used to display web content. HTML has tags that allow content editors to define web content such as headings, paragraphs, lists, links, etc.
Of all the file types mentioned so far, this is the most accessible/mobile-friendly - assuming that it is been correctly formatted.
While it is the most accessible, the technical skills needed to correctly create and edit an HTML file for accessibility is greater than that for a word document or PDF.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Software products developed by companies such as Microsoft, Adobe, and Google often have accessibility features built-in. However, just running those built-in checks is not always enough. Be sure to do as much manual checking as possible to increase your level of compliance.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Multimedia includes methods of content delivery such as podcasts, videos, and live-streaming events. All of these methods need to be accessible for all users. It is important that you provide transcripts, captions, and audio descriptions of what is occurring on the screen.
Transcripts are a good first step in making multimedia accessible. A transcript is a text version of the media content. Transcripts can be used to make audio content accessible to users who are deaf or hard-of-hearing. Transcripts can also be used for creating captions for videos.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Captions are text versions of the audio content, synchronized with the video. The two types of captions are open and closed. Open captions are always on, but closed captions are optional, which allows users to turn them on or off.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Audio descriptions are different than captions. It is a separate narrative audio track designed to describe important visual content so that people who are unable to see the video can know what is occurring on screen.
There is frequently more occurring on-screen than what would appear in a transcript. For example, a video without audio, demonstrating how to complete a task such as a tutorial on how to use software or build a piece of furniture, or an actor’s movements and/or facial expressions that lend significant meaning to a scene.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
The last thing we want our web sites to do is to create medical emergencies, unfortunately, the wrong type of content can trigger seizures and migraines for some people. Therefore, make sure your pages do not contain anything that flashes for more than three times per second.
Keep your eye out for scrolling or blinking text or page elements, as well as videos or GIFs that contain flickering or flashing. If you find them, find a way to eliminate them from the site. If you cannot remove them, contact someone in your company who can.
If needed, you can use a Photo-sensitive Epilepsy Analysis Tool (PEAT) to determine the flashing frequency of an item.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Live events create new issues in order to make sure all audience members are included. You will need to ensure that you have captions that can identify speakers, document any significant background sounds, as well as include the spoken dialogue.
Live events are becoming quite popular, and COVID-19 has increased their usage. Unfortunately, automated captioning is often no provided. If you can afford it, you should research companies that offer live-captioning services, especially if your event is open to the public.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Recorded videos, no matter if they are hosted internally or externally, will need to be accessible. This is not limited to just the controls of the media player, captioning must also be provided.
Fortunately, hosting services such as YouTube and Vimeo, allow you to store and deliver audio and video files to users and include auto-captioning services.
BEWARE! Just because a service offers auto-captioning does not let you off the hook. You need to review the captions that the system creates and verify that they are correct ... or you could be in for a big embarrassment down the line.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
CHAPTER 6
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
In a previous chapter, we discussed the need to make your social media accessible to the widest audience possible. Now we are going to discuss ways to make your posts more accessible on LinkedIn, Twitter, Facebook, and Instagram.
Something to keep in mind as we delve into this topic is the issue of scheduling software. This type of software is great for a social media manager because it allows them to set up their content and basically “forget it.” Unfortunately, not all software is designed for the best accessibility experience.
If you are using this type of software, you should check to see if it allows you to add alt text to images and other methods of ensuring your content are accessible.
If you are in the market for scheduling software, then you need to keep accessibility in the front of your mind as you look at the various features that different products offer. Don’t spend money on half-baked software that won’t fulfill all of your needs.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
While this platform may not be as popular as the other platforms, LinkedIn is still a great way to market your content, especially to the more business-oriented population of your constituents. And while they may not be perfect as far as accessibility goes (hey, we’re all human!), their developers work hard to constantly improve the digital environment.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
The development team at Twitter has done a great job of improving accessibility options, especially with images. Why does this matter to you and your company? Research shows that tweets with images get retweeted 150% more times than tweets without images!
But guess what ... the accessibility is not enabled by default, so you have to turn it on using the following steps.
Once you have enabled this option, you’ll be able to add alt text to your images using the “Add Description” link below the image.
As a side note, while your tweets themselves are limited in characters ... your alt text can actually contain up to 420 characters!
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
Due to Facebook’s extreme popularity, accessibility has had to be a priority for their development team(s). The company’s help center contains an extensive collection of accessibility information for its users. This includes instructions for using keyboard shortcuts, screen readers, and more.
Facebook has made an attempt to automatically generate alternate text for images added. However, it is best practice to always proofread any automatically generated content. Here are some steps to check and add/edit the alternate text to your images on Facebook.
Like LinkedIn, when adding videos to Facebook, you will need to add captions. Fortunately, Facebook also accepts that .srt file we discussed earlier. Once you have your SRT file and have uploaded your video to Facebook, follow these steps to add the captions to your video.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
When using Instagram for your company, avoid using the Stories feature. The Stories feature doesn’t have a way to add alt text, captions, or a descriptive audio track to your content. This first step will help you become immediately more accessible on this platform.
Instagram, like other platforms, has a way to automatically generate alternate text for images. And... like with all the other platforms, it is extremely wise to proofread and edit what the system automatically generates.
To review/add/edit alt text on Instagram:
Unfortunately, the Instagram platform does not allow for alt text, closed captions, or audio descriptions from within its app. This leaves you with two options to make your videos accessible.
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.
Header
The web is ever changing and so are the laws that are evolving around the digital realm. This means we can never stop learning if we want to stay relevant in this day and age.
Sign up for my Newsletter to get a weekly recap of my blog posts and stay up to date on various technological and educational trends!
"I learned this, at least, by my experiment: that if one advances confidently in the direction of his dreams, and endeavors to live the life which he has imagined, he will meet with a success unexpected in common hours."
- Henry David Thoreau, Walden: Or, Life in the Woods
Content partially curated from SiteImprove’s Course: Accessibility for Content Contributors (Premium) and is not available for sale.