視覚障害のためにonClickイベントを作成する

Question

onClickイベントを使用してカートにアイテムを追加するWebサイトで問題が発生しました。この問題は、製品を追加するためにkeybordを使用することができない視覚障害のあるユーザーに発生します。

通常のhref = "addtocard.php？id = 1234"でadd関数を取り戻すのは問題を解決するはずですが、SEO側ではこれが他の問題を引き起こす可能性があります。

onkeypressなどのイベントを使用している可能性がありますか、それともJavaScriptの使用に完全に関連していますか？前もって感謝します。

Answer 1

のようなこの

<a href="javascript:addToCart(1234);">Add To Cart</a> 

それともsomethinkgのようなものを使用することができますか？ID = 5があなたのSEOに有害な影響を与えるべきではありません。現代/トップ検索エンジンは、そのページの機能が何であるかを認識し、それに応じて索引付けするほどスマートになります。

サイトを設計する際には、このタイプのデザインの具体的な名前は忘れてしまいますが、サイトのベースの上に余分なものとしてonclick/javascript機能を追加するのが常に上向きですユーザーがこれらの機能のいずれかを無効にしても、サイトは引き続き完全に機能するため、次のサイトを構築する際に考慮する必要があります。

addtoCartPageの構築をお勧めします。私はそれがあなたが思っているほど悪いとは思わない。

Answer 2

あなたはaddtoCart.phpを持つこの

<a href="javascript:void(0);" onClick="addToCart(1234)">Add To Cart</a> 

Answer 3

あなたのSEOコンサルタントが言ったことから、それは逆です。ほとんどの視覚障害者はキーボードを好む。彼らはとてもうまく使えないマウスです。この名前は、onclickがマウスでのみ機能すると考えるようになりますが、一般に、マウスクリックだけでなくEnterキーでトリガーされるので、onclickは視覚障害者/非マウスユーザーにとってうまく機能します。 http://webaim.org/techniques/javascript/eventhandlers#onclickを参照してください。

アクセシビリティのためにonkeypressを使用するのは、not a good ideaです。 Jeremy Keithはタブキーでさえも発火させる可能性があるため、「Beware of onkeypress」と言っています。

一般的にプログレッシブエンハンス以外にも、特にUnobtrusive Javascriptを試してみると、リンクを書き換えるためにJavaScriptを使用するため、JavaScriptを使用しないユーザーは通常のHTMLリンクを取得できます。 GoogleがあなたのJavascriptリンクに従うことができない場合、あなたはSEOの問題があります。