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.
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.
New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter1: Getting Started With Html5: Creating A Website For A Food Vendor
Section1.1: Visual Overview: The Structure Of An Html Document
Problem 2QC
Related questions
Question
C2 Extend Your Knowledge: Updating a Webpage with Semantic Elements
<!DOCTYPE html>
<!--
Student Name:
File Name: index.html
Date: 04/14/2022
-->
<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.
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution!
Trending now
This is a popular solution!
Step by step
Solved in 2 steps with 1 images
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>
Perceivable ●
Operable ●
Understandable ●
</nav>
Solution
by Bartleby Expert
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.Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning