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

  • 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

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.

2 / 71

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

3 / 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).

4 / 71

Focus determines where ______________  go in the page.

5 / 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.

6 / 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.

7 / 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:

 

8 / 71

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

9 / 71

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

10 / 71

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

11 / 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

12 / 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.

13 / 71

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

14 / 71

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

15 / 71

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

16 / 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.

17 / 71

The design goal of onFocus ( ) is________________ .

18 / 71

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

19 / 71

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

20 / 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.)

21 / 71

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

22 / 71

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

23 / 71

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

24 / 71

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

25 / 71

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

26 / 71

Unexpected changes of context impact users with:

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

27 / 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.

28 / 71

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

29 / 71

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

30 / 71

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

31 / 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.

32 / 71

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

33 / 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.

34 / 71

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

35 / 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.

36 / 71

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

37 / 71

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

38 / 71

Changes of context must never be triggered ______________ .

39 / 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 ______________ :

40 / 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.

41 / 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 ____________.

42 / 71

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

43 / 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>

44 / 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.

45 / 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.

46 / 71

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

47 / 71

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

48 / 71

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

49 / 71

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

50 / 71

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

51 / 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).

52 / 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.

53 / 71

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

54 / 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).

55 / 71

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

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

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

58 / 71

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

59 / 71

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

60 / 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.

61 / 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

62 / 71

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

63 / 71

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

64 / 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>

65 / 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.

66 / 71

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

67 / 71

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

68 / 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.

69 / 71

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

70 / 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 _______________ .

71 / 71

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

Your score is

The average score is 0%

0%

error: Content is protected !!
Scroll to Top