You're reading from Responsive Web Design with HTML5 and CSS Build future-proof responsive websites using the latest HTML5 and CSS techniques

Product type Paperback

Published in Sep 2022

Publisher Packt

ISBN-13 9781803242712

Length 498 pages

Edition 4th Edition

Languages

CSS

Tools

Bootstrap

Concepts

Design

Author (1):

Ben Frain

View More author details

Table of Contents (21) Chapters

Preface

1. Section I: The Fundamentals of Responsive Web Design

2. The Essentials of Responsive Web Design FREE CHAPTER

3. Writing HTML Markup

4. Media Queries and Container Queries

5. Fluid Layout and Flexbox

6. Layout with CSS Grid

7. Section II: Core Skills for Effective Front-End Web Development

8. CSS Selectors, Typography, and More

9. CSS Color

10. Stunning Aesthetics with CSS

11. Responsive Images

12. SVG

13. Transitions, Transformations, and Animations

14. Custom Properties and CSS Functions

15. Forms

16. Section III: Latest Platform Features and Parting Advice

17. Cutting-Edge CSS Features

18. Bonus Techniques and Parting Advice

19. Other Books You May Enjoy

20. Index

WCAG accessibility conformance and WAI-ARIA for more accessible web applications

Even since writing the first edition of this book in 2011/2012, the W3C has made strides in making it easier for authors to make the necessary adjustments to code to make web pages more accessible.

Web Content Accessibility Guidelines (WCAG)

The WCAG (Web Content Accessibility Guidelines) exist to provide:

a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally

When it comes to more pedestrian web pages, as opposed to single-page web applications and the like, it makes sense to concentrate on the WCAG guidelines. They offer a number of mostly common-sense guidelines for how to ensure your web content is accessible. Each recommendation is rated by a conformance level: A, AA, or AAA, and each of these levels has a distinct set of acceptance criteria. For more on these conformance levels, look here: https:...