Images, SVG and Canvas

Questions


How to subscribe a svg picture for best accessiblity?

  1. add title attribute
  2. add description attribute
  3. add aria-labelledby
  4. A + B
  5. B + C
  6. A + C
  7. A + B + C

What is the best way to make an infographic accessible?

  1. add alt tag
  2. add aria-labeledby/li>
  3. add description
  4. add pdf option without structural information
  5. add css + html alternative

What is the most accessible image format?

  1. jpg
  2. png
  3. svg
  4. gif

True or False: The brandbar image on company-name.com should have an alt text

  1. True
  2. False

question

  1. True
  2. False

Deque questions


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

  1. CSS visibility:hidden on <span>
  2. CSS clip on <span>
  3. CSS display:none on <span>
  4. aria-label on <span>

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

  1. True
  2. False

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

  1. Screen readers do not treat alternative text like they text regular text in an HTML document.
  2. Because all it takes is 250 characters to accurately describe an image.
  3. If alternative text is longer than 250 characters, the user becomes bored listening to the image description.
  4. It is not important. Alternative text can exceed 250 characters if that is needed to describe an image.

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.

  1. Describe the location of the image.
  2. Convey the functionality or end result of the form input.
  3. Describe the look of the input.
  4. An image used as an input is a decorative image, so it does not need a text alternative.

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

  1. True
  2. 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.

  1. True
  2. False

Which accessibility techniques apply to an image (<img>) that is purely for visual decoration? (Select all that apply)

  1. It can be given an empty, or null, alt attribute value.
  2. The image can be assigned ARIA role="presentation".
  3. The image must be described using the alt attribute.
  4. The image can be placed in the background using CSS.

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

  1. True
  2. False

Composing alternative text for images is based on: (Select the best answer.)

  1. The visual characteristics of the image.
  2. The file name of the image.
  3. What the author intends to convey with the image.
  4. It really is not based on anything.

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

  1. Describe visually where streets, roads, and bridges are in relation to one another.
  2. Describe the colors of roads and different areas on the map.
  3. There is no way to compose alternative text for driving directions.
  4. Compose text-based directions that include street names, turns, exits, distance, etc.

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

  1. It should be assigned role="img".
  2. It should be assigned role="region".
  3. It should be assigned role="presentation".
  4. Nothing should be done to the <img> element.

What can be used to provide alternative text for SVG <img> elements? (Select all that apply.)

  1. alt attribute
  2. aria-owns attribute
  3. aria-label attribute
  4. aria-labelledby attribute

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

  1. True
  2. False

Which of the following ways to incorporate SVGs are considered bad for accessibility? (Select all that apply.)

  1. <object>
  2. <svg>
  3. <img>
  4. <iframe>

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

  1. aria-label
  2. aria-describedby
  3. aria-live
  4. aria-labelledby

True or False: Interactive SVG objects must be fully keyboard-accessible.

  1. True
  2. False

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

  1. It should be assigned so that screen readers will ignore icon fonts.
  2. It should be assigned so that icon fonts receive visual focus.
  3. It should be assigned so that screen readers will recognize icon fonts as an images.
  4. Icon fonts aren't images, so they don't need to be assigned the role="img".

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

  1. Add aria-label to the button or link
  2. Add hidden text within the button or link using CSS clip assigned to the surrounding span element
  3. Add text to an alt attribute in the surrounding span element.

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

  1. Decorative or redundant icon fonts should be described using aria-label.
  2. Decorative or redundant icon fonts should be assigned role="img".
  3. Decorative or redundant icon fonts should be assigned an empty, or null, alt attribute.
  4. Decorative or redundant icon fonts should be set to aria-hidden="true".

Which of the following methods are acceptable for adding alternative text to <canvas> elements? (Select all that apply.)

  1. Add text in the alt attribute.
  2. Add text via aria-label.
  3. Refer to text via aria-labelledby.
  4. Add text within the <canvas> element.

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

  1. It must be assignedIt must be assigned ARIA role="img".
  2. ARIA role="presentation".
  3. Nothing needs to be done to the element.
  4. It must have an alt attribute.

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.

  1. True
  2. False

Effective methods for providing alternative text for simple <canvas> elements include: (Select all that apply.)

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

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

  1. True
  2. False

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

  1. True
  2. False

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

  1. True
  2. False

Which of the following is true about audio descriptions?

  1. Audio descriptions describe important visual information through synchronized captions.
  2. Audio descriptions are not required if there is no audio content.
  3. Audio descriptions describe important visual information that is not conveyed through a video's audio track.
  4. Audio descriptions describe important visual information through a transcript.

People who are deafblind access video and audio through:

  1. Transcripts
  2. Captions
  3. Audio Description
  4. None of the above

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

  1. True
  2. False

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

  1. True
  2. False

Visual Design and Colors

Questions


For the greatest cross-browser accuracy, it is better to use the name of a color (RED) in CSS rather than the code of the color (#FF0000).

  1. True
  2. False

What is the first thing a screenreader reads on a page?

  1. Headings
  2. Lists
  3. Data tables
  4. Page title

Seventeen standard colors have been defined in HTML and CSS. Should you use them to get the greatest browser accuracy?

  1. NO, use color codes instead
  2. YES, of course!

To allow effective Text Zoom, use pixels when specifying the dimensions of objects in a web layout.

  1. True
  2. False

When text doesn't have enough color contrast. Which guideline has not been complied to?

  1. 1.3 Create content that can be presented in different ways (for example simpler layout) without losing information or structure
  2. 2.3 Do not design content in a way that is known to cause seizures
  3. 4.1 Maximize compatibility with current and future user agents, including assistive technologies
  4. 3.1 Make text content readable and understandable

The recommended % to be able to zoom into a page is?

  1. 150%
  2. 200%
  3. 300%
  4. 400%

How is large text defined? (select all that apply)

  1. font-size: 18px; font-weight: normal
  2. font-size: 18px; font-weight: bold
  3. font-size: 24px; font-weight: normal
  4. font-size: 24px; font-weight: bold

What would be a good way to check whether the order in your html structure matches the visual order on screen? (open question)


Deque questions


Which groups of people are affected when only color is used to communicate information on a web page? (Select all that apply)

  1. People who have low vision
  2. People who are deaf
  3. People who are blind
  4. People who are colorblind

True or false: Using distinct colors only for hover and focus on links are enough to distinguish links from normal text.

  1. True
  2. False

From an accessibility stance, why should standard (real) text and native UI components be used instead of images of text and UI components?

  1. Standard text and native components give web designers more options to style the look of a web page.
  2. As long as contrast ratio requirements are met, images of text and native components can and should be used.
  3. The use of standard text and native components allows users to customize text and colors.
  4. As long as alternative text is provided, images of text and native components can and should be used.

True or false: Providing alternative text for an image that communicates information using color alone is sufficient in communicating that information to users.

  1. True
  2. False

What method can be used to distinguish UI components from surrounding content?

  1. Providing an outline around the UI component
  2. Using a different color for the UI component that has high contrast against the surrounding content
  3. Changing the background of the UI component
  4. Any of the above methods can be used

To aid people with low vision or color deficiencies, the contrast between text and its background must be at least:

  1. 3 to 1 for small text and 2 to 1 for large text
  2. 5 to 1 for small text and 6.5 to 1 for large text
  3. 4.5 to 1 for small text and 3 to 1 for large text
  4. 12 to 1 for small text and 8 to 1 for large text

True or false: When high contrast is activated on an operating system, a user cannot choose to have the high contrast theme override the styling of a web page.

  1. True
  2. False

The recommended contrast ratio for UI component boundaries smaller than 3 px by 3 px is:

  1. 3 to 1
  2. 2.5 to 1
  3. 5 to 1
  4. 4.5 to 1/li>

Enhancing the visual focus indicator benefits which group of users? (Select all that apply)

  1. Users who have photosensitivity
  2. Users who have low vision
  3. Sighted keyboard users
  4. Users who are blind

The recommended contrast ratio for small visual focus indicators is:

  1. 3 to 1
  2. 4.5 to 1
  3. 4 to 1
  4. 3.5 to 1

What is the purpose of "visual white space" in web design?

  1. To ensure sufficient color contrast
  2. To allow user CSS customization
  3. To visually separate different elements of the design

True or False: A text label for a form input should never be placed adjacent to that text input.

  1. True
  2. False

If the text label for an icon is placed visually too far away from its text label, which category of users with a disability will be most affected?

  1. Blind users
  2. Deaf users
  3. Users with low vision
  4. Users with colorblindness

What is the recommended maximum number of main focus areas on a web page?

  1. One
  2. Two
  3. Three
  4. Any number is acceptable as long as they are designed well

The order that screen readers navigate through page content is determined by the:

  1. Visual order of the elements on the screen: left-to-right, top-to-bottom
  2. CSS
  3. Document Object Model (DOM)
  4. All of the above

True or false: For screen reader users, the reading order and focus order are always the same thing.

  1. True
  2. False

Which two of the following can impact the reading order and focus order of page content? (Select all that apply)

  1. JavaScript DOM manipulation
  2. Turning on a screen reader
  3. Magnification
  4. CSS positioning techniques

True or false: The best way to fix focus order problems is to use tabindex values greater than 1.

  1. True
  2. False

When the order of content in a webpage's source code does not match the visual presentation of the content, the following users may find it hard to use the page: (Select all that apply)

  1. Blind users
  2. Keyboard-only users
  3. Mouse users
  4. Deaf users

Which categories of fonts are acceptable general-purpose fonts in terms of readability? (Select all that apply)

  1. Bold fonts such as Impact
  2. Sans Serif fonts such as Arial
  3. Serif fonts such as Times New Roman
  4. Fixed-width fonts such as Courier

True or false: The line spacing within a paragraph of text should be at least 2.0.

  1. True
  2. False

True or false: The spacing between paragraphs should be at least 1.5 times the line spacing.

  1. True
  2. False

To help people who have trouble keeping their place and following the flow of text when columns of text are too wide, you can do which of the following (Select all that apply)

  1. Use a breaking space at the end of approximately 80 characters to keep columns narrow.
  2. Use CSS to set a maximum column width of approximately 80 characters.
  3. Write in short, simple sentences.
  4. Ensure the text on your website reflows as the viewport is narrowed so users can determine the column width that works for them.

True or false: Paragraph text should be full justified because the neat edges are less distracting for people with reading disorders.

  1. True
  2. False

Using real text instead of embedding text in an image benefits which of the following users? (Select all that apply)

  1. People with low vision
  2. People with speech disabilities
  3. People who are deaf
  4. People with reading disabilities

Which of the following text formats allows user customizability of things like color, font, size, etc.?

  1. True
  2. False

Which of the following text formats allows user customizability of things like color, font, size, etc.?

  1. Text embedded in a JPG image
  2. Text embedded in an SVG image
  3. Text written in an HTML paragraph
  4. Text embedded in a Flash object

Which screen reader and browser combinations support CSS-generated content? (Select all that apply)

  1. JAWS and Internet Explorer
  2. Narrator and Edge
  3. VoiceOver on OS X and Safari
  4. VoiceOver on iOS and Safari
  5. NVDA and Firefox

Which CSS methods will hide content from screen readers? (Select all that apply)

  1. display:none
  2. display:inline-block
  3. visibility:hidden
  4. screenreader:hidden
  5. hide:true

True or false: An inactive dialog box that is not visible to sighted users must be hidden from blind users to give them an equivalent experience.

  1. True
  2. False

Multimedia, Animation and Motion

Questions


There is no audio/video solution for people who are blind and deaf?

  1. True
  2. False

Is it true that Captions for live events are required at WCAG Level A?

  1. True
  2. False

What is an audio description?

  1. A. Just a text version of the presented audio file.
  2. B. Audio descriptions are nothing more than an audio track with a narrator explaining what is happening visually

Deque questions


The Web Content Accessibility Guidelines (WCAG) Level AA requires that captions be provided for:

  1. rerecorded multimedia (video plus audio)
  2. Live multimedia (video plus audio)
  3. Prerecorded video-only
  4. A and B
  5. All of the above

Captions MUST include which of the following: (Select all that apply)

  1. Dialog
  2. Important background sounds
  3. Important visual cues
  4. The identity of the individual speaking

Which of the following best practices for the visual presentation of captions are true: (Select all that apply)

  1. Caption should not exceed three lines on the screen at one time
  2. Captions should be upper case
  3. The default font size for captions should be at least 22pt
  4. The last caption frame should be removed from the screen during long silent intervals

True or false: Users MUST be able to customize the font face, size, and color of captions.

  1. True
  2. False

True or false: The advantage of advanced caption file formats over basic file formats is that advanced formats support greater flexibility in styling captions to meet user needs.

  1. True
  2. False

The Web Content Accessibility Guidelines (WCAG) Level AA requires that transcripts be provided for:

  1. Prerecorded multimedia (video plus audio)
  2. Live multimedia (video plus audio)
  3. Prerecorded audio-only
  4. A and C

True or false: Transcripts are the only way people who are deafblind can access multimedia (audio and video) content.

  1. True
  2. False

Transcripts MUST include which of the following: (select all that apply)

  1. Dialog
  2. The lyrics to the complete musical soundtrack
  3. The identity of the individual speaking
  4. Important background sounds

True or false: Transcripts must be provided on the same page as their corresponding media file.

  1. True
  2. False

The benefits of interactive transcripts include:

  1. The ability to search and navigate videos by selecting text in the transcript
  2. Increased accessibility for people with low vision
  3. The ability to provide captions in multiple languages
  4. Greater clarity for people with vestibular disorders

The Web Content Accessibility Guidelines (WCAG) Level AA requires that audio descriptions be provided for:

  1. rerecorded multimedia (video plus audio)
  2. Prerecorded audio-only
  3. Prerecorded video-only
  4. A and B
  5. A and C

Audio descriptions benefit which of the following user categories: (Select all that apply)

  1. Deaf users
  2. Blind users
  3. Deaf-blind users
  4. Low-vision users
  5. Users with mobility disabilities

Which of the following best practices for the content of audio descriptions are true: (Select all that apply)

  1. Important actions that cannot be identified by sound should be described
  2. Settings should be described, but not in overwhelming detail
  3. Important background sounds should be described
  4. New speakers in a scene should be identified

True or false: Extended audio descriptions are useful when the audio track does not provide sufficient gaps for the audio description narrator to adequately describe what is happening on the screen.

  1. True
  2. False

True or false: When an audio description track is available for a movie or video, it should be the default audio track because it enhances the viewing experience for all users.

  1. True
  2. False

True or false: To meet WCAG standards, the audio description track MUST be available in the same video file as the regular audio track.

  1. True
  2. False

The Web Content Accessibility Guidelines (WCAG) Level AA requires that sign language interpretation be provided for:

  1. Prerecorded multimedia(video plus audio)
  2. Prerecorded audio-only
  3. Prerecorded video-only
  4. None of the above, sign language interpretation is a Level AAA requirement

True or false: Sign language interpretation is helpful for deaf people who are more fluent in sign language than written language.

  1. True
  2. False

The simplest way to provide sign language interpretation for a live event such as a press conference is:

  1. Via Picture in Picture (PiP), in the corner of the video
  2. In a separate, synchronized video
  3. By including the interpreter in the same video frame as the speaker
  4. By ensuring the speaker signs as they speak

True or false: HTML 5 video players have made the need for custom plugins to view online video practically obsolete.

  1. True
  2. False

Keyboard accessibility considerations for media players include: (select all that apply)

  1. Tab order must be logical
  2. Focus must be managed logically
  3. Visual focus indicator color and shape must be customizable
  4. Instructions should be provided for unusual keyboard interactions

Screen reader accessibility considerations for media players include:

  1. All media player controls must have a Name and a Role
  2. All media player controls must be keyboard accessible
  3. Some media player controls (such as a volume slider) must have a Value
  4. All of the above

True or false: Media players MUST provide the ability to turn on and off all accessibility features such as captions, transcripts, and audio descriptions.

  1. True
  2. False

Background sounds in media presentations and web pages have the potential to negatively impact which of the following user categories: (Select all that apply)

  1. Users who are hard of hearings
  2. Blind users
  3. Deaf users
  4. Users with cognitive disabilities
  5. Users with mobility disabilities

True or false: In a multimedia or audio-only presentation, background sounds during dialog MUST be eliminated.

  1. True
  2. False

True or false: In a multimedia or audio-only presentation, background audio should be at least 20 decibels lower than (about 4 times quieter than) primary speech or sounds.

  1. True
  2. False

It is acceptable for audio content that auto-starts on a web page to play for up to:

  1. 3 seconds
  2. 5 seconds
  3. 10 seconds
  4. It never acceptable for audio to auto-start on a web page

While it is acceptable to auto-play audio on a webpage for more than 3 seconds IF a mechanism to turn it off is available, doing so may make it IMPOSSIBLE for which user category/categories to use your web page?

  1. Deaf users
  2. Users who are hard of hearing
  3. People who use screen readers
  4. Users with cognitive disabilities
  5. All of the above

Which of the following statements are true? (select all that apply)

  1. Photo-epileptic seizures are always milder than 'regular' epileptic seizures
  2. Photo-epileptic seizures can be serious and cause physical harm
  3. Only people with traumatic brain injuries are sensitive to flashing content
  4. High-contrast flashes are more dangerous than low-contrast flashe

It is acceptable for content to flash up to how many times per second?

  1. 1 time
  2. 3 times
  3. 7 times
  4. It is never acceptable for content to flash on a web page

WCAG Level AA allows for content to flash more than 3 times per second as long as certain conditions are met. These qualifying conditions include: (select all that apply)

  1. The flashing content contains no red
  2. The flashing area is small enough
  3. The flashing content is low contrast
  4. The flashing content has a mechanism to turn the flashing off

Animations, parallax effects, and background videos or animations in web pages have the potential to negatively impact which of the following user categories:

  1. Users with vestibular disorders
  2. Blind users
  3. Users with cognitive impairments
  4. A and C
  5. All of the above

Vestibular disorders affect a person's:

  1. Reading comprehension
  2. Balance
  3. Ability to perceive some colors
  4. Ability to use a mouse

True or false: Parallax effects refer to the effect of some elements on a page moving in a different direction or at a different rate than other elements.

  1. True
  2. False

Parallax effects can negatively impact:

  1. Keyboard accessibility
  2. Readability of text
  3. Search Engine Optimization
  4. A and B
  5. All of the above

True or false: Background videos that contain more than just decorative content must be fully accessible with captions, transcript, and audio descriptions, as appropriate.

  1. True
  2. False

True or false: Background videos that autoplay are not required to stop playing after 5 seconds.

  1. True
  2. False

The procurement laws Section 508 (U.S.) and EN 301 549 (Europe) apply to the procurement of information and communication technology by:

  1. Public entities
  2. Private entities
  3. Domestic entities
  4. All of the above

True or false: The Americans with Disabilities Act (U.S. civil rights law) explicitly covers online content.

  1. True
  2. False

True or false: Section 508 of the Rehabilitation Act (U.S. procurement law) explicitly covers online content.

  1. True
  2. False

The 21st Century Video Communications and Accessibility Act (CVAA) requires captions for:

  1. All video content available on the web
  2. All audio content available on the web
  3. All video and audio content on the web that was made by U.S. companies
  4. Video content on the web that was previously aired with captions on television in the US

Forms and Validation

Questions


None documented

Deque questions


The most recommended method to programmatically associate a label and form field is:

  1. aria-label attribute
  2. title attribute
  3. Explicit <label> association
  4. Implicit <label> association

True or false: Icons must not be used as labels.

  1. True
  2. False

Why is the use of placeholder text as a form label bad for accessibility?

  1. The default color for placeholder text does not meet color contrast requirements
  2. Placeholder text disappears when data is entered in the field
  3. Screen reader support for placeholder text is not consistent
  4. B and C
  5. All of the above

Which of the following statements about labels are correct: (Select all that apply)

  1. Labels should be visually close to their corresponding form fields
  2. Labels should be similar in color to their corresponding form fields
  3. Labels should be close to their corresponding form fields in the DOM
  4. Labels should be close in length to the other labels on the page

True or false: When multiple visible labels are used to label one field, the best attribute to associate each label with the field is aria-label.

  1. True
  2. False

True or false: When one visible label is used to label multiple fields, such as the three parts of a telephone number, each individual field must have a screen reader accessible label.

  1. True
  2. False

Which of the following methods can be used to associate a group label with the fields it labels? (Select all that apply)

  1. <fieldset> and <label>
  2. <fieldset> and <legend>
  3. Wrap the group of fields with a <label>
  4. role="group" and aria-labelledby

True or false: Color must never be used in labels.

  1. True
  2. False

True or false: As long as a group label is programmatically associated with the group of fields it labels, its location in the DOM does not matter.

  1. True
  2. False

True or false: Group labels must be available to all users - sighted and non-sighted alike.

  1. True
  2. False

True or false: Adding the ARIA attribute aria-required="true" tells every user that a form input is required.

  1. True
  2. False

Which of the following methods can be used to provide form instructions for specific fields programmatically? (Select all that apply)

  1. Using aria-describedby on the <input> element
  2. Providing instructions in regular text nearby the element
  3. Placing instructions in the <label> element
  4. Providing instructions about form fields before the form itself

Instructions that aren't placed visually near their corresponding form fields can negatively impact which of the following user categories?

  1. Users who are blind
  2. Users who have low vision
  3. Users with vestibular disorders
  4. All of the above/li>

Using a different text color for an input's label to convey that input is required may exclude which of the following user categories? (Select all that apply)

  1. Users who are blind
  2. Users who have low vision
  3. Users who are deaf or hard of hearing
  4. Users who are colorblind

Which of the following is the most semantically-appropriate way to associate instructions with an input?

  1. Include the instructions within the <label> text, along with the label/name of the input
  2. Write the text in an aria-instructions attribute
  3. Reference the ID of the instructions via aria-describedby
  4. Include the instructions in the title attribute, to create a visible tooltip on mouse hover

Which of the following methods are considered best practices for progressive form updates? (Select all that apply)

  1. Provide a summary of users' choices at the end of the form before submission
  2. Include multiple steps on the screen at the same time
  3. Number the steps in the form
  4. Manage keyboard focus as users move forward and backward through the form
  5. Make dynamic changes in the form anywhere in the DOM

True or false: From an accessibility perspective, focusing on a form element must not cause a change of context, but context changes may occur when a user hovers over a form element.

  1. True
  2. False

True or false: Changes in context can inhibit accessibility when those changes happen automatically and users aren't allowed to request the changes in context.

  1. True
  2. False

To conform to ARIA specification, which of the following methods should be applied when creating a custom checkbox within a form? (Select all that apply)

  1. Provide a visible and programmatically-associated label for the checkbox
  2. Ensure the checkbox is assigned role="checkbox"
  3. Convey to users the state of the checkbox through toggling aria-expanded values
  4. Make sure the Space bar can be used to change the state of the checkbox

True or false: Custom form elements should be modeled after native HTML form elements.

  1. True
  2. False

What might happen if an aria-live announcement is tied to a blur event in a form?

  1. A screen reader might read the announcement after it reads the next item in focus
  2. A screen reader user might miss the announcement because the announcement competes with the screen reader reading the next item in focus
  3. The aria-live announcement might be made before the screen reader reads the next item in focus
  4. None of the above

What should happen to the page title if a form submission causes the same page to reload?

  1. Nothing should happen to the page title
  2. The page title should reflect errors in form submission
  3. The page title should reflect the status of the form submission
  4. Form submission should not cause the page to reload

What are some techniques that can be used to prevent errors in forms? (Select all that apply)

  1. Provide clear, accurate, and accessible form labels
  2. Use custom form inputs whenever possible
  3. Give additional instructions for inputs if necessary
  4. Provide visual cues that guide users through the form
  5. Present all options and possibilities to users as they interact with the form
  6. Allow users to review their choices before and after they submit the for

True or false: In terms of accessibility, if error messages are programmatically associated with their form inputs, then providing visible error messages for form inputs are optional.

  1. True
  2. False

Which ARIA attribute should be used to identify which form elements have errors?

  1. aria-required
  2. aria-describedby
  3. aria-readonly
  4. aria-invalid

Which ARIA attribute should be used to provide more information about an error in a form element?

  1. aria-required
  2. aria-describedby
  3. aria-readonly
  4. aria-invalid

Which of the code examples below best adheres to the requirements and best practices for error feedback?

  1. <label for="password"> Error - Password: </label> <input type="password" name="password" id="password" aria-invalid="true">
  2. <label for="password"> Password: </label> <input type="password" name="password" id="password" aria-required="true" aria-invalid="true">
  3. <p id="passwordError">Error: Password must be at least be 8 characters</p> <label for="password"> Password: </label> <input type="password" name="password" id="password" aria-required="true" aria-invalid="true" aria-describedby="passwordError">
  4. <p>Error: Password must be at least be 8 characters</p> <label for="password"> Password: </label> <input type="password" name="password" id="password" aria-required="true" aria-invalid="true">

True or false: Regions like aria-live and role="alert" can be used to convey success messages as long as success messages aren't hidden from visual users.

  1. True
  2. False

True or false: The basic keyboard commands for interacting with HTML form controls are common across all screen reader / browser combinations.

  1. True
  2. False

Which one of the following is NOT a screen reader mode?

  1. Document mode
  2. Forms mode
  3. Caption mode
  4. Table mode
  5. Application mode

Using the Tab key to move through a page will put focus on which of the following elements: (Select all that apply)

  1. Plain text
  2. Form fields
  3. Links
  4. Elements with tabindex="0"
  5. Elements with tabindex="-1"

True or false: The default mode for most screen readers is forms mode.

  1. True
  2. False

True or false: Since plain text is non-focusable, text such as instructions or formatting hints should not be placed in the middle of a form unless the text is programmatically associated with a focusable element.

  1. True
  2. False

Design Annotations

Questions


None documented

Deque Questions


None documented