Web担当者向けセミナー:マルチデバイス時代のWebアクセシビリティ

2015年2月9日開催のイベント「Web担当者向けセミナー:マルチデバイス時代のWebアクセシビリティ http://connpass.com/event/11052/ 」のつぶやきをまとめています。主にハッシュタグ #a11yfuture を拾っています。
11
前へ 1 ・・ 7 8
Rikiya Ihara / magi @magi1125

#a11yfuture 質問「土台を担うのが『マークアップによる情報伝達』なのはなぜか?」

2015-02-09 16:35:23
Rikiya Ihara / magi @magi1125

#a11yfuture 木達「HTML+CSS+JS(や画像)がWebを構成している。だがJSやCSSは利用できなかったり、回線状況などで画像が一時的に使えなかったりすることがある。そのようなときでもHTMLがきちんとしていれば最低限の情報伝達が可能になる」

2015-02-09 16:35:44
Rikiya Ihara / magi @magi1125

#a11yfuture 質問「とりあえずWeb、というのはどういうことか?」

2015-02-09 16:35:56
Rikiya Ihara / magi @magi1125

#a11yfuture 太田「いくつか意味がある。まず、Webはアプリに出すことは比較的容易だが、アプリをWebに持ってくるにはWeb向けにあらかじめ設計しておく必要がある。また、アプリはダウンロードが必要であり、そのアプリのUIや作法にユーザーが沿わなければならない。

2015-02-09 16:36:35
Rikiya Ihara / magi @magi1125

#a11yfuture この点から、わざわざアプリをダウンロードさせるべきなのかどうか、という話をすることが多い。とはいえアプリでないとできないこともある。Webの技術ではよいユーザー体験が作れない場合はアプリを選択することももちろんある。」

2015-02-09 16:36:53
Rikiya Ihara / magi @magi1125

#a11yfuture 質問「アクセシビリティという観点では、外国語にはどう対応していくべきか?」

2015-02-09 16:37:01
Rikiya Ihara / magi @magi1125

#a11yfuture 佐仲「まずは重要なコンテンツから翻訳して対応していくことになるだろう」

2015-02-09 16:37:24
Rikiya Ihara / magi @magi1125

#a11yfuture 木達「外国語で提供しなければアクセシブルでないのか?というと必ずしもそうではない。できるだけ素のテキストでコンテンツを準備することが重要。昔はWebフォントの利用が進んでいなかったので画像化文字を多用していた。

2015-02-09 16:37:45
Rikiya Ihara / magi @magi1125

#a11yfuture しかしそういった状態だとGoogle翻訳を掛けても画面が変化しなくなる。プレーンテキストでコンテンツを出していくことが、外国語対応という点のアクセシビリティの確保につながるだろう」

2015-02-09 16:38:14
こじしげ @kojisige_marque

#a11yfuture 太田さんの紹介したeasy checksはどこかでちゃんと日本語化してほしいと思う。他力本願ですみません。

2015-02-09 16:44:00
Rikiya Ihara / magi @magi1125

#a11yfuture 太田「ありとあらゆる言語を用意するのがベストではある。しかしコストとの兼ね合いでそれらは難しい。実際は言語を絞ったり、範囲を絞ったりという対応になるだろう。機械翻訳可能な状態にしておくという選択肢もあるだろう」

2015-02-09 16:44:13
Rikiya Ihara / magi @magi1125

#a11yfuture 中村「たとえば小田原市の例。Webフォント使って構成している。Google翻訳をかけると、ビジュアルデザインをある程度維持したまま機械翻訳が反映される」 city.odawara.kanagawa.jp

2015-02-09 16:44:40
Rikiya Ihara / magi @magi1125

#a11yfuture 質問「無限スクロールとは?」

2015-02-09 16:45:50
Rikiya Ihara / magi @magi1125

#a11yfuture 木達「たとえばTwitterなどで採用されている、スクロールの状況に応じてコンテンツが自動で追加されるUIのこと。紙との対比ということで象徴的であり、紹介した」

2015-02-09 16:45:58
Rikiya Ihara / magi @magi1125

#a11yfuture 質問「アクセシビリティ対応状況をチェックするのにもっとも効果的な方法は?」

2015-02-09 16:46:10
Rikiya Ihara / magi @magi1125

#a11yfuture 木達「よく言われるのは、画像に代替テキストが設定されているかなどをブラウザ拡張機能などで確認するなど。また、ページを目で見るのではなく、耳で聞いたらどうなるのか?と考えてみるなど。他にも様々なチェックポイントはあるが、まずこのあたりから始めるのがよい」

2015-02-09 16:46:24
Rikiya Ihara / magi @magi1125

#a11yfuture 太田「ツールを使っても人間が確認しないといけない部分は多い。画像の代替テキストが「あるか・ないか」は機械で判定できても、それが適切な内容かどうかは人間がみるしかない部分がある。

2015-02-09 16:46:50
Rikiya Ihara / magi @magi1125

#a11yfuture WAIが Easy Checks という文書が出されているので、この辺りを参考にするのがよいのではないか。もうひとつはスクリーンリーダーで聞いてみること。NVDAという無料で使えるスクリーンリーダーをダウンロードして試して使ってみるのもよいだろう」

2015-02-09 16:47:04
Rikiya Ihara / magi @magi1125

#a11yfuture 佐仲「チェッカーとしては総務省から出ているmiCheckerや、カラーコントラストチェッカーなどを試してみたり。またiPhoneのVoiceOverを使ってみたりというのもオススメ。手元にあるもので手っ取り早くつまづきを確認できる」

2015-02-09 16:47:13
Rikiya Ihara / magi @magi1125

#a11yfuture イベント終了。ご清聴ありがとうございました。追加の質問等あれば、ぜひこちらのハッシュタグまで!

2015-02-09 17:04:13
もんど @momdo_

TLを追いかけてただけだけど、アクセシビリティーチェッカーとしてのmiCheckerは時代遅れなので使ってはいけない。 #a11yfuture

2015-02-09 17:09:05
もんど @momdo_

アクセシビリティーチェックの前に、HTMLチェッカーValidator .nuでチェックできることもあるはず、という個人的な印象。 #a11yfuture

2015-02-09 17:11:42
Kazuhito Kidachi @kazuhito

なぜか自分の Firefox で見ると下方向に内容がずれる。 #a11yfuture / 「10年後のWeb」のために、今すべきこと slideshare.net/mlca11y/201502…

2015-02-09 17:41:33
Rikiya Ihara / magi @magi1125

#a11yfuture コーディングWebアクセシビリティも、amazonに出た模様です。amazon.co.jp/gp/product/486…

2015-02-09 17:55:36
前へ 1 ・・ 7 8