WGU D276Test: HTML and Accessibility
with Complete Solutions
1. Use the given text to answer the following
question: The weather is hot.
Which code snippets can be used to increase the weight of the text's font
to indicate that it is important?
Choose 2 answers.
• <p><strong>The weather is hot.</strong></p>
• <p><em>The weather is hot.</em></p>
• <p><i>The weather is hot.</i></p>
• <p><mark>The weather is hot.</mark></p>
• <p><b>The weather is hot.</b></p>
2. Use the given text to answer the following
question: I love you.
Which code snippet can be used to style the word "love" in bold?
• <p>I <strong>love</strong> you.</p>
• <p>I <em>love</em> you.</p>
• <p>I <mark>love</mark> you.</p>
• <p>I <span>love</span> you.</p>
3. Use the given text to answer the following
question: The mother told her child, “Get ready
for school.”
Which code snippet should be used to create this content?
• <p>The mother told her child, <q>Get ready for school.</q></p>
• <p>The mother told her child, <b>Get ready for school.</b></p>
• <p>The mother told her child, <mark>Get ready for school.</mark></p>
• <p>The mother told her child, <cite>Get ready for school.</cite></p>
4. Use the given text to answer the following question:
,The Empire State Building
20 W 34th St
New York, NY 10001
Which code snippet should be used to create this content?
• <p>The Empire State Building<br> 20 W 34th St<br> New York, NY 10001</p>
• <p>The Empire State Building 20 W 34th St New York, NY 10001</p>
• <p>The Empire State Building<b> 20 W 34th St <b> New York, NY 10001</p>
• <p>The Empire State Building<div> 20 W 34th St <div> New York, NY 10001</p>
5. Use the given text to answer the following
question: An article about html
It explains how headings work!
Which code snippet should be used to create this content?
<html>
<head>
<title>An article about html</title>
</head>
<body>
<p>It explains how headings work!</p>
</body></html>
<html>
<h1>
<title>An article about html</title>
</h1>
<body>
<p>It explains how headings work!</p>
</body>
</html>
<html>
<head>
<title>An article about html</title>
</head>
<body>
<h1>An article about html</h1>
<p>It explains how headings work!</p>
</body>
</html>
<html>
<h1>
, <title>An article about html</title>
</h1>
<body>
<title>An article about html</title>
<p>It explains how headings work!</p>
</body>
</html>
6. Which accessibility solution should be used for users with hearing impairment?
• Easily read fonts
• Textual description of images
• Transcript of audio
• Screen reading conversion
7. Use the given code snippet to answer the following question:
<ol>
<li>apple</li>
<li>banana</li>
<li>cherry</li>
<li>date</li>
</ol>
How will this code be displayed in a browser?
1. apple
2. banana
3. cherry
4. date
• apple
• banana
• cherry
• date
o apple
o banana
o cherry
o date
▪ apple
with Complete Solutions
1. Use the given text to answer the following
question: The weather is hot.
Which code snippets can be used to increase the weight of the text's font
to indicate that it is important?
Choose 2 answers.
• <p><strong>The weather is hot.</strong></p>
• <p><em>The weather is hot.</em></p>
• <p><i>The weather is hot.</i></p>
• <p><mark>The weather is hot.</mark></p>
• <p><b>The weather is hot.</b></p>
2. Use the given text to answer the following
question: I love you.
Which code snippet can be used to style the word "love" in bold?
• <p>I <strong>love</strong> you.</p>
• <p>I <em>love</em> you.</p>
• <p>I <mark>love</mark> you.</p>
• <p>I <span>love</span> you.</p>
3. Use the given text to answer the following
question: The mother told her child, “Get ready
for school.”
Which code snippet should be used to create this content?
• <p>The mother told her child, <q>Get ready for school.</q></p>
• <p>The mother told her child, <b>Get ready for school.</b></p>
• <p>The mother told her child, <mark>Get ready for school.</mark></p>
• <p>The mother told her child, <cite>Get ready for school.</cite></p>
4. Use the given text to answer the following question:
,The Empire State Building
20 W 34th St
New York, NY 10001
Which code snippet should be used to create this content?
• <p>The Empire State Building<br> 20 W 34th St<br> New York, NY 10001</p>
• <p>The Empire State Building 20 W 34th St New York, NY 10001</p>
• <p>The Empire State Building<b> 20 W 34th St <b> New York, NY 10001</p>
• <p>The Empire State Building<div> 20 W 34th St <div> New York, NY 10001</p>
5. Use the given text to answer the following
question: An article about html
It explains how headings work!
Which code snippet should be used to create this content?
<html>
<head>
<title>An article about html</title>
</head>
<body>
<p>It explains how headings work!</p>
</body></html>
<html>
<h1>
<title>An article about html</title>
</h1>
<body>
<p>It explains how headings work!</p>
</body>
</html>
<html>
<head>
<title>An article about html</title>
</head>
<body>
<h1>An article about html</h1>
<p>It explains how headings work!</p>
</body>
</html>
<html>
<h1>
, <title>An article about html</title>
</h1>
<body>
<title>An article about html</title>
<p>It explains how headings work!</p>
</body>
</html>
6. Which accessibility solution should be used for users with hearing impairment?
• Easily read fonts
• Textual description of images
• Transcript of audio
• Screen reading conversion
7. Use the given code snippet to answer the following question:
<ol>
<li>apple</li>
<li>banana</li>
<li>cherry</li>
<li>date</li>
</ol>
How will this code be displayed in a browser?
1. apple
2. banana
3. cherry
4. date
• apple
• banana
• cherry
• date
o apple
o banana
o cherry
o date
▪ apple
