---
title: 品質
sidebar:
  hidden: true
description: アクセシビリティ、パフォーマンス、セキュリティ、SEO について、HTML・CSS・JavaScript をまたいで守る基準と確認方法
---

HTML・CSS・JavaScript・画像のどれか 1 つでは完結しない品質の基準と、その確認方法をまとめています。
要素ごとの具体的な書き方は、各ページからリンクしている HTML・CSS・JavaScript・画像のページを参照してください。

**[アクセシビリティ](/frontend/quality/accessibility)**

WCAG 2.2 AA を目安とした基準、ページ全体で守るルール、確認方法

**[パフォーマンス](/frontend/quality/performance)**

Core Web Vitals の目標値、計測方法、指標ごとの対策、キャッシュ制御

**[セキュリティ](/frontend/quality/security)**

HTTPS とセキュリティヘッダー、CSP、外部スクリプト、フォーム、XSS 対策

**[SEO](/frontend/quality/seo)**

メタ情報、構造化データ、sitemap と robots.txt、リニューアル時のリダイレクト