Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Nozomi Sawada
PDF, PPTX
1,569 views
UDトークで会話をアクセシブルにしてみよう
2019/7/8(月)に岡山大インキュベータにて行われた「リーダブルな夜 on 2019/07/08」でのスライドです。
Software
◦
Read more
2
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 48
2
/ 48
3
/ 48
4
/ 48
5
/ 48
6
/ 48
7
/ 48
8
/ 48
9
/ 48
10
/ 48
11
/ 48
12
/ 48
13
/ 48
14
/ 48
15
/ 48
16
/ 48
17
/ 48
18
/ 48
19
/ 48
20
/ 48
21
/ 48
22
/ 48
23
/ 48
24
/ 48
25
/ 48
26
/ 48
27
/ 48
28
/ 48
29
/ 48
30
/ 48
31
/ 48
32
/ 48
33
/ 48
34
/ 48
35
/ 48
36
/ 48
37
/ 48
38
/ 48
39
/ 48
40
/ 48
41
/ 48
42
/ 48
43
/ 48
44
/ 48
45
/ 48
46
/ 48
47
/ 48
48
/ 48
More Related Content
PDF
Froidaleweb
by
Ai Yoshitani
PDF
中小企業のWebサイトでも気にしておきたいアクセシビリティ
by
Nozomi Sawada
PDF
「誰」が「何」をする?みんなで考えてみよう!
by
Nozomi Sawada
PDF
色にまつわるエトセトラ(いろいろ)
by
Nozomi Sawada
PDF
コントラスト高めでいこう
by
Nozomi Sawada
PDF
代替テキストの基本から応用まで
by
Nozomi Sawada
PDF
岡山をリーダブルな世界に
by
Nozomi Sawada
PDF
こんなとき実感!代替テキストと字幕の大切さ
by
Nozomi Sawada
Froidaleweb
by
Ai Yoshitani
中小企業のWebサイトでも気にしておきたいアクセシビリティ
by
Nozomi Sawada
「誰」が「何」をする?みんなで考えてみよう!
by
Nozomi Sawada
色にまつわるエトセトラ(いろいろ)
by
Nozomi Sawada
コントラスト高めでいこう
by
Nozomi Sawada
代替テキストの基本から応用まで
by
Nozomi Sawada
岡山をリーダブルな世界に
by
Nozomi Sawada
こんなとき実感!代替テキストと字幕の大切さ
by
Nozomi Sawada
More from Nozomi Sawada
PDF
Webアクセシビリティ 今ならどうするの?
by
Nozomi Sawada
PDF
第7回 okayama-js 実践 WAI-ARIA
by
Nozomi Sawada
PDF
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
by
Nozomi Sawada
PDF
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
by
Nozomi Sawada
PDF
WAI-ARIAの考え方と使い方を整理しよう
by
Nozomi Sawada
PDF
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
by
Nozomi Sawada
PDF
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
by
Nozomi Sawada
PDF
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
by
Nozomi Sawada
PDF
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
by
Nozomi Sawada
PDF
岡山で アクセシビリティ はじめよーでー
by
Nozomi Sawada
PDF
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
by
Nozomi Sawada
PDF
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
by
Nozomi Sawada
Webアクセシビリティ 今ならどうするの?
by
Nozomi Sawada
第7回 okayama-js 実践 WAI-ARIA
by
Nozomi Sawada
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
by
Nozomi Sawada
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
by
Nozomi Sawada
WAI-ARIAの考え方と使い方を整理しよう
by
Nozomi Sawada
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
by
Nozomi Sawada
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
by
Nozomi Sawada
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
by
Nozomi Sawada
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
by
Nozomi Sawada
岡山で アクセシビリティ はじめよーでー
by
Nozomi Sawada
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
by
Nozomi Sawada
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
by
Nozomi Sawada
UDトークで会話をアクセシブルにしてみよう
1.
on 2019/07/08 UDトークで会話をアクセシブルにしてみよう
2.
自己紹介
3.
澤田 望 パーマ メガネ 老眼 ガリガリ 中年講師
4.
岡山で独立2014~ Webアクセシビリティ検証/ イラスト制作/ 岡山情報ビジネス学院 非常勤講師 などなど キヤノン ~2013 サイトデザイン監修/ Webアクセシビリティ対応 WAIC
2011~ ウェブアクセシビリティ基盤委員会 コラムを担当
5.
本日の目標
6.
・情報保障とは? ・UDトークとは? ・UDトークを使って何ができそう?
7.
情報保障について セッション
8.
見えていない人
9.
聞こえていない人 テキスト 字幕
10.
身体的なハンディキャップにより情報を収集することが できない者に対し、代替手段を用いて情報を提供すること。 情報保障とは、人間の「知る権利」を保障するもの。 いつでも、誰も情報が伝わらない状況に陥る可能性がある。特に聴覚障害者は、 音声によって提供される情報や会話を理解できないため、日常的に情報から疎外 されているといえる。そのため、一般的に「情報保障」とは、聴覚障害者に対する コミュニケーション支援を指して用いられる。 情報保障 Wikipedia より
11.
アクセシビリティの根っこは「知る権利」にある。
12.
その情報が「要る/要らない」を決めるのは 利用者であり、提供者ではない。
13.
目が見えない人は ウチのカメラなんか 買わないから。
14.
1. 知覚/理解できる状態にする マシンリーダブルな構造/コントラストなど 2. 自由度を持たせる 停止/変更/制限の解除/カスタマイズなど 3.
複数の手段を提供する 代替コンテンツ/代替ナビゲーションなど Webアクセシビリティを確保する基本的な考え方
15.
具体的なマニュアルを用意している自治体もある。
16.
https://www.pref.chiba.lg.jp/shoufuku/shougai-kurashi/jouhouhoshou/guideline/index.html より
17.
https://www.pref.chiba.lg.jp/shoufuku/shougai-kurashi/jouhouhoshou/guideline/1-02.html より
18.
https://www.pref.yamaguchi.lg.jp/cms/a14100/shikakuchoukakus/20130613001.html より
19.
残念ながら、岡山県サイトには見当たらない...
20.
情報保障の手法による比較 手法 メリット デメリット
内容 メリット デメリット 例 手話 リアルタイム 通訳者少ない 理解できない聴覚障害者 一過性の情報 全文 情報の欠落なし 通訳者の負担大 映像を見る余裕なし 政見放送 要約 理解が早い 情報の欠落あり 編集の必要あり ニュース 一般的な会話 字幕 情報量/単位時間多 タイムラグ 全文 情報の欠落なし 自動化しやすい 目の負担大 映像を見る余裕なし UDトーク 要約 理解が早い 情報の欠落あり 編集の必要あり 映画 スポーツ中継 ※ 台詞/ナレーションなどを対象その他の音声情報も含んだ「キャプション」は含まず
21.
視覚のみから得られる情報 ≠ 視覚と聴覚から得られる情報≠ 聴覚のみから得られる情報 同じ時間内に 同じ情報量を得ることは困難
22.
全文字幕UDトークにも デメリットがあることを意識しておこう。
23.
ちなみに...UDトークを使わずに行う場合は?
24.
http://okayama-youyaku.sakura.ne.jp/index.html より
25.
どのくらいかかるのか聞いてみた。
26.
岡山要約筆記クラブにお願いした場合の費用 手法 単価 設置/撤収
必要人数 機材貸出 交通費 全体投影 1,900円/h※ 30分/30分 4名 1,500円/式 250円/人(市内) 1:1 1,900円/h -- 2名 -- 250円/人(市内) ※ 岡山市の派遣要綱で決められた金額 2時間の勉強会で全体(プロジェクター)投影する場合: 1,900円 ×(2時間+ 30分+ 30分)× 4名 +1,500円 + 250円 × 4名 = 25,300円
27.
UDトークの紹介 ハンズオン
28.
アプリをインストール 事前準備 UDトーク
29.
https://udtalk.jp/about/ より
30.
UDトークの機能 音声 → テキスト
聴覚障害のある利用者/聞き逃し テキスト → 音声 視覚障害のある利用者 日本語 → 他言語 日本語が苦手な利用者 他言語 → 日本語 他言語が苦手な利用者 読み仮名表示 漢字が苦手な利用者 キーボード入力 発声困難な利用者 手書き入力 画像としてのみ QRコードによる参加 会場参加できない利用者 ログ出力 イベント振り返り 単語登録 日本語のみ 連続発話:30分無料 延長あり/月額240円プランあり
31.
多様性に富んだ利用者がコミュニケーションできる!
32.
各自で試してみよう!
33.
音声認識の確認 トークを始める >
タップして話す 日本語を他言語に同時翻訳 ボタン 読み仮名表示 ボタン 単語登録 メニュー > 単語を登録する 校正 各会話のテキストをタップ 表示モード変更 メニュー ※ 「UDトーク - オンラインマニュアル/はじめに/UDトークの概要」を参照 1人で触ってみよう
34.
https://teachme.jp/27228/f/udtalk/?page=1&sortKey=title&sortOrder=asc より
35.
• 事前の単語登録 • できる範囲でゆっくりめに •
できる範囲で滑舌良く • やさしい日本語 • 句読点を意識 • 発言者を分けるなら、発言者ごとにアプリを用意 UDトーク使用時の注意点
36.
UDトークを触ってみよう ワークショップ
37.
2人で触ってみよう
38.
トークの公開 いますぐトークを公開する >
発言を許可 トークへの招待 ユーザーID/QRコード QRコードで参加 トークに参加する ユーザーIDで参加 招待されたトークを確認する お互いに発言する 各会話のテキストをタップ ※ 「UDトーク - オンラインマニュアル/トークの公開と参加: 招待」を参照 2人で触ってみよう
39.
3人で触ってみよう
40.
アプリをインストール 事前準備 UDコネクト iOS版 UDトーク Windows/Mac版 https://udtalk.jp/download/
41.
QRコードの使い分け UDコネクトによる権限コントロール PCでの校正作業 編集権限でトークに参加 ログの書き出し ※
「UDトーク - オンラインマニュアル > 連携アプリ > UDコネクト」を参照 ※ 「UDトーク - オンラインマニュアル > 応用編 > UDトークfor Mac&Windows での編集」を参照 校正 トークの作成 ログの書き出し 音声認識 3人で触ってみよう
42.
CSS Nite LP62にて/撮影:イイダ
マサユキ
43.
校正 トークの作成(UDコネクト) フルスクリーン表示(UDトーク) ログの書き出し(UDコネクト) プロジェクターへの投影 (QuickTime > 新規ムービー収録) ●●●●●●● ●●●●●●● ●●●●●●●●● ●●●●●●● ◯◯◯ ◯◯◯◯ ◯◯◯◯◯ ◯◯◯ ◯ ◯◯◯ ◯◯◯◯ ◯◯◯ ◯◯◯◯ ●●●●●●● ●●●●●●● ●●●●●●●●● ●●●●●●● ◯◯◯ ◯◯◯◯ ◯◯◯◯◯ ◯◯◯ ◯ ◯◯◯ ◯◯◯◯ ◯◯◯ ◯◯◯◯ 音声認識 プロジェクターで投影してみよう ※
「UDトーク - オンラインマニュアル > 応用編 > 「サブディスプレイ設定」」を参照
44.
※ 「UDトーク -
オンラインマニュアル > 応用編 > UDトークの簡単設置方法」を参照 校正 フルスクリーン表示(UDトーク) プロジェクターへの投影 ログの書き出し(UDコネクト) ●●●●●●● ●●●●●●● ●●●●●●●●● ●●●●●●● ◯◯◯ ◯◯◯◯ ◯◯◯◯◯ ◯◯◯ ◯ ◯◯◯ ◯◯◯◯ ◯◯◯ ◯◯◯◯ iRig2など トークの作成(UDコネクト) 音声認識(UDトーク) ログの書き出し(UDコネクト) プロジェクターと音響設備が近いなら
45.
やり方はいろいろあるので、いろいろ試してみよう!
46.
https://teachme.jp/27228/manuals/4799090/ より
47.
次回は 9月2日(月)の予定です! ※変更の可能性が高いです(7/9現在)
48.
また来週! @SawadaStdDesign
Download