アクセシビリティ

lang=”” を使うこと

//<html>タグ内のlang属性を使用することは、アクセシビリティ、SEO、言語固有のスタイリング、国際化、および規格の遵守に重要です。

//good
<html lang="ja">

ボタンをbutton タグで書くように

//HTMLでボタンを作成するために<button>タグを使用することは、その意味論、アクセシビリティ、キーボードアクセシビリティ、デフォルトのスタイリングと動作、フォームの送信機能、JavaScriptイベントの処理の容易さのために推奨されています。

//bad
	<div class="c-button">ボタン</div>	

//good
<button class="c-button">ボタン</button>

意味を持つ写真にaltを書く

//意味のある画像の代替テキストを作成する際には、画像の内容と目的を簡潔かつ正確に記述することが重要です。
//"画像"や"写真"などの一般的なフレーズを避け、かわりに、画像のメッセージを見ることができないユーザーに伝える具体的な詳細を提供してください。

//bad
<img src="/test/images/test.jpg" alt="">

//good
<img src="/test/images/test.jpg" alt="バスケットボールをしている男性たち">

コンテンツテキストをコピーできるようにする

//例:コンテンツ言語を翻訳したい時にりよう

フォーム入力するのアラート

//例:入力した内容が間違えた場合にエラーテキストを見せる