Accsessibility UI
タブナビゲーションについて
ギャラリーキャプション
ギャラリーキャプションは、通常非表示で、ホバー時に表示します。これは、タブキーによるナビゲーションでも、表示することができます。
hello 
world 
hello
追加CSSクラス list-style-tab
ネストされたリストブロックと、list-style-tabクラスを併用するとタブのような外観で表示できます。通常は、クリックによってコンテンツが表示されますが、タブ移動時でも、コンテンツを開くことができます。
- 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を有効にするようお願いします。