YouTube のクローズドキャプション作成が簡単に — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2014年6月20日 (2018年1月18日 更新) カテゴリー : ウェブアクセシビリティ 先の記事「動画のクローズドキャプションの作りかた (YouTube の場合)」で、YouTube の動画にクローズドキャプションを付ける方法についてご紹介しました。そこでは、タイムコード付きのテキスト (.sbv ファイル) を用意する、クローズドキャプション作成支援ツール (CaptionTube) を使う、タイムコードを含まないテキストを作成してキャプション自動同期機能を使う、といった方法に言及しましたが、今回新たに、YouTube の標準機能として、タイムラインを使ってクローズドキャプションの付加や編集ができるようになりました。とてもわかりやすい機能なので、ご紹
装飾的なテキスト — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 装飾的なテキスト 公開日 : 2014年2月7日 カテゴリー : アクセシビリティ Web ページに配置されるテキストコンテンツは、単なる装飾ではなく、基本的には意味を持った情報であるはずです。したがって、ブラウザ上で見ることができるだけでなく、たとえば、視覚障碍を持ったユーザーのために、スクリーンリーダーで音声読み上げができる必要があります。 ただ、現実には、装飾的なテキストというものも存在しています。 たとえば、サイト名やサービス名の下に外国語でサブキャッチっぽいテキストを入れたり、ナビゲーションメニューの項目や Call To Action (行動喚起) ボタンでメインの日本語ラベルの下に小さく英語表記を入れたり、といった例が挙げられると思います。最近は Web フ
ブラウザ標準スクロールバーを意図的に隠すことについて | Accessible & Usable
公開日 : 2014年1月28日 (2014年1月29日 更新) カテゴリー : ユーザビリティ 数ある Web ページの中でごく一部ではありますが、ブラウザ標準のスクロールバーを意図的に非表示にしているものがあります。メジャーな例としては、Apple の各製品ページが挙げられます。 ブラウザ標準のスクロールバーを非表示にしている Apple 製品ページ。上から順に「iPhone 5S」「iPhone 5C」「iPad Air」「Mac Pro」。 上の例ではいずれも、いわゆる「ファーストビュー (または "above the fold" とも言います)」の下にもコンテンツが続いていて、ユーザーは下にスクロールしないと、すべてのコンテンツを閲覧することができません。ところが、ブラウザ標準のスクロールバーが無いために、どうやってスクロールしたらよいか (あるいはそもそもスクロールする必要があ
文字拡大/縮小機能の実装を外しました｜ウェブユーザビリティ向上を支援するWebsite Usability Info
コラム記事「Webページにおける文字の拡大/縮小機能」で述べたように、当サイトでは、グローバルナビゲーションエリアに[文字拡大]、[縮小]、[標準]というリンクを設けて、文字（テキスト）のサイズを任意に設定できるようにしていました。 ブラウザの文字拡大機能が一般ユーザーに意外と知られていなかった（ブラウザのメニューの中に隠れていて認知度が低かった）ことへの対策として、それなりに意義があったと思いますし、「文字拡大/縮小機能を使うときは代替手段も明示する」で述べたような、JavaScriptが使えない環境のユーザーへの配慮もしていたので、アクセシビリティ対策としては、悪くないソリューションだったと考えています。 しかしながら当サイトでは、熟考を重ねた結果、このたび、この文字拡大/縮小機能の実装を外すことにしました。理由は、以下の通りです。 「Webページにおける文字の拡大/縮小機能」で述べ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
