
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
タブUIの非機能要件を満たしたい時に見る記事 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
タブUIの非機能要件を満たしたい時に見る記事 - Qiita
はじめに 複数のコンテンツを並列にグループ化し各コンテンツに紐づいたタブ要素をアクティブにすること... はじめに 複数のコンテンツを並列にグループ化し各コンテンツに紐づいたタブ要素をアクティブにすることでコンテンツを切り替えるUI、タブUI。 モーダルやカルーセルなどのUIと比べると実装難易度は低めのUIかと思いますが、特にキーボード操作周りで是非に満たしたい非機能要件がいくつかあります。 今回はその非機能要件にフォーカスをあて、具体例をあげながら実装方法を見ていきます。 (ほとんどまるっとWAI-ARIA Authoring Practices 1.2の写経です) 完成形 まずは非機能要件を意識せずに作ったタブUIです。 See the Pen Untitled by Men_Tori (@ueda-kio) on CodePen. そしてこちらが非機能要件を意識して作ったタブUIです See the Pen Tab UI - Accessible by Men_Tori (@ueda-k