Accessible Tab Switcher
CODE PREVIEW
エディタを読み込み中…
P
Prompt
Create an accessible tab interface with keyboard navigation, ARIA attributes, and focus management. Ensure proper screen reader support.
このアクセシブルなタブインターフェースは、WAI-ARIAのプラクティスに従い、適切なキーボードナビゲーション（矢印キー、Home/End）、スクリーンリーダー用のARIA属性、フォーカス管理を実装しています。タブリストはrole=”tablist”を使用し、各タブパネルは対応するタブと関連付けられています。
Prompt Overview
This accessible tab interface follows WAI-ARIA practices with proper keyboard navigation (arrow keys, Home/End), ARIA attributes for screen readers, and focus management. The tablist uses role="tablist" with individual tab buttons, and each tabpanel is associated with its corresponding tab.
Was this prompt helpful?
Comments
Comments appear after moderation
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選