ウェブとルビ
概要
- イントロダクション
- バリエションの事例
- ウェブ技術で実現
- 音声合成
- これから
2012年ロンドンオリンピック開会式
ティム・バーナーズ＝リーより：
“This is for everyone”
ウェブはあらゆる人のため
- どんな端末を使っても
- どこにいても
- どんな言葉を話しても
- どんな障害があっても
- どんな年齢でも
- どんな教育レベルでも
ルビも「for everyone」に重要
ルビの必要性
漢字を習い終えていない人：
- 小中学生時の日本人全員
- 学習障害のある人
- 日本語が勉強中の外国人
台湾も同様
他の場合もある
概要
- イントロダクション
- バリエションの事例
- ウェブ技術で実現
- 音声合成
- これから
複層ルビ
アクセシビリティ
ディスレクシア
概要
- イントロダクション
- バリエションの事例
- ウェブ技術で実現
- 音声合成
- これから
内容とスタイルの分離
- HTML
-
<ruby>
今日<rt>きょう
</ruby>
- CSS
-
rt { font-size: 50% }
ruby {
ruby-align: space-between;
ruby-merge: auto;
ruby-position: over;
}
基礎に問題
公式のHTML仕様によるデータモデルは単純すぎる。
すべての要件を同時に満たすことはできない。
| マークアップ
| 字の関係
| 単語の区別
| 読み順
| |
<ruby>京都<rt>きょうと</ruby>
| ×
| ○
| ○
| 公式
|
<ruby>京<rt>きょう</rt>都<rt>と</ruby>
| ○
| △
| ×
|
<ruby><rb>京<rb>都<rt>きょう<rt>と</ruby>
| ○
| ○
| ○
| 提出中
|
問題の事例
改行
- 親文字とルビ文字の関係を知っている場合
- 親文字とルビ文字の関係を知らない場合
-
問題の事例
インライン化
- 読み順が守られている場合
- 読み順が混ざった場合
問題の事例
検索可
- 読み順が守られている場合
- 読み順が混ざった場合
-
概要
- イントロダクション
- バリエションの事例
- ウェブ技術で実現
- 音声合成
- これから
音声合成
二重読み問題
京都市長
- 理想
- 🔊 きょうとしちょう
- 二重読み＋混ぜ読み
-
<ruby>京<rt>きょう</rt>都<rt>と</rt>市<rt>し</rt>長<rt>ちょう</ruby>
- 🔊 きょうきょうみやことししちょうちょう
- 二重読み
<ruby>京都市長<rt>きょうとしちょう</ruby>
<ruby><rb>京<rb>都<rb>市<rb>長<rt>きょう
- 🔊 きょうとしちょうきょうとしちょう
音声合成
ルビ文字だけ読めば？
🔊 あめがすき 🔊
↓
飴が好き
‼️ 雨が好き ‼️
音声合成
親文字だけ読めば？
🔊 終の戦 🔊
↓
終の戦
‼️ 終の戦 ‼️
音声合成
全ての情報が必要
親文字もルビ文字も利用し、
辞書やデータベースで検索し、
一つの発音にする
音声合成
二重読みが正しい場合
計算機
↓
🔊 けいさんき こんぴゅうたあ 🔊
音声合成
未解決
場合によって
- 親文字とルビ文字から一つにする
- 親文字もルビ文字も読み上げる
- 親文字だけを読み上げる
- ルビ文字だけを読み上げる
→作成者の指示が必要
マークアップが未定
概要
- イントロダクション
- バリエションの事例
- ウェブ技術で実現
- 音声合成
- これから
残りの課題
|
| 構造（HTML）
| 表示（CSS）
| 音声合成
|
| 研究
| 問題分析
| ◎
| ◎
| ○
|
| 解決策の識別
| ◎
| ◎
| ×
|
| 標準化
| 仕様書作成
| 
| ◎
| ×
|
| テストと仕上げ
| ×
| △
| ×
|
| 実装
| Firefox
| ◎
| ○
| △
|
| Kindle
| ○
| △
| △
|
他（Chrome、Safari、iBooks…）
| △
| △
| △
| |
ウェブとルビ
このプレゼンは省略版、元版はオンラインでご覧ください。
