Skip to main content

Correct Answers

Question 1

Access Barrier - Tiny Text

screen shot of question one showing answer d is correct

The correct answer was D, but you have no way to confirm that. The text about home inspections was way too small for you to be able to read and comprehend it. Yes, this was an extreme example of small text, but a vision or cognitive impairment can make even 8 pt. fonts feel as tiny as the home inspection text above.

However, there's no need to go overboard. A simple, sans-serif font such as Calibri or Arial at 12 pt. font is just fine, provided you use a high enough contrast between text and background. (We'll look at that next :)

Question 2

Access Barrier - Low Contrast

light text example with the correct answer shown as B, no

If you chose B, you either got lucky or have a very high-quality screen! If you happened to use the zoom function of your browser (Ctrl + or Cmd +), very clever! That's also a technique someone with low vision might use to access difficult-to-view information. The point is, though, that you shouldn't have to use zoom. If the pink text had been put in a higher contrast color (dark red, dark gray, black, etc.), you would be able to more easily access the information it contained.

People with color blindness or low vision have difficulty differentiating objects and text that have low contrast.

In the example below from Harvard University, all four of the text boxes may be easy for you to read, but the top two boxes have a contrast ratio that would make the text very difficult to read for someone with a color-related diagnosis (to the same extreme as the light pink text on a white background was for you). The bottom two boxes would be much easier to read (for all students!) because of their high contrast ratio.

Download Colour Contrast Analyzer Tool for Windows or Mac for an easy way to test foreground against background colors.

first example is light blue contrasted with white and a contrast value of 2.65 to 1; the second example is a dark blue contrasted with white and a contrast value of 10.16 to 1

Question 3

Access Barrier - Unclear Links

correct answer was the fourth link

The correct answer was D, and the only way to confirm that would have been to take the time to type in each URL. How much easier would it have been to identify the correct website if I had used short, informative phrases as the links instead of URLs? (see example below)

People with a cognitive disorder, motor impairment, low vision, or blindness all need clear and concise links.

In the example below, I've replaced the vague URLs with helpful link text, and the result is more usable and accessible by everyone. As tempting as it may be to share a website by just copying and pasting a web address, more people will be able to use clearly labeled links.

Hyperlinks are short phrases instead of URLs

Question 4

Access Barrier - Heading Structure

 

correct answers are mentioned in the paragraph below

The correct answers were Principles, Guidelines, Success Criteria, and Sufficient and Advisory Techniques. Did you use Ctrl+F or Cmd+F? Cool points, if so!

I'm betting that you were overwhelmed by the presentation of the information (at least initially), and that's exactly the experience of students using assistive technologies (AT) when trying to grapple with information that's not been properly styled.

In the example below, I've added heading structure so that all students can jump straight to the WCAG Layers of Guidance section, whether visually or with AT (the AT is able to seek out the code of the Heading styles).

The important thing, though, is to not simply format text to look like a heading with Bold, Italics, etc. If you just visually format headings, students using AT will still experience your document or web page much like you experienced the text above (a rambling mess).

The image below shows a light blue ring around the Heading 3 style (red box around it) that's been applied to both the 'Background on WCAG 2' and the 'WCAG 2 Layers of Guidance' headings. This proves that the AT will be able to find the headings.

When you use the actual Heading styles in your creation software, you're adding navigational structure that aids not only students with disabilities, but it also helps all of your readers by providing them with easier navigation.

screenshot of microsoft word with the heading tool highlighted

Question 5

Access Barrier - Alternative Text Missing

the correct answer is b, 20 percent

The question posed to the 2007 Miss Teen USA contestant states that a fifth of Americans can't locate the U.S. on a world map (answer B). Just as you could only see that there was a picture present with no helpful information, a student using AT would only hear "image" or "graphic" when no alt text is given.

Below, I've typed some alt text that could give an equitable experience of the information to someone who cannot see the image. Notice that the alt text does not simply say, "Pie chart." Alt text needs to sufficiently describe the image in a way that conveys the pertinent information in the image.

P.S. Alt text is hidden in the code of the web page or document and usually only viewable by people using AT.

Alt text example:

alt="Pie chart showing percentages of U.S. Americans' ability to locate the U.S. on a world map. Section of 80% labeled 'Can locate'. Section of 20% labeled 'Cannot locate.'"

Question 6

Access Barrier - No Captions

Here's the video with accurate closed captions (be sure to click the CC button at the bottom right of the video to turn them on):

The correct answer was 2.5 hours. Unfortunately, there's almost no way to understand that without sound or captioning. People who are deaf or hard of hearing need captioning in order to fully understand video content. Most of the time, a transcript just won't cut it. :-(

However! Audio clips are a different story. They DO need a text transcript to be considered accessible to all.

Another great option is "burned-in" captions at the bottom of the video frame. These "open captions" (closed captions are just fine, too) help all viewers of the video better understand the video content by representing the information in more than one way (UDL Principle #1). Captions also help people in restrictively noisy or restrictively quiet environments to understand video content. It seems difficult to lose by adding captions!

See the video below for an example of burned-in captions 👇

Wrap-up

By now, you probably understand that getting correct answers is not the point of this exercise. Each question is designed to give you an INaccessible experience. Someone using assistive technologies may experience this every day when trying to navigate the information that our institution creates.

Hopefully you see that the access barriers presented in this exercise are fairly easily removed by changing some small aspect of the presentation approach (make it larger, add captions, add alt text, etc.). When we create information, we need to be mindful of the barriers to access that can prevent people with disabilities from experiencing "equivalent ease of use." The U.S. Office of Civil Rights says, "'Accessible' means a person with a disability is afforded the opportunity to acquire the same information, engage in the same interactions, and enjoy the same services as a person without a disability in an equally effective and equally integrated manner, with substantially equivalent ease of use. The person with a disability must be able to obtain the information as fully, equally, and independently as a person without a disability."

Simply put, if someone with a disability is unable to comprehend the information that we've created because we have not added the basic measures of digital accessibility, we have created inequality and need to change the way we're sharing information.