公開日 : 2014年2月26日 カテゴリー : アクセシビリティ Web サイトの画面設計をしていて、こんなユーザーインターフェース (UI) は使えないか、検討する機会がありました。 ある Web ページを開いたとき、デフォルト (初期状態) ではメインコンテンツの一部が隠れていて、「もっと見る (See More)」ボタンを押すと、そのボタンが消えて、隠されていたコンテンツがインレイで表示される、というものです。 インレイ (inlay) とは、オーバーレイ (overlay : ページの上に重ねる形で情報を表示すること) と異なり、ページ内に挿入する形で、情報を追加表示する UI パターンです。 図示すると、以下のような感じです。 「もっと見る (See More)」ボタンをクリック/タップすると... 「もっと見る (See More)」ボタンが消えて、その下にコンテンツがインレ
![インレイでコンテンツを追加表示する「もっと見る」ボタン | Accessible & Usable](https://cdn-ak-scissors.b.st-hatena.com/image/square/33c293218e91984c05036d58a963276aa28d46b6/height=288;version=1;width=512/https%3A%2F%2Faccessible-usable.net%2Fimages%2Faccessible-usable_twitter_card.png)