インレイでコンテンツを追加表示する「もっと見る」ボタン | Accessible & Usable

公開日 : 2014年2月26日 カテゴリー : アクセシビリティ Web サイトの画面設計をしていて、こんなユーザーインターフェース (UI) は使えないか、検討する機会がありました。 ある Web ページを開いたとき、デフォルト (初期状態) ではメインコンテンツの一部が隠れていて、「もっと見る (See More)」ボタンを押すと、そのボタンが消えて、隠されていたコンテンツがインレイで表示される、というものです。 インレイ (inlay) とは、オーバーレイ (overlay : ページの上に重ねる形で情報を表示すること) と異なり、ページ内に挿入する形で、情報を追加表示する UI パターンです。 図示すると、以下のような感じです。 「もっと見る (See More)」ボタンをクリック/タップすると... 「もっと見る (See More)」ボタンが消えて、その下にコンテンツがインレ