CSS Nite Shift13フォローアップ(7)「アクセシビリティ」セッション | CSS Nite公式サイト

CSS Nite公式サイト - 2020年3月5日(木) 12:00
このページは、外部サイト CSS Nite公式サイト の情報をRSSフィード経由で取得して表示しているため、記事の一部分しか表示されていなかったり、画像などが正しく表示されなかったり、オリジナル記事が意図したデザインと異なっていたりする場合があります。
完全な状態のオリジナル記事は 「CSS Nite Shift13フォローアップ(7)「アクセシビリティ」セッション」 からご覧ください。

2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、植木 真さん(インフォアクシア)、辻 勝利さん(コンセント)の『辻ちゃん・ウエちゃんのAccessiブル GO! GO!「アクセシビリティ ゆく年来る年 2019」の巻』セッションのスライドなどを公開します。

このセッションは、CSS Niteベスト・セッション2019において、ベスト・スピーカーに選出されました。

フォローアップ

メッセージ辻ちゃん(コンセント 辻 勝利)

先日は、Shift 13にご参加いただきありがとうございました。たくさんの方々に応援していただき、僕たち自身も楽しみながら今年1年のWebアクセシビリティを振り返ることができました。

2020年も、Webに関わる全ての皆さんとアクセシビリティを高めていきたいと思っております。「こんなコンテンツはスクリーン・リーダーでどんな風に読まれるの?」とか、「職場の仲間にも視覚障害者がどんな風にWebを利用しているのか見せたいんだけど。」など、Webアクセシビリティのことなら辻ちゃんウエちゃんに声を掛けてくださいね。

Let's Groove with Accessibility!

ウエちゃん(インフォアクシア 植木 真)

アンケートでは、セッション内容だけでなく、CM動画にもたくさんの賛辞をいただき、嬉しく思っています。今回初めて参加された方は呆気にとられてしまったかもしれませんが(苦笑)

ランキングで断トツのトップだった「画像の代替テキスト」。2019年にもなって、まだ代替テキストなの?と思った方も少なくないでしょう。でも、これが現実なのです。アメリカで提訴されているサイトのほとんどでも、やはり代替テキストの問題を指摘されています。そういう意味では、世界共通の課題だと言えるかもしれません。

今回のShiftでは、各セッションでアクセシビリティに通じるトピックが取り上げられていたのが印象的でした。動画のキャプション(字幕)は、もともとは聴覚障害がある人が動画を楽しむために不可欠なものでしたが、聴覚障害がない人にも利用されています。会場で提供していたUDトークによるリアルタイム字幕も、やはり聴覚障害がある人にも参加いただけるようにすることが目的ですが、ご自分のスマホで聞き逃した部分を遡って字幕を確認できるので、全ての皆さんにとって便利なツールでもあります。

さて、辻ちゃん・ウエちゃんのコンビでお届けする2時間のセミナーが、来年2月7日(金)に都内で開催されます。このフォローアップをご覧の皆さまには、30%OFFの特別割引をご用意しましたので、ぜひご参加ください!

質問への回答(辻ちゃんより)Q1. スクリーンリーダーで操作されている方はどのくらいいますか?

はっきりとした統計があるわけではありませんが、僕のような全盲の視覚障碍者がPCやスマホを使用する際は、ほとんどの場合スクリーン・リーダーを使用します。ほかにも、画面の内容が読みづらいロービジョンの方の中にも、スクリーン・リーダーを活用している人や画面拡大ソフトと併用している人がいます。

Q2. スクリーンリーダーを使う人のデバイスの割合は、Windowsが多いのでしょうか?

Windows上で動作するスクリーン・リーダーの開発の歴史が長いこともあり、NVDAPC-TalkerJAWSといったWindows用のスクリーン・リーダーを使用する方が多いと思います。

ただ、近年はスクリーン・リーダー利用者の中にもスマホだけを利用している方もいて、iPhone等のiOS上で動作するVoiceOverを使用している人の数が増えています。VoiceOverはインストール不要で利用できることから、アクセシビリティをチェックする方々にも人気があります。

詳しくは、視覚のアクセシビリティ - iPhone - Apple(日本)のページをご覧ください。

Q3. 擬似要素の:before, :afterでCSS内でテキスト設定した場合、読み上げられるのでしょうか?

スクリーンリーダーの種類によっては読み上げることができますが、そもそもコンテンツはCSSではなくHTMLで提供すべきです。

参考までに、W3Cのドキュメント「F87: 達成基準 1.3.1 の失敗例 - CSS の :before 及び :after 疑似要素並びに 'content' プロパティを用いて、非装飾のコンテンツを挿入している | WCAG 2.0 達成方法集」を参照してください。

Q4. 絵文字はスクリーンリーダーでどういう風に読まれるのでしょうか?

スクリーンリーダーの読み上げ辞書に登録されている絵文字であれば、『

メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

アップロード
手元のPCなどの機器から、ネットワークを介して、別のPCやファイルサーバー、ウェ ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]