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...
Want to see the full answer?
Check out a sample textbook solution
Chapter 4 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
- Explain the concept of responsive web design and provide examples of CSS techniques used to achieve it.arrow_forwardSocial Networking Strategies: User Generated Content Write the answers for the following questions in a word document ( in order of one question one answer) 1 Visit http://woodenboatcom and http://finewoodworkingcom Compare the ways that these two publications use social networking on their sites For each, how does their use of social networking contribute to revenue? To what other goals does social networking contribute? Which publication uses social networking more effectively? Explain your answer 2 Compare the ways that these two publications host user generated content (UGC) on their sites For each, how does UGC contribute to revenue? To what other goals does UGC contribute? Which publication employs UGC more effectively? Explain your answer 3 Choose one of the two publications and identify a new use for social networking Write a one-page memo to the publisher of that magazine describing your idea and how it would contribute to the goals of the publication 4 Choose one of the…arrow_forwardWhat is the major difference between web browsers and search enginesarrow_forward
- Part B: Website DevelopmentThis project will give you ample opportunity to showcase your creative skills. The website projectcontains a set of webpages written in HTML and CSS. The website highlights the most importantfeatures of Abu Dhabi city and the UAE. The website contains images of areas, photographs ofthe most prominent leaders, and key milestones. The website project can be summarized as below:-- Create a main page that has the flag of UAE, important information about the UAE, anda menu with labels as {leaders, areas, universities, contact us}.- The leader page contains photos of leaders and some information for each one.- The areas page contains the name of seven areas in UAE and some information for eachone as well as some of the photos of key milestones for each one.- The universities page contains the name of the universities in UAE with some informationfor each one. You can add some photos and the URL link of each university.- Create a dummy contact us page with a form to…arrow_forwardCourse HTMLarrow_forwardWhy is it vital to consider accessibility when designing your web pages?arrow_forward
- Can you please assist me with a code explaining the following for a skills.html page? Add information about your knowledge or skills and areas of interest that you would like to pursue.arrow_forwardHow can inline style sheets override the style of an HTML document?arrow_forwardIDENTIFICATION: Identify the tag or tag and attributes to use in the following situations.arrow_forward
- Web designers with different personal styles may follow different methods for CSS Text, Fonts, and Links. Now that you've learned about CSS Text, Fonts, and Links, research and describe at least three CSS best practices, and provide the URL(s) you've used in your research.arrow_forwardDesign webpage using html, cssarrow_forwardhtmlarrow_forward
Principles of Information Systems (MindTap Course...Computer ScienceISBN:9781305971776Author:Ralph Stair, George ReynoldsPublisher:Cengage Learning