2017-01-17 3 views
1

私はWCAG2.0に私たちの製品を手に入れようとしています。 on="keyPress"を発砲するよう指定することができます。すべてのリンク先をアクションに置き換える前に、リンク先イベントを指定するサポートはありますか?私はドキュメントでそれを暗示している何も起こっていない。EmberリンクをkeyPressでヘルパーファイアにする方法はありますか?

編集:リンク先の問題は、アンカーと異なるtagNameです。

+0

http://stackoverflow.com/questions/41702645/is-there-a-way-to-have-an-ember-link-to-helper-fire-on-keypress – MilkyWayJoe

+0

この種のカスタマイズすると、[ember-href-to](https://github.com/intercom/ember-href-to)addonの 'href-to'ヘルパーを使ってurlを取得し、それを適用すると言います。 – kumkanillam

+1

あなたは何を変更する必要があるかについて詳しく説明できますか? 'link-to'はデフォルトでキーボードにアクセス可能な通常の古いアンカーとしてレンダリングされます。 – steveax

答えて

2

リンク先のコンポーネントにeventNameプロパティを渡すことを検討してください。

{{#link-to 'users' eventName='mouseEnter'}} Users {{/link-to}} 

これは、リンク先の要素にマウスを移動したときに遷移するユーザーになります。

注:私は、リンクに私の問題を解決し、デフォルトのtagNameを(A)を、使用することがありますように、あなたは、リンクに対する成分

+0

テーブル行にtagNameが割り当てられたリンク先をテストすると、キーイベントを指定しているときにマウスイベントが機能するのは面白いことです。私はこのリストから外します:https://guides.emberjs.com/v2.1.0/components/handling-events/#toc_event-names。これはまだ非常に便利です、ありがとう! – RhinoWalrus

1

のためのキープレスイベントを使用してくださいどのように私は私のマークアップを作り直してるかわかりません。デフォルトとは異なるtagNameを使用すると、キーイベントに移行する方法がないように見えるという問題が依然として残っているため、これは受け入れられた答えではありません。私の主な使用例は、リンク先をテーブル行として扱っています。

+0

ちょっと考えましたが、これはテストしませんでしたが、 ''に[link](https://www.w3.org/TR/wai-aria/roles#link)の役割を与えようとしましたか?これはもちろん[アリアの最初のルール](https://www.w3.org/TR/2015/WD-aria-in-html-20150521/#first-rule-of-aria-use)に違反していますデフォルトのタグ名を使用する方が優れていますが、必要な処理を行うことができます。 – steveax

関連する問題