2022.12.2ウェブサイト制作では案件によってアクセシビリティ対応が重要項目とされるケースもあります。そのような場合に「アクセシビリティインサイト」と呼ばれるツールを使って、どれだけ基準値に沿ってクリアできているかをチェックすることができます。先日のクライアントワークで使用することがあり、対策も合わせて備忘録として残しておきたいと思います。アクセシビリティインサイトは下記の公式ページより、ツールを導入することができます。Chromeの場合にはブラウザの拡張機能として用意されているので、それを使うのがお手軽ですね。このツールを使ってチェックを行い、ウェブサイト内でアクセシビリティの基準に満たせていない項目については一覧で確認することができます。指摘箇所に対応する対処法については、こちらの対応策事例のページから具体的にどのように改善すれば良いかを調べることができます。今回は実際にサイト制作をする中で対処したアクセシビリティ対応の事例をいくつかピックアップしてまとめてみたいと思います。アクセシビリティの対応をすることで、先日の記事(Lighthouseのスコア改善に向けた対策例まとめ)で紹介したLighthouseのスコア改善も期待できますので、チェックしておきたいですね。role="presentation"やrole="none"を追加し、文脈上意味をなさないもの(装飾的な要素など)であることを明示する。24px;}今回ピックアップしたのはごく一部ですが、他にもいろんなチェック項目がありますので、対応策事例のページで確認しながら改修を進めていきます。見た目だけでなく使い勝手も良いウェブサイトを目指したいですね。topこのウェブサイトはCookieを使用します当ウェブサイトではCookieを使用してアクセス解析や広告を行なっており、ウェブサイトの運用やコンテンツ制作に役立てています。サイトの利用を続けることで、Cookie使用に同意したことになります。