Accsessibility UI

tenman

タブナビゲーションについて

ギャラリーキャプション

ギャラリーキャプションは、通常非表示で、ホバー時に表示します。これは、タブキーによるナビゲーションでも、表示することができます。

  • hello
  • world
  • hello

追加CSSクラス list-style-tab

ネストされたリストブロックと、list-style-tabクラスを併用するとタブのような外観で表示できます。通常は、クリックによってコンテンツが表示されますが、タブ移動時でも、コンテンツを開くことができます。

Requires a nested list and a custom class
  • hello tab 1
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit,
  • tab 2
    • Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Custom HTML details 要素

HTML5のdetails要素は、非表示のコンテンツを含みます。カスタムHTMLブロックなどで作成された、details要素は、タブ移動でも、開くことができます。

Details Something small enough to escape casual notice.

ブラウザの設定で、javascriptが許可されていない場合。

プライマリーメニューは、サブメニューがある場合タブキーで開くことができます。(major browsers that support: focus-within).それ以外の上記の要素などでは、操作ができなくなります。

できるだけ、javascriptを有効にするようお願いします。