使onClick事件适用于视障人士

时间:2011-01-18 08:52:59

标签: javascript onclick accessibility

我遇到了一个使用onClick事件将商品添加到购物车的网站的问题。问题出现在视力不佳的用户身上,他们无法使用键盘来添加产品。

我想用正常的href =“addtocard.php?id = 1234”来恢复添加功能应该可以解决问题,但在SEO方面这可能会影响其他问题。

还有其他方法,可能使用onkeypress等事件,或者与javascript的使用完全相关?提前谢谢。

3 个答案:

答案 0 :(得分:2)

有一个addtoCart.php?ID = 5不应该对你的SEO产生不利影响。现代/顶级搜索引擎将足够聪明,能够识别该页面的功能,并相应地对其进行索引。

在设计网站时,我忘记了此类设计的具体名称,但最好将其向上构建,即在网站底部添加onclick / javascript功能,因此,如果用户禁用了这些功能,网站仍然可以正常运行,因此在构建下一个网站时需要考虑这一点。

所以我建议构建addtoCartPage。我认为它并不像你想象的那么糟糕。

答案 1 :(得分:0)

你可以使用这样的东西

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

或类似的东西

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

答案 2 :(得分:0)

这是您的SEO顾问所说的另一种方式。大多数视障人士更喜欢键盘。它是老鼠,他们不能很好地使用。该名称使您认为onclick仅适用于鼠标,但通常,onclick适用于视觉障碍/非鼠标用户,因为它是使用Enter键和鼠标单击触发的。请参阅http://webaim.org/techniques/javascript/eventhandlers#onclick

这就是使用onkeypress进行访问的原因not a good idea。 Jeremy Keith断然说道,“Beware of onkeypress”,因为即使是一把Tab键也可以解雇它。

除了渐进式增强功能外,您可能会特别尝试Unobtrusive Javascript,它使用Javascript重写链接,这意味着没有Javascript的用户可以获得常规的HTML链接。如果Google无法关注您的Javascript链接,那么您确实存在SEO问题。