「ソースコード」について学べました、ありがとうございました！

代替テキストがある場合はその読み上げ。空の代替テキスト「alt=""」が設定されている場合は画像ごと無視、だけども、「alt=""」自体が無いと、「画像」と読み上げたりファイル名を読み上げたりするという情報はありました。とはいえ、おっしゃる通り「ツールによる」部分もあるんだろうなと思います。（実際、ブラウザのスクリーンリーダーでテストページを読み上げてみたら、代替テキストもファイル名も読まれず、キャプションだけが読み上げられました★。）

推測もまじりつつ、できる範囲になってしまいますが、考慮していけたらなと思います。

本当にありがとうございました！

私がよく使っているのは、Firefox です。

確かに、Chrome のデベロッパーツールだと、「alt」だけの表記になるようですね。

Ctrl　+　U のショートカットキーで、ソースコードを見ることができますので、Chromeでも、ソースコードなら、確認できるかと思います。

デベロッパーツールもブラウザによって、違うところもあるみたいです。

個人的には、Chrome のデベロッパーツールも日本語化していただけると、ありがたいのですが・・

意味が同じなので、省略されているのかと思います。

リフィトリーさんのおっしゃる通り、実際のソースは「alt=""」となっています。

ソースコードの出力は、ブラウザに依存しませんので、結局WordPressは「alt=""」を出力しているようです。

Web Accessibility Tutorialsのページを読むと、「altがないと、画像ファイルを読む可能性がある」と言われているので、画像ファイルを読み上げるかどうかは、音声読み上げツール次第なのだと思います。

ありがとうございます！リンク参考になりました。同じことになるんですね、スッキリしました。

そうですね、あくまでも私のブログの場合なんですが、Web Accessibility Tutorialsを読んだところ、いらない場合にあてはまる画像が意外とあるなぁと★。

＠リフィトリーさん

ありがとうございます！安心しました。それはブラウザによるのでしょうか。私はクロームで表示させて、右クリックの検証メニューで表示させたら、最初の投稿の添付のようになっていたのですが。リフィトリーさんはどのブラウザをお使いになりましたか？

いつもお世話になっております。

テストページの画像ですと、ちゃんと「alt=""」となっているみたいです。

音声ブラウザは利用したことがないので、実際の読み上げは分かりませんが、「alt=""」も「alt」も空の属性として記述できます。

https://html.spec.whatwg.org/multipage/syntax.html#attributes-2

ただ装飾とかの明らかにaltが不要な場合を除き、記事内の画像にaltを入れない場面って、ほとんどないのではと思います。

WordPressが自動で「wp-image-n」という文字列を代替テキストに挿入する仕様のようです。

すいません、この理解は多分間違って・・・ますよね、「クラス」の追加がされている？

「alt=""」の「="」が無くても「代替テキストは空」という扱いになるのでしょうか。

Web Accessibilityを考慮した代替テキストをつけたいなと思っております。（まだ全然修正できていないのですけど。）

以下のページや、WordPress画面にリンクがあるWeb Accessibility Tutorialsのページで学びました。

すべての画像に alt 属性を指定する必要がありますが、常にテキストが必要とは限りません。重要な画像には画像の内容を説明する alt テキストを指定する必要がありますが、装飾的な画像には空の alt、つまり alt="" を指定する必要があります。

引用元：https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images?hl=ja

上記から、文字通り「 alt="" 」という状態にできると理解したのですが、そもそもその理解が間違っているのか・・・な？という可能性もあるんですけど★。

代替テキストを何もつけなければ空に（alt=""）なるのかと思っていましたが、WordPressが自動で「wp-image-n」という文字列を代替テキストに挿入する仕様のようです。（Cocoonと、Twenty...でテストして、両方同じになりました。）

テストページURL：https://blogstudynotes.com/test-page/

このページにある画像には、代替テキストを指定していません。（メディアライブラリ画面でも、編集画面でも未指定。）編集画面のコードエディター上では「alt=""」になっています。

ですが、公開して検証画面で見ると、添付ファイルのように、wp-image-13843という代替テキスト（？）が挿入されています。

これを「alt=""」に変換することは可能なのでしょうか。方法をご存知の方がいらっしゃいましたら教えていただけますでしょうか。

よろしくお願いいたします。