Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801346
Author: FELKE-MORRIS
Publisher: PEARSON
Expert Solution & Answer
Book Icon
Chapter 4, Problem 1WR

Explanation of Solution

Web Content Accessibility Guidelines (WCAG):

The guidelines for web accessing have been developed through the W3C process. The purpose of these guidelines is to provide the accessibility of web contents like text, images, structure, presentation, and so on.

Usage of color and images that was mentioned in “WCAG 2.0”:

Color element is to conveying the information interactively. All web elements use color for their text, background, or other styling purpose. The sufficient techniques are as follows:

  • Ensuring the color in data, backgrounds, or other contents is to indicate the information.
  • Ensuring the color within an image to convey the information.
  • Images are used to provide picture in the web page. The user can modify the properties like border, size, and alternative text for an image.

Web page:

The following code is used to demonstrate “WCAG” with color and image element:

Code:

<!--HTML Tag-->

<html>

<!--Head Tag-->

<head>

<!--Title Tag-->

<title>WCAG 2.0</title>

<!--Style Tag-->

<style>

/*Style for body tag*/

body

{

/*Set the background color*/

background-color:powderblue;

/*Set the text color*/

color:black;

/*Set the font*/

font-family:Arial,Verdana,sans-serif;

}

/*Style for "h2" element*/

h2

{

/*Set the background color*/

background-color:black;

/*Set the text color*/

color:white;

/*Set the height in pixels*/

height:50px;

/*Set the width in pixels*/

width:500px;

}

/*Style for "h1" element*/

h1

{

/*Set the height in pixels*/

height:100px;

/*Set the width in pixels*/

width:500px;

}

/*Style for "image" element*/

img

{

/*Set the float value*/

float:right;

/*Set the margin*/

margin-right:100px;

/*Set the width in pixels*/

width:300px;

/*Set the height in pixels*/

height:300px;

}

/*Close the style*/

</style>

<!--Close tag-->

</head>

<!--Body Tag-->

<body>

<!--Heading Tag-->

<h1>Web Content Accessibility Guidelines</h1>

<!--Image tag with its source-->

<img src="w3g...

Blurred answer
Students have asked these similar questions
What should the next three steps be in my machine based home security system after deployment and after the following current steps: Enhancing Security & Privacy Measures User Interface (UI) and Experience (UX) Improvement  Machine Learning Model Refinement & Continuous Improvement
I am creating a machine learning home based security system, have completed initial deployment and in the following phases of the project: Expanding device compatibility and integration, preparing for cloud integration, and implementing system reduncancy and disaster recovery. What should the next three phases be?
Hands-On Assignments Part II Assignment 1-5: Querying the DoGood Donor Database Review the DoGood Donor data by writing and running SQL statements to perform the following tasks: 1. List each donor who has made a pledge and indicated a single lump sum payment. Include first name, last name, pledge date, and pledge amount. 2. List each donor who has made a pledge and indicated monthly payments over one year. Include first name, last name, pledge date, and pledge amount. Also, display the monthly payment amount. (Equal monthly payments are made for all pledges paid in monthly payments.) 3. Display an unduplicated list of projects (ID and name) that have pledges committed. Don't display all projects defined; list only those that have pledges assigned. 4. Display the number of pledges made by each donor. Include the donor ID, first name, last name, and number of pledges. 5. Display all pledges made before March 8, 2012. Include all column data from the DD PLEDGE table.
Knowledge Booster
Background pattern image
Similar questions
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
Principles of Information Systems (MindTap Course...
Computer Science
ISBN:9781305971776
Author:Ralph Stair, George Reynolds
Publisher:Cengage Learning
Text book image
Fundamentals of Information Systems
Computer Science
ISBN:9781305082168
Author:Ralph Stair, George Reynolds
Publisher:Cengage Learning
Text book image
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Text book image
Fundamentals of Information Systems
Computer Science
ISBN:9781337097536
Author:Ralph Stair, George Reynolds
Publisher:Cengage Learning
Text book image
MIS
Computer Science
ISBN:9781337681919
Author:BIDGOLI
Publisher:Cengage
Text book image
Principles of Information Systems (MindTap Course...
Computer Science
ISBN:9781285867168
Author:Ralph Stair, George Reynolds
Publisher:Cengage Learning