HTMLタグは見た目ではなく意味を記述するもの。適切に使うことで、スクリーンリーダーや検索エンジンが同じように内容を理解でき、アクセシビリティとSEOを両立。
シェアックリップ
シェアされたアックリップです。
そのほかの #見出し構造 ピックアップ
セマンティックHTMLの基本を初心者向けに解説。役割に合ったタグを選ぶことが、検索エンジンや読み上げソフトへの対応につながることを説明し、見出し構造やリンクテキストの実践的なポイントを網羅する。
HTMLのセマンティックタグ（header、nav、mainなど）の使い方を、アクセシビリティの観点から解説。スクリーンリーダーと検索エンジンにとって意味のある構造を実装するための基礎。
Webポートフォリオのアクセシビリティ監査を通じてセマンティックHTMLの重要性を解説。スクリーンリーダー対応のランドマーク設定やタッチターゲット最適化などの実装例を紹介。
自動アクセシビリティスキャナーが実行する12個のHTMLチェック項目を解説。alt テキスト欠落、ラベル欠落、見出し構造、言語設定など、各チェックが検出する内容と、スキャナーの限界（判定の質や文脈の理解は不可）をWCAG 2.2との対応で示す。
セマンティックHTMLの重要性とスクリーンリーダーへの影響を解説。著者のポートフォリオサイト監査で発見した3つの問題——画像のalt属性欠落、フォームラベルの接続不良、見出し階層のスキップ——と修正方法を紹介する。
AuditReadyというアクセシビリティスキャナーが、既存ツールと異なり決定的なチェックとレポート形式を備えている一方で、JavaScriptレンダリング・品質判定・自動コンプライアンス保証はできないことを明確に述べている。
そのほかの #スクリーンリーダー ピックアップ
アンチアクセシビリティ
記事
聴衆を交えながら、スクリーンリーダーとキーボード操作でコンピューターを制御する方法を実演。ブラインドタッチ、ディスプレイが壊れたときの対応など、視覚に依存しない操作の実践的な重要性を示す。
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
イベント 開催終了
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
iOS 27のペースト候補機能がVoiceOver環境で使えないバグについて、問題の詳細と編集ローターを使った対策方法を紹介するVoiceOver完全ガイド動画。
アクセシビリティをチェック・テストするためのツール・拡張機能・スクリーンリーダーの一覧。自動チェック、コントラスト測定、スクリーンリーダー利用など、成果物検証の手段を紹介している
Webポートフォリオのアクセシビリティ監査を通じてセマンティックHTMLの重要性を解説。スクリーンリーダー対応のランドマーク設定やタッチターゲット最適化などの実装例を紹介。
メタのスマートグラス Ray-Ban Display のアクセシビリティを視覚障害者が検証。スクリーンリーダー機能、WhatsApp・Maps の使用感と課題を解説する。