C2 Extend Your Knowledge: Updating a Webpage with Semantic Elements<!DOCTYPE html><html lang="en"><head> <title>CH 2 Extend Your Knowledge</title> <meta charset="utf-8"></head><body> <div id="header"> <h1>Accessibility Guidelines</> </header> <div id="nav"> <p>Perceivable Operable Understandable Robust</p> </nav> <div id="main"> <p>Guidelines for Principle 1: Perceivable</p> <p>Guideline 1.1 provides an overview of text alternatives for non-text content, such as images, media, or controls.</p> <p>Guideline 1.2 provides an overview of alternatives for time-based media, such as providing captions or an audio description.</p> <p>Guideline 1.3 provides an overview for creating adaptable content, such as displaying content in a meaningful sequence.</p> <p>Guideline 1.4 provides an overview of how to make web content easy to see and hear. This includes contrasting colors, text spacing, and text resizing.</p> </main> <div id="footer"> <p>Web Accessibility Guidelines</p> <p>For more information visit w3.org</p> </footer></body></html> Some challenging procedures 1) Update the paragraph element on Line 15 to use an h1 element.2) In the main content area, wrap all paragraph elements within one article element and change the first paragraph element to an h2. Samuel v«CENGAGE MINDTAPQ Search this courseA My HomeC2 Extend Your Knowledge: Updating a Webpage with Semantic ElementsInstructions Page 1 of 1FILETREE+O Web Browser+Coursesindex.html/workspace1 O Catalog and Study ToolsA index.htmllocalhost:8080/index.ht Z2 Student Name: Samuel KiarieA-ZEE Rental Options4File Name: index.htmlAccessibility GuidelinesCollege Success TipsLocate all div elements and .<>Date: 04/14/2022Perceivable Operable6 -->Understandable RobustCareer Success Tips7 Guidelines for Principle 1:Update the paragraph elementon Line 15 to use an h18 PerceivableRECOMMENDED FOR YOUCH 2 Extend Your Knowledge</tit]element.10<meta charset="utf-8">Guideline 1.1 provides anTrue11 </head>overview of text alternatives for12 <body>non-text content, such asIn the main content area, wrapimages, media, or controls.13all paragraph elements within3.33out of10.00|14<div id="header">Guideline 1.2 provides anAnswering True / Falseone article element and15<h1>Accessibility Guidelines</>overview of alternatives forQuestionschange the first paragraphtime-based media, such asproviding captions or an audiodescription.16</header>element to an h2 .1718<div id="nav">? Help<p>PerceivableGuideline 1.3 provides anoverview for creating adaptablecontent, such as displayingcontent in a meaningful191 out of 3 checks passed. Review20OperableGive Feedbackthe results below for more21Understandabledetails.22Robust</p>sequence.23</nav>Guideline 1.4 provides anoverview of how to make webChecks2425<div id="main">content easy to see and hear.This includes contrasting colors,HTML Parser • Incomplete26Add an article element27<p>Guidelines for Principle 1:toxt enoaing and toxt raciz10:35 AMO Type here to searchM36°F234/14/2022Σ

Answered: 1) Update the paragraph element on Line…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

C2 Extend Your Knowledge: Updating a Webpage with Semantic Elements

<!DOCTYPE html>

<!--

Student Name:

File Name: index.html

Date: 04/14/2022

-->

<head>

<title>CH 2 Extend Your Knowledge</title>

</head>

<body>

<h1>Accessibility Guidelines</>

</header>

<p>Perceivable

Operable

Understandable

Robust</p>

</nav>

<p>Guidelines for Principle 1: Perceivable</p>

<p>Guideline 1.1 provides an overview of text alternatives for non-text content, such as images, media, or controls.</p>

<p>Guideline 1.2 provides an overview of alternatives for time-based media, such as providing captions or an audio description.</p>

<p>Guideline 1.3 provides an overview for creating adaptable content, such as displaying content in a meaningful sequence.</p>

<p>Guideline 1.4 provides an overview of how to make web content easy to see and hear. This includes contrasting colors, text spacing, and text resizing.</p>

</main>

<p>Web Accessibility Guidelines</p>

<p>For more information visit w3.org</p>

</footer>

</body>

</html>

Some challenging procedures

1) Update the paragraph element on Line 15 to use an h1 element.

2) In the main content area, wrap all paragraph elements within one article element and change the first paragraph element to an h2.

Samuel v
«
CENGAGE MINDTAP
Q Search this course
A My Home
C2 Extend Your Knowledge: Updating a Webpage with Semantic Elements
Instructions Page 1 of 1
FILETREE
+
O Web Browser
+
Courses
index.html
/workspace
1 <!DOCTYPE html>
O Catalog and Study Tools
A index.html
localhost:8080/index.ht Z
2 <! --
Open the index.html file and u.
>
Student Name: Samuel Kiarie
A-Z
EE Rental Options
4
File Name: index.html
Accessibility Guidelines
College Success Tips
Locate all div elements and .
<>
Date: 04/14/2022
Perceivable Operable
6 -->
Understandable Robust
Career Success Tips
7 <html lang="en">
Guidelines for Principle 1:
Update the paragraph element
on Line 15 to use an h1
8 <head>
Perceivable
RECOMMENDED FOR YOU
<title>CH 2 Extend Your Knowledge</tit]
element.
10
<meta charset="utf-8">
Guideline 1.1 provides an
True
11 </head>
overview of text alternatives for
12 <body>
non-text content, such as
In the main content area, wrap
images, media, or controls.
13
all paragraph elements within
3.33
out of
10.00
|14
<div id="header">
Guideline 1.2 provides an
Answering True / False
one article element and
15
<h1>Accessibility Guidelines</>
overview of alternatives for
Questions
change the first paragraph
time-based media, such as
providing captions or an audio
description.
16
</header>
element to an h2 .
17
18
<div id="nav">
? Help
<p>Perceivable
Guideline 1.3 provides an
overview for creating adaptable
content, such as displaying
content in a meaningful
19
1 out of 3 checks passed. Review
20
Operable
Give Feedback
the results below for more
21
Understandable
details.
22
Robust</p>
sequence.
23
</nav>
Guideline 1.4 provides an
overview of how to make web
Checks
24
25
<div id="main">
content easy to see and hear.
This includes contrasting colors,
HTML Parser • Incomplete
26
Add an article element
27
<p>Guidelines for Principle 1:
toxt enoaing and toxt raciz
10:35 AM
O Type here to search
M
36°F
23
4/14/2022
Σ

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 2 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Follow-up Questions

Read through expert solutions to related follow-up questions below.

Follow-up Question

HTML

<nav>

Perceivable

Operable

Understandable

</nav>

Question

In the navigation section, add a nonbreaking space, then a black circle ● (●), and then another nonbreaking space after the word Perceivable. Do the same for Operable and Understandable.

The below format is not working for me:

<nav>
Perceivable  ● 
Operable  ● 
Understandable  ● 
</nav>

Solution

by Bartleby Expert

SEE SOLUTION

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

1) Update the paragraph element on Line 15 to use an h1 element. 2) In the main content area, wrap all paragraph elements within one article element and change the first paragraph element to an h2.

C2 Extend Your Knowledge: Updating a Webpage with Semantic Elements