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)
- Please original work select a topic related to architectures or infrastructures (Data Lakehouse Architecture). Discussing how you would implement your chosen topic in a data warehouse project Please cite in text references and add weblinksarrow_forwardPlease original work What topic would be related to architectures or infrastructures. How you would implement your chosen topic in a data warehouse project. Please cite in text references and add weblinksarrow_forwardWhat is cloud computing and why do we use it? Give one of your friends with your answer.arrow_forward
- What are triggers and how do you invoke them on demand? Give one reference with your answer.arrow_forwardDiscuss with appropriate examples the types of relationships in a database. Give one reference with your answer.arrow_forwardDetermine the velocity error constant (k,) for the system shown. + R(s)- K G(s) where: K=1.6 A(s+B) G(s) = as²+bs C(s) where: A 14, B =3, a =6. and b =10arrow_forward
- • Solve the problem (pls refer to the inserted image)arrow_forwardWrite .php file that saves car booking and displays feedback. There are 2 buttons, which are <Book it> <Select a date>. <Select a date> button gets an input from the user, start date and an end date. Book it button can be pressed only if the start date and ending date are chosen by the user. If successful, it books cars for specific dates, with bookings saved. Booking should be in the .json file which contains all the bookings, and have the following information: Start Date. End Date. User Email. Car ID. If the car is already booked for the selected period, a failure message should be displayed, along with a button to return to the homepage. In the booking.json file, if the Car ID and start date and end date matches, it fails Use AJAX: Save bookings and display feedback without page refresh, using a custom modal (not alert).arrow_forwardWrite .php file with the html that saves car booking and displays feedback. Booking should be in the .json file which contains all the bookings, and have the following information: Start Date. End Date. User Email. Car ID. There are 2 buttons, which are <Book it> <Select a date> Book it button can be pressed only if the start date and ending date are chosen by the user. If successful, book cars for specific dates, with bookings saved. If the car is already booked for the selected period, a failure message should be displayed, along with a button to return to the homepage. Use AJAX: Save bookings and display feedback without page refresh, using a custom modal (not alert). And then add an additional feature that only free dates are selectable (e.g., calendar view).arrow_forward
- • Solve the problem (pls refer to the inserted image) and create line graph.arrow_forwardwho started the world wide webarrow_forwardQuestion No 1: (Topic: Systems for collaboration and social business The information systems function in business) How does Porter's competitive forces model help companies develop competitive strategies using information systems? • List and describe four competitive strategies enabled by information systems that firms can pursue. • Describe how information systems can support each of these competitive strategies and give examples.arrow_forward
Principles of Information Systems (MindTap Course...Computer ScienceISBN:9781305971776Author:Ralph Stair, George ReynoldsPublisher:Cengage Learning