いつもアメーバブログをご利用いただきありがとうございます。

アメーバブログフロントエンジニアの田中です。

 

3月19日にアクセシビリティに関するアップデートを行いました!

1.PC最新版エディタで、画像の代替テキストが入力しやすくなりました
2.PC/スマホ向けの「スタンダードスキン」の色を見直しました


1. PC最新版エディタで、画像の代替テキストが入力しやすくなりました


最新版エディタで、ブログ記事に貼り付ける画像の「代替テキスト」を入力しやすくするための改善を行いました。
「代替テキスト」とは、回線速度が遅い等、何らかの原因で画像が表示されなかったときに、画像の代わりに表示される文字や文章のことです。

詳しくはこちらのヘルプをご覧ください下矢印

画像の代替テキストとは何ですか?
画像の代替テキストの設定方法を教えてください


これまでも、最新版エディタの「HTML表示」タブや、タグ編集エディタ、アプリのエディタから代替テキストを入力することはできました。しかしいずれも「HTMLタグ」を編集する必要があり、少々難易度の高いものになっていました。

今回のアップデートで、PC最新版エディタをお使いの場合には、画像のサイズ変更と同様に、手軽に設定していただけるようになりました!

2. PC/スマホ向けの「シンプルスタンダード」の色を見直しました


「シンプルスタンダード」スキンは、アメーバブログを開設したときのデフォルトのスキンです。現在も多くのお客様にご利用いただいているスキンですので、なるべくスキンの印象が変わらないよう、修正をおこなっております。

 

修正前後のスクリーンショット1:スマートフォンのスキンの記事上部

修正前後のスクリーンショット2:スマートフォンのスキンの記事下部

修正前後のスクリーンショット3:パソコンのスキンの記事上部

修正前後のスクリーンショット4:パソコンのスキンの記事下部

 

具体的には、補助的なテキスト(サブテキスト)のグレーや、強調色の赤を少し濃い色にしたり、視認性の低かった組み合わせの色を、より読みやすい配色に変更しました。

 

修正前後の色の比較:濃いグレー、薄いグレー、青色、ピンク、緑などの色を調整しました

 

スキンについては、こだわりをもって選ばれたお客様もいることと思いますが、お客様のブログをいつでも・より多くの方に・より読みやすくしたい、という思いで変更させていただきました。

・アメーバブログの、アクセシビリティについての考え方
今回のアップデートは、アメーバブログの「アクセシビリティ」を高めるための改善です。
アクセシビリティとは、「アクセスのしやすさ」を表し、すべての方が必要な情報やコンテンツへアクセスでき、利用できることを表す言葉です。

たとえば今回の「画像に代替テキストをつける」というのも、アクセシビリティ改善の方法です。画像に代替テキストがあれば、目の不自由な方でも音声ブラウザを用いて、画像の内容を理解できるようになります。また、ブログのSEO効果も期待でき、より多くの方にお客様のブログを読んでもらえる可能性が高まります。

アメーバブログでは、誰もがいつでも、迷わず「書く」「読む」「応える」ができる状態をつくるために、アクセシビリティの改善に取り組んでいます。

今回は、PCエディタで画像の代替テキストを設定しやすく、そしてスタンダードスキンをより視認性の高い配色にするためのアップデートを行いました。

今後も、アクセシビリティを高めるために随時改善を行なって参ります。
現状ではまだまだ使いづらいところが多々あると思いますし、全てをすぐに改善できるわけではありません。ですが、もし何か普段のご利用にお困りのことがありましたら、ぜひ教えていただければと思います。

お気軽に「コメント」や「ご意見・ご要望」フォームよりご連絡ください。 

(返信が必要なお問い合わせは、お問い合わせフォームからご連絡ください)

 

今後ともAmebaを宜しくお願いいたします。