問題タブ [alt-attribute]

Webアクセシビリティへの準拠に関するプロジェクトがあります。立ち上げから約1週間で、アクセシビリティ委員会がサイトをレビューし、最終的な評価を下します。ただし、一部のアイコンにalt = ""を設定する必要があるとの報告がありました。これは、サイトに追加のコンテンツを提供せず、スクリーンリーダーの邪魔になるだけで、メリットがないためです。

1. これは正しいです？
2. altはimgの必須属性であるという印象を受けましたか？確かに、imgタグのalt = ""にはalt属性が含まれますが、これは有効ですか？

コメントをいただければ幸いです。

概要

HTML5では、外部の名前空間に依存せずに HTML ドキュメントを使用してマークアップできるよう <svg>になり<math>ました (概要はこちら)。両方とも、今日のスクリーン リーダー ソフトウェアでは効果的に無視される独自のalt- 属性類似物 (以下を参照) を持っています。したがって、これらの要素は目の不自由なユーザーにはアクセスできません。

これらの新しい要素に標準の代替テキスト規則を実装する計画はありますか? 私はドキュメントを精査し、乾いてきました！

詳細

SVG に関して: SVG の代替テキストは、ルートtitleまたはdescタグのコンテンツと見なすことができます。

そのように読み取るスクリーンリーダーを1つ見つけましたが、これは標準ですか? SVG を挿入する以前の方法<object>には、スクリーン リーダーによるタグの扱いに一貫性がないため、アクセシビリティの問題もありました。

MathML について: MathML の代替テキストはalttext属性に格納する必要があります。

スクリーン リーダーはこれを認識していないように見えるため、数学レンダリング ライブラリMathJaxaria-labelは実行時にテキストを属性に挿入します。

残念ながら、NVDA や JAWS などは、まだこれらのラベルを確実に読み取ることができません。( WAI-ARIAの詳細)

両方に関して:ほとんどサポートされていない ARIA 属性では成功しなかったため、属性を使用してみtitleました。これらは、これらの「外部」HTML 要素でも無視されるようです。

要約

簡単なハック以上に、これらの新しい HTML 要素に代替テキストを配置するための推奨される方法を探しています。おそらく、私が見落としている W3C 仕様はありますか? それとも、まだゲームの開始時期が早すぎますか?

title="" を追加しようとしましたが、FF と Safari で写真にカーソルを合わせると、代替テキストがまだ表示されます...

他に試せることはありますか？

これが私のサンプルページです：

http://ianmartinphotography.com/test-site/wedding-01/

ありがとう！

私たちのウェブサイトにはグラフィカルなメインメニューがあります（つまり、テキストは画像エディタで実行され、画像として表示されます）が、メニュー項目にカーソルを合わせるとツールチップが表示されます。（たとえば、[お問い合わせ]にカーソルを合わせると、別の[お問い合わせ]がツールチップとしてポップアップ表示されます）

私のウェブデザイナーは、これは検索エンジンにメニューテキストのインデックスを作成させるために必要だと言いましたが、それはプレゼンテーションをひどく醜くします-ツールチップを回避する方法はありませんが、それでも検索エンジンにalt属性のインデックスを作成させますか？

altタグ内にhtmlコードを入れても大丈夫ですか？

説明に alt タグを使用するスライダーがあります。説明のスタイルを整えるために、html コードを配置する必要があります。

私の問題は、それがSEOやその他の考慮事項に害を及ぼすかどうかわからないことです..