マガジンのカバー画像

Engineer's Blog

15
株式会社デパートのブログ(https://depart-inc.com/blog/)とはちょっと違う雰囲気で、エンジニアリングに特化した技術的なノウハウや、チームの取り組み、カル…
運営しているクリエイター

#チートシート

知って得する!?アクセシビリティツリー関連のチートシート

ウェブアクセシビリティを考慮した実装をする上で、アクセシビリティツリーを確認することはとても重要です。特に、Web標準のUIではないカスタムUIを開発した場合は、支援技術に情報が正しく伝わるように実装されているかを気にする必要があります。 意図した通りにアクセシビリティツリーを構築するために、HTML要素がアクセシビリティツリーでどのような役割を持つのか、CSSがアクセシビリティツリーにどのような影響を与えるのか、WAI-ARIAがどのようなセマンティクスを補完できるのか、と