採用技術にフォーカスしたWebサイトリンク集。
トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。
focus-trap が採用されたサイト事例一覧です。
Trap focus within a DOM node.
There may come a time when you find it important to trap focus within a DOM node — so that when a user hits Tab or Shift+Tab or clicks around, she can't escape a certain cycle of focusable elements.
You will definitely face this challenge when you are trying to build accessible modals.
This module is a little, modular vanilla JS solution to that problem.
（DeepL翻訳）
DOM ノード内のフォーカスを捕捉する。
ユーザーがTabや Shift+Tabを押したり、クリックしたりしても、フォーカス可能な要素のあるサイクルから逃れられないように、DOMノード内にフォーカスを閉じ込めることが重要だと感じる時があるかもしれません。
アクセシブルなモーダルを作ろうとすると、必ずこの課題に直面します。
このモジュールは、その問題を解決するための小さな、モジュールのバニラJSです。
https://github.com/focus-trap/focus-trap
There may come a time when you find it important to trap focus within a DOM node — so that when a user hits Tab or Shift+Tab or clicks around, she can't escape a certain cycle of focusable elements.
You will definitely face this challenge when you are trying to build accessible modals.
This module is a little, modular vanilla JS solution to that problem.
（DeepL翻訳）
DOM ノード内のフォーカスを捕捉する。
ユーザーがTabや Shift+Tabを押したり、クリックしたりしても、フォーカス可能な要素のあるサイクルから逃れられないように、DOMノード内にフォーカスを閉じ込めることが重要だと感じる時があるかもしれません。
アクセシブルなモーダルを作ろうとすると、必ずこの課題に直面します。
このモジュールは、その問題を解決するための小さな、モジュールのバニラJSです。
https://github.com/focus-trap/focus-trap
Showing 1 to 1 of 1 results