Сделать событие onClick для слабовидящих

Question

У меня проблема с веб-сайтом, который использует событие onClick для добавления товаров в корзину.Проблема возникает для слабовидящих пользователей, которые не могут использовать keybord для добавления продуктов.

Я думаю, что возвращение функции добавления с обычным href = "addtocard.php? Id = 1234" должно решить проблему, носо стороны SEO это может повлиять на другие проблемы.

Есть ли другой способ, например, использование событий, таких как onkeypress, или это полностью связано с использованием javascript?Заранее спасибо.

Answer 1

Наличие addtoCart.php? ID = 5 не должно иметь пагубных последствий для вашего SEO.Современные / лучшие поисковые системы будут достаточно умны, чтобы распознать функцию этой страницы и соответствующим образом проиндексировать ее.

При разработке сайтов я забываю конкретное название этого типа дизайна, но это всегда лучшечтобы построить его вверх, то есть добавить функциональность onclick / javascript в качестве дополнительной над верхней частью базы вашего сайта, так что если у пользователей отключена какая-либо из этих функций, сайт все равно будет функционировать отлично, так что это то, что нужно учитыватьпри создании вашего следующего сайта.

Поэтому я бы рекомендовал создать addtoCartPage.Я не думаю, что это так плохо, как ты думаешь.

Answer 2

Это совсем не то, что сказал ваш консультант по SEO. Большинство слабовидящих людей предпочитают клавиатуру. Это мыши, которых они не могут так хорошо использовать. Название заставляет вас думать, что onclick работает только с мышью, но в целом onclick отлично работает для слабовидящих / не мышиных пользователей, так как он запускается клавишей Enter, а также щелчком мыши. Смотри http://webaim.org/techniques/javascript/eventhandlers#onclick.

Вот почему использование onkeypress для доступности - не очень хорошая идея . Джереми Кит категорически говорит: « Остерегайтесь нажатия клавиши », так как даже клавиша Tab может вызвать его срабатывание.

Помимо прогрессивного улучшения в целом, вы можете попробовать Ненавязчивый Javascript , в частности, который использует Javascript для перезаписи ссылок, а это означает, что пользователи без Javascript получают обычные ссылки HTML. Если Google не может перейти по ссылкам Javascript, у вас есть проблема с SEO.

Answer 3

Вы можете использовать что-то вроде этого

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

Или что-то подобное

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