Basics of Web Design: Html5 & Css3
Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
Expert Solution & Answer
Book Icon
Chapter 5, Problem 1FWD

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 used for conveying the information interactively. All web elements use color for their text, background, or other styling purpose. Some of them are mentioned below:

  • 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
Create 6 users: Don, Liz, Shamir, Jose, Kate, and Sal. Create 2 groups: marketing and research. Add Shamir, Jose, and Kate to the marketing group. Add Don, Liz, and Sal to the research group. Create a shared directory for each group. Create two files to put into each directory: spreadsheetJanuary.txt meetingNotes.txt Assign access permissions to the directories:  Groups should have Read+Write access Leave owner permissions as they are  “Everyone else” should not have any access   Submit for grade: Screenshot of  /etc/passwd contents showing your new users Screenshot of /etc/group contents showing new groups with their members Screenshot of shared directories you created with files and permissions
⚫ your circuit diagrams for your basic bricks, such as AND, OR, XOR gates and 1 bit multiplexers, ⚫ your circuit diagrams for your extended full adder, designed in Section 1 and ⚫ your circuit diagrams for your 8-bit arithmetical-logical unit, designed in Section 2. 1 An Extended Full Adder In this Section, we are going to design an extended full adder circuit (EFA). That EFA takes 6 one bit inputs: aj, bj, Cin, Tin, t₁ and to. Depending on the four possible combinations of values on t₁ and to, the EFA produces 3 one bit outputs: sj, Cout and rout. The EFA can be specified in principle by a truth table with 26 = 64 entries and 3 outputs. However, as the EFA ignores certain inputs in certain cases, it is easier to work with the following overview specification, depending only on t₁ and to in the first place: t₁ to Description 00 Output Relationship Ignored Inputs Addition Mode 2 Coutsjaj + bj + Cin, Tout= 0 Tin 0 1 Shift Left Mode Sj = Cin, Cout=bj, rout = 0 rin, aj 10 1 1 Shift Right…
Show the correct stereochemistry when needed!! mechanism: mechanism: Show the correct stereochemistry when needed!! Br NaOPh diethyl ether substitution
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
CMPTR
Computer Science
ISBN:9781337681872
Author:PINARD
Publisher:Cengage