記事カテゴリー : アクセシビリティ
(全316件 : 20/32ページ)

ページ内アンカーについて考える

ページ内の特定のセクション (ページ内アンカー) に遷移するリンクがあります。HTML の実装としては正しく、機能としても便利ですが、ユーザビリティの観点から考えるといくつか問題があり、その導入にあたっては、慎重に検討、判断したいところです。

画面デザインの都合上、チャンク (情報の塊) を視覚的にしか表現できないとしても、そのチャンクに対しては自然言語によるラベルを (視覚的には非表示であってもスクリーンリーダーでは読み上げられる形で) 付けたいものです。

ウェブサイトやアプリケーションの開発や運営においては、一貫性のある UI を採用し、維持することが、ユーザビリティ上重要になります。UI の一貫性を保つためには「パターンライブラリー」を用意し、プロジェクト関係者の間で共有しておくと便利です。

ウェブサイトでボタンを設置する際、そのボタンのラベルとは別に追記を配置することがあるでしょう。その際、セマンティックに (マシンリーダブルな形で) ボタンと追記を紐づけるとよいと思いますが、実際のユーザーエージェント側の挙動はどうでしょうか。

米国の非営利団体「WebAIM」による、スクリーンリーダーの利用に関する調査 (第6回) の結果が発表されました。全体的なトレンドは従来通りな印象ですが、そんな中、個人的にいくつか気になったことをピックアップします。

「デザイニング Web アクセシビリティ — アクセシブルな設計やコンテンツ制作のアプローチ」の見本誌をいただきました。感想を交えつつご紹介します。

ウェブサイトで複数の写真を一連で見せたいケースがあると思います。ユーザビリティ/アクセシビリティ上の問題がなく、かつユーザーが没入感を得やすい UI として、ユーザーエージェント側が全画面表示の画像スライドショーを標準で提供してくれたら...と考えてみました。

HTML5には <video> 要素があり、動画再生のコントロールもブラウザ側が標準的なプレーヤーを自動生成してくれます。ただ、ウェブアクセシビリティの観点で見ると、ブラウザ標準の動画プレーヤーは、残念ながら不十分な感が否めません。

ウェブサイトの UI に「モーダルウィンドウ」があります。あるページを開いているというコンテキストを維持しつつ付加的にコンテンツの提示ができる利点がある反面、基本的なユーザビリティやアクセシビリティが欠落しているケースが多く見受けられます。

クリックやタップによって、機能やコンテンツを展開する/折り畳む UI があります。これらの UI は当然アクセシビリティが担保されるべきですが、特にスクリーンリーダーでの利用に向けては、WAI-ARIA に基づいた実装が求められます。