画像に対してalt属性で代替テキストを指定している例
ブログサービスを提供している会社の方へのお願い
視覚障碍者の多くがiPhoneのVoiceOverという読み上げ機能を利用しています。
ホームページやブログに利用されているHTMLタグで画像を表示する箇所については「alt属性」で代替テキストを指定することにより、VoiceOver機能は代替テキストを読み上げる仕様になっています。
各社から提供されているブログサービスの多くで「モバイル表示」がサポートされるようになりましたが、ブログ記事に埋め込まれている画像についてはVoiceOverによる読み上げ機能が動作せず、画像のURLが読み上げられてしまいます。通常、画像のURLはとても長い英数字ですので視覚障碍者が記事を読む上での妨げとなっています。
「PC版表示」に切り替えるとVoiceOver機能は正常に働くようになります。しかしながら「PC版に表示」のボタンはページの最下部に表示されていることが多く、視覚障碍者には表示モードの切り替えが困難な状況です。
またいくつかのブログでは記事トップに指定する画像について、HTMLタグへの属性追加ができない仕様になっているので「PC版表示」に切り替えても問題は解決しません。
つきましては、視覚障碍者のブログの可読性の向上、アクセシビリティ向上のために、御社のブログサービスに対して次の機能強化を要望させてください。
- iPhoneのモバイル表示における画像の箇所でのalt属性のサポート
- 「PC版表示」、「モバイル版表示」の切り替えボタンを表示されるページ上部へ移動
- 記事トップ画像についてのalt属性指定のサポート
もしくは
- 「モバイル表示」、「PC表示」から「テキスト表示」への切り替えをサポート
たまたま私はgooのブログサービスを利用していますが、他のブログサービスで試したところ多くのブログサービスで同様の状況でした。従いまして各社に対し、一括して要望させていただきます。
ちなみに、私のブログの次の記事にはalt属性を使った代替テキストを使用しております。機能のご確認にご使用ください。
宇宙の形、ガウスの曲面論と内在幾何(第1回)
http://blog.goo.ne.jp/ktonegaw/e/80515a1627564b9d4f52883a270dc738
関連記事:
視覚障害者が読める理数系書籍や学習環境について(リンク集)
http://blog.goo.ne.jp/ktonegaw/e/4eff04be772bb5d20f62a886c2502a5f
ブログ執筆のはげみになりますので、1つずつ応援クリックをお願いします。
![]()
![]()
ブログサービスを提供している会社の方へのお願い
視覚障碍者の多くがiPhoneのVoiceOverという読み上げ機能を利用しています。
ホームページやブログに利用されているHTMLタグで画像を表示する箇所については「alt属性」で代替テキストを指定することにより、VoiceOver機能は代替テキストを読み上げる仕様になっています。
各社から提供されているブログサービスの多くで「モバイル表示」がサポートされるようになりましたが、ブログ記事に埋め込まれている画像についてはVoiceOverによる読み上げ機能が動作せず、画像のURLが読み上げられてしまいます。通常、画像のURLはとても長い英数字ですので視覚障碍者が記事を読む上での妨げとなっています。
「PC版表示」に切り替えるとVoiceOver機能は正常に働くようになります。しかしながら「PC版に表示」のボタンはページの最下部に表示されていることが多く、視覚障碍者には表示モードの切り替えが困難な状況です。
またいくつかのブログでは記事トップに指定する画像について、HTMLタグへの属性追加ができない仕様になっているので「PC版表示」に切り替えても問題は解決しません。
つきましては、視覚障碍者のブログの可読性の向上、アクセシビリティ向上のために、御社のブログサービスに対して次の機能強化を要望させてください。
- iPhoneのモバイル表示における画像の箇所でのalt属性のサポート
- 「PC版表示」、「モバイル版表示」の切り替えボタンを表示されるページ上部へ移動
- 記事トップ画像についてのalt属性指定のサポート
もしくは
- 「モバイル表示」、「PC表示」から「テキスト表示」への切り替えをサポート
たまたま私はgooのブログサービスを利用していますが、他のブログサービスで試したところ多くのブログサービスで同様の状況でした。従いまして各社に対し、一括して要望させていただきます。
ちなみに、私のブログの次の記事にはalt属性を使った代替テキストを使用しております。機能のご確認にご使用ください。
宇宙の形、ガウスの曲面論と内在幾何(第1回)
http://blog.goo.ne.jp/ktonegaw/e/80515a1627564b9d4f52883a270dc738
関連記事:
視覚障害者が読める理数系書籍や学習環境について(リンク集)
http://blog.goo.ne.jp/ktonegaw/e/4eff04be772bb5d20f62a886c2502a5f
ブログ執筆のはげみになりますので、1つずつ応援クリックをお願いします。






