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
Draw a system/level-0 diagram for this scenario: You are developing a new customer relationship management system for the BEC store, which rents out movies to customers. Customers will provide comments on new products, and request rental extensions and new products, each of which will be stored into the system and used by the manager for purchasing movies, extra copies, etc. Each month, one employee of BEC will select their favorite movie pick of that week, which will be stored in the system. The actual inventory information will be stored in the Entertainment Tracker system, and would be retrieved by this new system as and when necessary. Example of what a level-0 diagram looks like is attached.
What is the value of performing exploratory data analysis in designing data visualizations? What are some examples?
Draw a level-0 diagram for this scenario: You are developing a new customer relationship management system for the BEC store, which rents out movies to customers. Customers will provide comments on new products, and request rental extensions and new products, each of which will be stored into the system and used by the manager for purchasing movies, extra copies, etc. Each month, one employee of BEC will select their favorite movie pick of that week, which will be stored in the system. The actual inventory information will be stored in the Entertainment Tracker system, and would be retrieved by this new system as and when necessary.
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
Principles of Information Systems (MindTap Course...
Computer Science
ISBN:9781285867168
Author:Ralph Stair, George Reynolds
Publisher:Cengage Learning
Text book image
MIS
Computer Science
ISBN:9781337681919
Author:BIDGOLI
Publisher:Cengage