チャコウェブラジオ

チャコウェブラジオ、2年間で幕を閉じることになりました。 ウェブアクセシビリティとはなにか、WCAG2.0解説、WAI-ARIA解説、暮らしの中のアクセシビリティについて語ってきました。 これからAIなどの技術が進むことで、より一層アクセシビリティは進んでいくと考えています。 またお会いしましょう！ 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者や...

動画の字幕や文字起こしは、元は聴覚に障害がある人向けに始まった対応やサービスです。 それが今ではあらゆる人にとって利便性があるものになりました。 内容を検索しやすくなり、必要な情報を探したり、議事録や要点整理に活用したりできます。 動画や音声の良さを残しつつ、文字情報も選べる状態にすることが、アクセシビリティ向上につながります。 字幕や文字起こしは重要 テキスト化で検索性が高まる AIで文字起こしが身近に...

動画が普及してきた今、自動で流れる動画や音声はウェブアクセシビリティにどんな影響があるのでしょうか？ 自動再生される動画や音声は、公共の場で利用者を驚かせたり、離脱の原因になったりします。 音声はスクリーンリーダーの読み上げを妨げ、操作不能につながる場合もあります。 また、点滅や強い光は体調不良を招くおそれがあります。 再生やミュート解除は利用者が選べる設計にすることが大切です。 自動再生は利用者を驚...

CAPTCHA（キャプチャ）はスパム対策として有効ですが、画像選択や歪んだ文字入力は人間でも失敗しやすく、視覚・言語の違いによって利用困難になる場合があります。 WCAG2.0およびJIS X 8341-3:2016では使用自体は禁止されていませんが、電話など代替手段の提供が求められます。 音声CAPTCHAも環境によっては聞き取りづらく課題があります。 近年は操作不要で判定する仕組みが登場し、アクセシビリティと利便性の両立が進んでいま...

「高齢者や障害者のための特別なもの」というイメージが先行しているアクセシビリティ。 本来は、すべての人にとって価値があるものなので、3回シリーズでライフスタイルの側面から考えてみることにしました。 3回シリーズ最終回は「子育て編」。 子育て中は、抱っこや見守りで手がふさがり、注意も途切れやすくなります。そこで、大きなタップ領域や片手で使いやすい操作、字幕や音声対応、見出しで把握しやすい構造、自動保存機...

ライフステージの様々な側面からアクセシビリティとの密接な関わりをみていく3回シリーズの2回目「勉強編」。 音声学習が学びの選択肢を広げる 動画に付いている字幕が静かな場所での学習を助けてくれる 読みやすい表示は人を選ばず理解を促進する 自分に合った学び方を選べることが大切です 参照： 三省堂 | 日本最大級のオーディオブック配信サービス audiobook.jp 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコ...

「高齢者や障害者のための特別なもの」というイメージが先行しているアクセシビリティ。本来は、すべての人にとって価値があるものなので、3回シリーズでライフスタイルの側面から考えてみることにしました。 3回シリーズ初回は「仕事編」 仕事とアクセシビリティとのかかわりは意外と多く、生産性や効率性の向上にも大きく寄与しています。 屋外や移動中でも見やすさが重要 見出し構造で情報収集のおスピードアップ フォームの分...

ファーストビューのスライドショーや動画、モーダル、タブは魅力的。 一方で実装の仕方によってはアクセシビリティを損ないます。 サイトのデザインとウェブアクセシビリティの実現は相反するものなのか。 回避策などについて話しています。 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッド...

アクセシビリティ対応は配色やコントラストなど、デザイン面がよく話題になります。 それ以外でも実は配慮できることがある点について話してみました。 アクセシビリティはデザインだけではない 非デザイナーも文章面で配慮できる やさしい日本語で短文・一文一義にする 敬語や慣用句を減らし表現を明確にする 用語を統一し情報の整理で伝わりやすくする ふりがな・分かち書き・図で理解を助ける 医療や行政など重要情報は優先して...

前回に続いて、パーソナリティゆみこもiPhoneのグレースケール体験をしてみました。 普段何気なく使っていたコンテンツが突然「使いにくい」経験をしたことで、発見や気付きを語ります。 グレースケールでアプリが探しにくい 色で無意識に情報を判別していた シンプルなアイコンほど見つけやすい 色だけの既読未読表示は誤解を招く パステル色分けは濃淡が分かりにくい 枠線・形・文字など色以外も必要 重要な通知や緊急表示は優先...

パーソナリティーのみあさんがiPhoneの画面をアクセシビリティ設定のカラーフィルタでグレースケールに変更した体験を紹介します。色がなくなることでiPhoneの使用時間が減ったのは良いけれど…思わぬ発見がありました。 ・iPhoneをグレースケールにした理由 ・白黒画面でスマホ利用時間が大幅減少 ・絵文字や祝日の色が分からない体験 ・アプリを「色で探す」ことの難しさ ・色だけに頼らない表現の必要性 ・疑似体験から色覚の多...

後編では、WCAG 2.0の残る2原則「理解可能」と「堅牢」を振り返ります。 ・理解可能の目的と3ガイドライン ・読みやすさと言語指定の重要性 ・予測可能と入力支援の考え方 ・堅牢と互換性、標準準拠の意義 4原則が論理的につながり、すべてがそろって初めてアクセシブルなウェブが実現する。 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担...

WCAG 2.0を基準にウェブアクセシビリティの全体像を振り返ります。 前編の今回は、WCAGの基本と4原則2つについて。 ・WCAGとJIS X 8341-3:2016の関係 ・WCAGの三層構造と4原則 ・知覚可能の4ガイドライン概要 ・操作可能の4ガイドライン概要 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッド...

ウェブアクセシビリティに対応しないリスクを、使いやすさ・集客・法律の三つの観点から整理しています。 ・対応サイトは見やすく離脱が減る ・非対応だとスマホ利用者を逃す ・SEOやAI検索でも不利になり得る ・合理的配慮義務化で法的リスク増大 ・海外ではアクセシビリティ訴訟が増加 ・事前整備で問い合わせ負担を軽減 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティ...

「初めて音声読み上げを聞いたときの感想」をそれぞれシェアします。 ・実際にスクリーンリーダーを使用している人の実演を見せてもらう ・日常的に使う人の読み上げ速度が速すぎてびっくり ・実利用では高速設定が一般的 ・「リンク／ボタン／画像」など役割が読まれるので、正しいマークアップと代替テキストは重要 ・制作者も実機で読み上げを試し課題発見・改善 ・小学校時代の原体験 参照：スクリーンリーダーは様々なものが...

パーソナリティー2人は、どんなことがきっかけでウェブアクセシビリティに対する熱量が高まったのか？ きっかけについて語ります。 ・毎年5月第3木曜のGAAD Japan参加 参照：GAADとは ・さまざまな登壇者による発表で視野が拡張される体験 ・デジタル庁『ウェブアクセシビリティ導入ガイドブック』は今もアップデート中 ・みあさんとの1on1１ ・障害者差別解消法の改正 ・日本は、今アクセシビリティの移行期 「チャコウェブラジオ...

よくやってしまう、ウェブアクセシビリティに適さないNG対応について語ります。 代替テキストのよくあるNG： ・画像ファイルをaltに入れてしまう ・装飾画像まで説明を入れる ・キーワード詰め込み デザイン優先でフォーカス表示を消す： ・フォーカスをサイトデザインに合わせることは可能 状態・意味を色だけで示す： ・色以外の表現もする 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェ...

メールフォームでよくある「困ったこと」について語ります。 これはアクセシビリティだけの問題ではないかもしれません。 ・フォームで一番困るのは 「どこが」「何を」「どう直せばいいか分からないエラー表示」 ・エラーメッセージはフィールド単位で具体的に示そう ・項目は必要最小限にしておく ・オートコンプリート機能は大事 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセ...

身近にあるけれど、適用が難しい「alt（代替テキスト）」。 適切な代替テキストについて考えます。 ・装飾画像は空の alt=""で良いけれど、思想によって扱いが異なる ・「文脈次第」 ・アイコンの代替テキストは空にすればよいという単純なものではない ・AIは補助に使えるが要チェック 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェ...

「アクセシビリティを知る前の自分に何を伝えたい？」 パーソナリティ2人が過去の自分に向けて伝えたいことを振り返ります。 ・最初から全部やろうとしなくていい ・少しずつ取り組むのが現実的 ・アクセシビリティは「特定の人だけの特別対応」ではなく「みんなが使いやすくすること」 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に...

今回は、2人が「普段使っているアクセシビリティ機能」を紹介しながら、身近なアクセシビリティについて語ります。 ・ダークモード／画面調整は画面を見続ける現代人に嬉しい ・音声入力は手入力より高速で便利 ・文字読み上げは情報収集の幅を広げた 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説して...

今回は2人が「アクセシビリティの“これ気になる！”」となった瞬間について語ります。 ・おしゃれなフォント、カッコいいフォントと可読性 ・デザインとの兼ね合いは難しい ・色だけで強調すると色覚特性や白黒印刷時に情報が伝わりにくい 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキ...

今回のテーマは2人が「日常生活でアクセシビリティを感じた瞬間」。 ・テレビCMに手話やオープンキャプションが増えた ・駅や電車内モニターの字幕付きCMも見かけるようになった ・駅、新しい商業施設、病院のエレベーターは開放時間延長や低い位置の大型ボタン配置、凹凸付きデザインで誰でも操作しやすくなっている 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実...

アクセシビリティについて自由に語る雑談回。 テーマは「アクセシビリティがあって助かったこと」。 ・iPhoneのAssistiveTouchは、アクセシビリティを知る前にかなりの人が使っている ・ブラウザやOSのダークモード ・音声読み上げ機能で家事や移動中に記事・電子書籍を聴ける ・マウス不調時にキーボードフォーカスでフォーム送信 ・キーボード操作対応や配色切替など複数の利用方法を用意することは、ユーザビリティ向上と機会損...

アクセシビリティに関する雑談回。 テーマは「アクセシビリティに触れたきっかけ」です。 ・Web学習書籍でWAI-ARIAを知る ・iPhone 4SのAssistiveTouchが初のアクセシビリティに触れた瞬間 ・iPhoneのアクセシブル機能についての記事 ・字幕やスマホの補助機能など、アクセシビリティという言葉を知らなくても恩恵にあずかっている 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシ...