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