WAS Study Guide 2 - Img, SVG, and Canvas

Which of the following ways to incorporate SVGs are considered bad for accessibility?

<object>, <iframe>

The alternative text for an image used as a form input must:

Convey the functionality or end result of the form input.

True or false: A PDF document must be untagged in order for screen reader users to access the document.

False

True or false: If a long description of a complex image is provided using the longdesc attribute, both sighted users and screen reader users can access the description.

False

True or false: If the <area> elements of an image map have alternative text, then alternative text does not need to be provided for the main <img> element.

False

True or false: Images of text are as accessible as regular text in a web page.

False

True or false: To make a <canvas> element keyboard focusable, use tabindex="1" on the <canvas> element.

False

Using the accessibility API for Silverlight and Flash makes them accessible across all screen readers.

False

What should be done to an <img> element to increase screen reader compatibility when an SVG is used as its source?

It should be assigned role="img".

Why should role="img" be assigned to informative and actionable icon fonts?

It should be assigned so that screen readers will recognize icon fonts as an images.

Why is it important that alternative text not exceed about 250 characters? (Select the best answer.)

Screen readers do not treat alternative text like they text regular text in an HTML document.

Composing alternative text for images is based on:

What the author intends to convey with the image.

What can be used to provide alternative text for SVG <img> elements?

alt, aria-label, aria-labelledby

What is the best way to link the <title> in an <svg> so that screen readers will recognize it as the alternative text?

aria-labelledby

Interactive SVG objects must be fully keyboard-accessible.

True

Text in SVG images retains its crispness and legibility when magnified.

True

True or false: If a <canvas> element does not specify the background color, when a user enters into Windows High Contrast Mode, the background color of the image will change along with the color of the web page as a whole.

True

True or false: Providing documents in HTML format is preferred over non-HTML documents because of the accessibility features available in HTML.

True

True or false: The alt text for an image of a painting can direct users to a longer description of the painting.

True

Effective methods for providing alternative text for simple <canvas> elements include:

Using the aria-label attribute on the <canvas> element. Providing a description within the <canvas> element and referencing it using the aria-labelledby attribute.

When assigning alternative text to actionable icon fonts (buttons or links), which technique is most effective?

Add aria-label to the button or link

Which of the following methods are acceptable for adding alternative text to <canvas> elements?

Add text via aria-label. Refer to text via aria-labelledby.

Which of the following is true about audio descriptions?

Audio descriptions describe important visual information that is not conveyed through a video's audio track.

Which of following methods can be used to add programmatically discernible alternative text to an informative background image?

CSS clip on <span>

What is an effective way to provide alternative text for visual driving directions?

Compose text-based directions that include street names, turns, exits, distance, etc

Which of the following methods is recommended for decorative or redundant icon fonts?

Decorative or redundant icon fonts should be set to aria-hidden="true".

Alternative text for <video> and <audio> elements can be provided using the alt attribute.

False

What must be done to the <canvas> element if it is used to present an image?

It must be assigned ARIA role="img".

People who are deafblind access video and audio through:

Transcripts