• Fee: Free Practice Tests (based on WAS Guide https://www.accessibilityassociation.org/ )
  • Passing score: 95%
  • Time limit: 60 minutes
  • Number of questions: 71
  • Format: Multiple Choice, Multi Answer and True/False
  • Difficulty: Advance
0
Created on

ITAO - Module 3 – Links and Navigation (Test 2)

ITAO - Module 3 – Links and Navigation (Test 2)

1 / 71

Positive tabindex values often create counter-intuitive flow for keyboard users.

2 / 71

Changes of context must never be triggered ______________ .

3 / 71

The order of interactive items (links, buttons, form controls and custom controls) in the DOM is the order in which they’re encountered by___________ users.

4 / 71

When JavaScript inserts new content, the content should follow the __________  element, not precede it.

5 / 71

A change of content is not always a change of context.

6 / 71

If you want an element to come sooner in the tab order, move it to an earlier spot in the DOM rather than set a _________ tabindex value.

7 / 71

When possible use a _____________  instead of building a custom control with ARIA.

8 / 71

Custom links and controls require a ______________ attribute to receive focus.

9 / 71

Provide _____________  to locate a Web page within a set of Web pages

10 / 71

To ensure a meaningful reading order, position content in the same sequence as the underlying code.

11 / 71

A tabindex value greater than____ is almost always a bad idea and should be avoided.

12 / 71

Not all elements are focusable. Non-interactive elements like ________________  and various other page elements are not focused as you tab through the page.

13 / 71

With the Tabs widget, only one tab at a time may be in the tab order: the selected tab has ___________ , while the inactive tabs have ____________.

14 / 71

Focus refers to which interactive control on the screen such as  _________________  currently receives input from the keyboard (and from the clipboard when you paste content).

15 / 71

Do not hide the skip link using any of these CSS options:

A) Use CSS to permanently position the link off screen

B) Set display: none

C) Set visibility: invisible

16 / 71

A change of context includes changes of:

A) User agent (Software that retrieves and presents content, e.g., a Web browser, media player, plug-in or other program including assistive technologies. A completely separate user agent, such as an external viewer programme, opens.)

B) Viewport (Content is rendered in one or more viewports. These include browser windows, browser tabs, frames, loudspeakers, and virtual magnifying glasses. Typically, a new window opens.)

C) Focus (Focus refers to which interactive control on the screen -- a link, form control, button, or custom control -- currently receives input from the keyboard (and from the clipboard when you paste content). The user's focus moves unexpectedly to a different part of the current Web page.)

D) Content that changes the meaning of the Web page (This includes significantly re-arranging the content of a page.)

17 / 71

An item with focus also has what’s called a visual focus indicator or focus ring. The style of it depends on the browser or the styling applied by the page author. Firefox, for instance, displays a _______________ .

18 / 71

Keyboard users navigate from interactive item to interactive item using the Tab key, in sequential order, and use ___________  keys to move backwards in the focus order.

19 / 71

From one page to the next, the ____________  of components on the page and of links within navigation blocks should remain unchanged.

20 / 71

A component that triggers an event (or a control) when it receives focus must not change the context.

Examples of change of context are:

A ) Causing a form to submit automatically

B) Causing a new window to launch

C) Causing focus to change to another control

21 / 71

From one page to the next, identical functional components should be consistently named. For instance, a widget named "Search" on one page is named "Search" on the other pages, not sometimes "Find". This includes the alt text of icons and other non-text items with identical functionality.

22 / 71

A form is provided for creating calendar entries in a Web based calendaring and scheduling application. Along with the standard fields for subject, time and location, there is a set of radio buttons to select the type of calendar entry to create. The calendar entry type can be meeting, appointment or reminder. If the user selects the radio for meeting, additional fields are displayed on the page for entering the meeting participants. Different fields appear if the reminder button is chosen. Because only parts of the entry change and the overall structure remains the same the basic context remains for the user.

23 / 71

It acts as an overview of the document’s main topics and so allows users to preview the content without having to scroll down and read or skim.

24 / 71

Remove CSS styling to simulate the screen reader experience. The content should make sense, reading top to bottom.

25 / 71

To prevent a link from receiving focus, remove its____________  attribute.

26 / 71

When Inserting a custom link into the tab order the ___________  attribute identifies it to screen reader users.

27 / 71

The table of contents for a page should reflect the heading structure of the page.

28 / 71

When designing for skip-links, assign the destination the ____________ attribute. This fixes shortcomings in some browsers that move the viewport to the destination but not the focus.

<body>   <a id="skip-nav" class="show-with-focus" href="#main-content">Skip To Content </a>      [...]   <main id="main-content" tabindex=____ >Main Content Goes Here</main></body>

29 / 71

Changing a setting include checking a checkbox, entering text into a text field, or changing the selected option in a <select> element must not cause change of context.

30 / 71

In the example shown below, The _________  event handles mouse and touch input.

 

<a href="http://www.bing.com" class="link">Bing</a> <a href="http://www.duckduckgo.com" class="link">DuckDuckGo</a> <span    tabindex="0"    role="link"    class="link"   onclick="goToLink(event, 'http://www.google.ca/')"    onkeydown="goToLink(event, 'http://www.google.ca/')">      Google</span>

31 / 71

Using a tabindex attribute value greater than _______  is considered an anti-pattern.

32 / 71

User can also prevent a control from gaining focus by giving it a ____________  attribute.

33 / 71

If there are multiple elements with a tabindex > 0, then the tab order starts from the lowest value greater than zero and works its way up.

34 / 71

Some of the _______________  even have additional keyboard support built in. For instance, with the select element focused you can press the Up and Down arrow keys to select different children, and start typing to auto-complete to one of the available items.

35 / 71

______________  elements – links, buttons and form controls – are implicitly focusable, meaning they receive focus by default without additional markup.

36 / 71

Ensuring that repeated components and links occur in the same order on each page helps users predict where they can find things. This helps users with:

 

37 / 71

A ___________  allows readers to navigate directly to a specific section of the document.

38 / 71

Changes of context must be anticipated by the user if triggered by changing the setting of a_________  (on input).

39 / 71

Users have no need to focus on something if they can't interact with it.

40 / 71

When the Boolean __________  attribute is present, it makes the element not mutable, focusable, or submitted with the form.

41 / 71

A dropdown menu on a page allows users to choose between jump destinations. If the person uses the keyboard to move down to a choice and activates it (with a spacebar or enter key) it will jump to a new page. However, if the person moves down to a choice and either hits the escape or the tab key to move out of the pulldown menu – it does not jump to a new screen as the focus shifts out of the dropdown menu.

42 / 71

The design goal of onFocus ( ) is________________ .

43 / 71

Changes of context must never be triggered __________ , and must be anticipated by the user if triggered by changing the setting of a control (on input).

44 / 71

In the Keyboard Shortcut, turn off mechanism is available to turn the____________  off.

45 / 71

The keyboard navigation order must be logical and intuitive. Typically, this means ensuring the navigation follows the visual flow of the page, ___________________.

46 / 71

Like reading order, ______________  is determined by the Web page’s source order.

47 / 71

A ______________  attribute value removes the element from the focus order, but allows it to receive programmatic focus.

48 / 71

A ____________  is particularly helpful to sighted users with motor disabilities, blind users and keyboard users.

49 / 71

A document icon is used to indicate document download throughout a site. The text alternative for the icon always begins with the word “Download," followed by a shortened form of the document title. Using different text alternatives to identify document names for different documents is a consistent use of text alternatives.

50 / 71

Focus determines where ______________  go in the page.

51 / 71

To prevent a button or form control from receiving focus, add the ____________  attribute

52 / 71

Unexpected changes of context impact users with:

, users with , users who are blind, and users with certain cognitive limitations.

53 / 71

When Inserting a custom link into the tab order the ______________  attribute adds the <span> element to the focus order.

54 / 71

To receive focus, a link must have a populated ___________  attribute.

55 / 71

Give the user control over changes of context with an explicit user action that's generally understood to cause a change of context; e.g, clicking a link or pressing a submit button. This is an example of ______________ :

56 / 71

In the example shown below, the ___________  event handles Enter key input.

 

<a href="http://www.bing.com" class="link">Bing</a> <a href="http://www.duckduckgo.com" class="link">DuckDuckGo</a> <span    tabindex="0"    role="link"    class="link"   onclick="goToLink(event, 'http://www.google.ca/')"    onkeydown="goToLink(event, 'http://www.google.ca/')">      Google</span>

57 / 71

For Focus Indicator,  Chrome highlights focused elements with a ______________ .

58 / 71

A form contains fields representing US phone numbers. All of the numbers have a three digit area code followed by a three digit prefix and finally a four digit number, and each part of the phone number is entered into a separate field. When the user completes the entry of one field the focus automatically moves to the next field of the phone number. This behavior of phone fields is described for the user at the beginning of the form.

59 / 71

The tabindex values change as the keyboard user navigates across the tabs, using the Arrow keys to set focus on a new tab.

60 / 71

Keyboard users navigate from interactive item to interactive item using the Tab key, in sequential order, following what’s called the ____________ .

61 / 71

When user actions unexpectedly cause a major change to a web page known as a _________________.

62 / 71

From one page to the next, the relative order of components on the page and of links within navigation blocks should remain unchanged.

63 / 71

A tabindex value of _______  removes an interactive element from the focus order, but enables it to be targeted by script (and changed) using its focus() method.

64 / 71

Any tabindex greater than ______  jumps the element to the front of the natural tab order.

65 / 71

When a field receives focus, a help dialog window describing the field and providing options opens. As a keyboard user tabs through the Web page, the dialog opens, moving the keyboard focus away from the control every time the user attempts to tab past the field.

66 / 71

A tabindex attribute value of _____  puts the element in the focus order, at its current location in the DOM.

67 / 71

The _____________  attribute is mostly used as a means of managing focus within widgets.

68 / 71

For____________  users, focus is absolutely critical. It’s the equivalent of a mouse cursor, and it's how they reach all of the interactive controls in an application.

69 / 71

_______________ read content directly from the DOM (a page’s underlying code after JavaScript has modified it), not the actual screen.

70 / 71

A _____________________  attribute value removes the element from the focus order, but allows it to receive programmatic focus using the element’s JavaScript focus() method.

71 / 71

In the character key shortcuts, a mechanism is available to________  the shortcut to include one or more non-printable keyboard keys (e.g., Ctrl, Alt).

Your score is

The average score is 0%

0%