ITAO – Module 2 – Page structure and semantics (Test 2)

Created on January 04, 2023

ITAO - Module 2 – Page structure and semantics (Test 2)

1 / 59

Users configure screen readers with a default language and that’s the language used to declare a page if the <html> element is missing a _______ attribute.

<title>

2 / 59

To indicate that content has strong importance or urgency, use the _____________ element.

<p>

<q>

3 / 59

For longer and more complex quotes, use the _____________ element.

<p>

<q>

4 / 59

Expand abbreviations on ________ on the page, with the abbreviation accompanying the expansion, one or the other in brackets

links

never

before its use

first use

5 / 59

___________ that support multiple languages will be able to speak the text in the appropriate accent with proper pronunciation

Screen readers

Speech synthesizers

Text Transcripts

Close Captions

6 / 59

For English and French use the following methods of declaring the language:

For English: <html lang="en">
For French: <html lang="fr">

True

False

7 / 59

This is an example of :

<ul>   <li>Corn</li>   <li>Tomatoes</li>   <li>Beans</li>   <li>Onions</li>   <li>Garlic</li></ul>

Unordered list

Ordered list

Nested list

Definitive list

8 / 59

If the <iframe> contains content intended for the user give the <iframe> element a descriptive ________ attribute value.

span

title

data

label

9 / 59

Use ________________ for sequential information.

description lists (<dl>)

ordered lists (<ol>)

unordered lists (<ul>)

descriptions (<dd>)

10 / 59

People who are______ and people who have _______ may not be able to understand instructions if they rely only on a description of the shape and/or location of content.

blind, ADHD

blind, low vision

speech disabled, dyslexia

auditory disabled, cognitive disability

11 / 59

WCAG was designed to apply only to___________ that were displayed on a web page.

features

controls

semantics

buttons

12 / 59

Providing information using shape and/or location, however, is an effective method for many users including those with _____________ .

visual disabilities

auditory disabilities

speech disabilities

cognitive limitations

13 / 59

Use __________ for sequential information, when the order of the items is relevant.

description lists (<dl>)

Ordered lists (<ol>)

Unordered lists (<ul>)

descriptions (<dd>)

14 / 59

The ______ and _________ elements should not be used.

, <em>

15 / 59

Use ______________ when the order of the items is irrelevant.

lists (<li>)

unordered lists (<ul>)

description lists (<dl>)

ordered lists (<ol>)

16 / 59

A table presents a list of times across the top row and a list of events in the first vertical column and instructions are provided under the table: "Events marked with a blue diamond are played on field A and events marked with a green circle are played on field B."

The instructions rely on color and shape only and result in a failure of this criterion.

The instructions rely on color and shape no additional info required to pass the criteria.

The instructions rely on color and shape and result in a passing of this criterion.

17 / 59

The unordered list consists of one ______ element and multiple list item ________ elements

18 / 59

This one piece of information helps all users find content, orient themselves within it, and navigate through it.

skip links

page title

navigation

header

19 / 59

The <html> element must have a _______ attribute value that identifies the primary language of the page.

20 / 59

When applying this to instructions for operating physical hardware controls (e.g. a web kiosk with dedicated content), __________ on the hardware might be described (e.g. the arrow shaped key, the round key on the right side).

text transcripts

tactile cues

captions

audio descriptions

21 / 59

______ and ______ are semantic tags meaning the author wishes to provide emphasis.

STRONG, EM

<cite> ,

<blockquote>, em

22 / 59

Insert lang attributes anywhere the__________ language changes to a different language.

<html lang="en"> [...] <p> He maintained that the DDR (German Democratic Republic) was just a <span lang="de">Treppenwitz der Weltgeschichte</span>. </p>

default

French

users

secondary

23 / 59

Identifying changes in language is allows___________ translation software to follow changes in language

online

user

braille

captions

24 / 59

Ensure each web page defines its topic or purpose in a descriptive title, set in a <title> element in the HTML ________ element.

<nav>

25 / 59

Each _____________ is numbered by the browser.

description lists (<dl>)

ordered lists (<ol>)

list item (<li>)

unordered lists (<ul>)

26 / 59

For the lang attribute choose the appropriate language code from ______ . Use the shortest available language code.

ISO-639

ISO-629

ISO-649

ISO-640

27 / 59

Ensure each web page defines its topic or purpose in a descriptive title, set in a __________ element in the HTML <head> element.

<title>

HTML

CSS

28 / 59

If the <iframe> contains content intended for the user ensure the <iframe> title attribute value is_______ across iframes on the page.

different

unique

multiple

highlighted

29 / 59

Any part of the page that is not written in the page’s ________ language must specify its language.

original

secondary

native

primary

30 / 59

You may add a region subtag if you need to say that this is the language as spoken somewhere in a particular; such as __________ indicates French as spoken in Canada.

language="fr-CA"

lang="french-CA"

lang="CA-fr"

lang="fr-CA"

31 / 59

Assistive technologies can convey to users where a quote starts and ends, which can avoid misunderstandings.

True

False

32 / 59

_______ enable designers to embed any type of content from another web page.

Iframes

Menus

Forms

Tables

33 / 59

Each ____________ in an unordered list is marked with a bullet.

list item (<li>)

description lists (<dl>)

vertical menus

ordered lists (<ol>)

34 / 59

Francophone user's screen reader will attempt to read a page without a lang attribute in French, even if it is written in English. It’s an issue for screen reader users who understand multiple languages and visit websites written in all of them.

False

True

35 / 59

The HTML5 ___________ element marks a general region of a web page or an article.

<aside>

36 / 59

The __________ HTML element indicates that the enclosed text is a short inline quotation.

<cite>

<q>

37 / 59

Avoid _______________ elements in each list item, since screen reader users can lose track of the list itself.

unordered list

ordered list

nesting single child

nesting multiple child

38 / 59

Each _____________ is numbered by the browser.

<ol>   <li>Cook beans for 45 minutes.</li>   <li>Cut vegetables in small cubes.</li>       <li>Sauté onions and garlic.</li>   <li>Deglaze using the tomatoes.</li>   <li>Add corn and beans.</li></ol>

description lists (<dl>)

list item (<li>)

unordered lists (<ul>)

ordered lists (<ol>)

39 / 59

For words that have a stressed emphasis compared to surrounding text, use the ________ element.

<i>

<em>

<b>

40 / 59

The ordered list consists of one ________ element and multiple list item _______ elements

<ol>, (<li>)

(<li>), <ol>

41 / 59

The HTML5 ______________ element represents a complete or self-contained composition in a web page.

<aside>

42 / 59

If the <iframe> consists of decorative images or JavaScript, hide it from screen readers by setting the _____________ attribute on the <iframe> element.

aria-hidden="true"

aria-label="true"

aria-hidden="false"

aria-labelledby="true"

43 / 59

Ensure id attribute value is_____________ on any page view.

repeated

bolded

unique

underlined

44 / 59

This is an example of :

<p>Helen Keller said, <q>"Self-pity is our worst enemy and if we yield to it, we can never do anything good in the world."</q></p>

paragraph

quote

block-quote

inline-quote

45 / 59

Use ______________ to group related terms (<dt>) and their descriptions (<dd>).

unordered lists (<ul>)

description lists (<dl>)

list item (<li>)

ordered lists (<ol>)

46 / 59

__________ are used by assistive technologies to associate labels and descriptions with elements, for header and cell associations in complex tables, and to define relationships in ARIA widgets (aria-owns, aria-controls, etc.)

href values

Id values

ARIA values

Lists

47 / 59

An online multi-page survey uses a link implemented as a green arrow icon placed in the lower right hand corner of the content to move from one survey page to the next. The arrow is clearly labeled with "Next" and the instructions state, "To move to the next section of the survey, select the green arrow icon labeled 'Next' in the lower right corner below the last survey question." The instruction uses positioning and color to help identify the icon.

The instruction does not rely on these sensory characteristics since it also refers to the label, so it fails this criterion.

The instruction does not rely on these sensory characteristics since it also refers to the label, so it passes this criterion.

48 / 59

When using a description list to define terms, nest the term in a _________ element.

<dfn>

<ul>

<li>

<ol>

49 / 59

________________ are commonly used to hold horizontal and vertical menus (for navigation, social media and list of links).

Definitive lists

Unordered lists

Lists

Ordered lists

50 / 59

XHTML should use both the lang attribute and the _______ attribute.

css:lang

xml:lang

html:lang

lang:xml

51 / 59

Ordered lists are commonly used for_____________ .

breadcrumbs

hyperlinks

listing

navigation

52 / 59

Be sure to include a ________ in the instruction and at the item of interest.

transcripts

text label

captions

quote

53 / 59

For shorted quotes, that are usually embedded in another sentence, use the inline quote __________ element.

<q>

<cite>

54 / 59

___________ support for <strong> and <em> is weak.

HTML

W3

Braille

Screen reader

55 / 59

The ________ element is used to refer to the source of the quote.

source

<p>

<cite>

56 / 59

Use a three-letter code if no other code is available.

False

True

57 / 59

Anywhere the default language changes to a different language, insert a__________ attribute

lang

semantic

title

CSS

58 / 59

It is used for thematic grouping of content and should open with a heading.

59 / 59

If the <section> element is named (using aria-label, aria-labelledby or titleattribute), it is identified as a _____________ .

Page Structure

Responsive design

Semantics

Landmark

Your score is

The average score is 0%

0%