アクセシビリティを学ぶ

アクセシビリティとは

能力や環境にかかわらず全員を同一に扱い、同じ機会を与えること

アクセシブルなサイトを作成することは、すべての人に利益を生む

• 意味論的HTMLはSEOを改善し、サイトがもっと発見しやすくなる
• 公的なイメージが良くなる
• モバイルデバイスや遅いネットワークの人が使いやすくなり利益を得る
• 法律となっている国もある

アクセシブルなHTMLの記述方法

参考ページ

意味的な（セマンティック）HTMLを記述することが重要
セマンティックHTMLと調べると色々な記事が出る

参考サイト
https://developer.mozilla.org/ja/docs/Glossary/Semantics
https://cs.fyi/guide/writing-semantic-html

セマンティックなHTMLを使う利点

• キーボードアクセシビリティに配慮している －Tab、Enter、スペースなど
• 開発しやすい　－機能が付くことで理解がしやすい
• モバイル開発に優れている　－ファイルサイズの点で軽量、レスポンシブにするのも簡単
• SEO に関しても良好である　－見出しやリンクに重みをもたせることで、見つけやすくなる

などがあげられる

参考にしたmozillaのサイト