2024-08-15
HTML tree map
Accessibility
Semantics & Structure
Text alternatives
Skip link
Keyboard navigation
Responsive Web Design
Sizes
Color and contrast
Animation and motion
WAI-ARIA
WCAG
Audio & Video
<audio>
<video>
<source>
<track>
Document structure
<!DOCTYPE html>
<html>
lang
<head>
<body>
Embedding
<iframe>
<embed>
<object>
Forms
<form>
<button>
<label>
<input>
type="text"
type="checkbox"
type="radio"
type="email"
type="file"
type="submit"
<select>
<optgroup>
<option>
<fieldset>
<legend>
<dialog>
<meter>
<output>
<progress>
<datalist>
Images
<img>
srcset=""
sizes=""
alt=""
loading="lazy"
width=""
height=""
<map>
<area>
<svg>
<canvas>
<picture>
<source>
Metadata
<title>
<meta>
charset="utf-8"
name="viewport"
name="description"
name="robots"
name="theme-color"
open-graph
<link>
rel="stylesheet"
rel="icon"
rel="alternate"
rel="canonical"
rel="icon"
rel="manifest"
<style>
<base>
SEO
Semantics & structure
URL structure
Fast load time
Correct redirects
Mobile version
Use https
<title>
<meta name="description">
Open Graph Metadata
<img alt="">
<a href="">
robots.txt
sitemap.xml
Scripts
<script>
<noscript>
Structure
<header>
<nav>
<main>
<article>
<section>
<aside>
<footer>
headings
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<div>
<span>
Tables
<table>
<caption>
<colgroup>
<thead>
<tbody>
<tfoot>
<tr>
<th>
<td>
Template, slot and shadow
<template>
<slot>
Text
<p>
<blockquote>
<q>
<cite>
<p>
<a>
href=""
target=""
hreflang=""
<strong>
<em>
<mark>
<i>
<u>
<abbr>
<address>
<sup>
<sub>
<code>
<pre>
<var>
<kbd>
<samp>
<time>
<wbr>
<br>
<ins>
<del>
Lists
<ul>
<ol>
<li>
<dl>
<dt>
<dd>