問題タブ [web-accessibility]

質問が言うように、同じ要素でaria-labelandを使用できますか?aria-hidden="true"

私が達成したいのは、要素 ( の開いているアイコン<span>) に aria-label を付けて、その内容を無視することです。

この使用法は正しいですか、それとも要素を無視しようとする aria-hidden とそれに意味を与えようとする aria-label の間に競合がありますか?

Pa11y Actions で、「Click element...」アクションが JavaScript の「onclick」関数の実行をトリガーしないという問題が発生しています。ページで JavaScript 関数を呼び出すために Pa11y のアクション機能を使用する方法はありますか?

内部アプリケーションのヘッダーに、2 つのユーザー ロールを切り替えるための switch 要素を作成する必要があります。残りのコンテンツは、選択した役割に基づいてレンダリングされます。たとえば、役割 A と役割 B で使用できるナビゲーション項目とアクションは異なります。役割を変更するとページがリロードされることにも注意してください。

これまでのところ、入力 (チェックボックス/ラジオ) またはボタンのみを使用してアクセス可能なソリューションを見つけることができなかったので、両方のアイデアを次のように組み合わせました (ボタンのスタイルは無視してください。これはデモ目的のみです)。

したがって、基本的には、スクリーン リーダー ユーザー用のラジオ入力と、ブラウザーのスイッチに似たボタンとして 2 つのオプションを含むフィールドセットを示します。

ページのリロードに関して — WCAG テクニック G13では、フォーム要素の変更がコンテキストの変更につながる場合 (この場合のリロードなど) に何が起こるかをユーザーに通知する必要があります。残念ながら、デザイン要件のためにボタンの周りに視覚情報を配置することはできないため、スクリーン リーダー用のフィールドセットにのみ追加しました。ただし、私が理解している限りでは、ページがイントラネット アプリケーションであり、ユーザーがトレーニングされる場合 (この場合のように)、これは問題にはなりません。

私のソリューションに他のアクセシビリティの問題はありますか? 2 つの個別の要素を使用せずにこれを達成する方法を知っている人はいますか? 前もって感謝します。

編集:タブの問題を解決しました。