我为一个基金会工作,该基金会旨在提高人们对互联网无障碍的认识。为了演示,我们想提供一个小型研讨会,模拟不同的残疾/缺陷。这是通过一个专门为这次演示创建的网站来完成的。

其中一个被证实的缺陷是有震颤,这意味着经历颤抖,难以控制的手部运动。由于这种缺陷,当鼠标在链接上时,很难准确地移动鼠标光标并按下鼠标按钮。一些老年人和有疾病的人,如帕金森氏症患者,都可能患有震颤。

现在我想以一种不可预测的方式移动鼠标光标,这样人们就很难点击一个小按钮。因为JavaScript不允许直接移动鼠标光标,所以我正在寻找其他方法来实现这一点。我有以下想法:

使用模拟鼠标晃动的鼠标驱动程序/实用程序。 通过CSS隐藏鼠标光标,在原始光标的位置放置一个晃动的鼠标光标的GIF动画(使用JavaScript),然后让目标链接每隔几秒就可以点击一次,持续一秒钟左右。这至少会给人一种感觉,好像总是在错误的时刻点击。

虽然第一个想法很酷,但我找不到这样的工具,无论是Mac还是Windows。我自己也没有任何编程技能。

第二个想法似乎有点笨拙,但我认为它会达到预期的效果。

有人有别的想法吗?


当前回答

这只是一个让震颤“正确”的想法,你可以记录一个真实病人的鼠标运动,这使它更真实,当你告诉人们数据来自哪里。

这里有一个脚本,让猫跟随你的鼠标光标,你可以调整一个,让第二个光标跟随(跳跃)你的光标。该页面正在计算第二个游标的位置,因此它还可以确定单击事件是否成功。

如果可以的话,请让它基于网络,这样你会接触到更多的人,而不是让他们安装一个程序或激活flash或其他任何东西。

其他回答

我曾经在Puppy Linux论坛上开玩笑,得到这样的评论:

患有帕金森症的人不会觉得这很有趣!! 幸运的是,这里的治愈方法就是cntrl-C。

下面是需要xdotool的shell脚本

#!/bin/sh
while :; do
   xdotool mousemove_relative -- -$(($RANDOM % 10)) $(($RANDOM % 10))
   xdotool mousemove_relative -- $(($RANDOM % 10)) -$(($RANDOM % 10))
   sleep ${1:-.1} #adjust this as necessary for effect
done

命名为parkinson_sim,并使用可选参数运行两次震动之间的时间,可以是0.001到999.0。

Parkinson_sim [time_between_tremors_in_seconds] #默认值为0.1

我犯了一个错误,我自己点击了它,而不是从命令行运行它,很快就发现这是多么令人沮丧。我试了几次才打开一个终端窗口来杀死它。

为什么不使用硬件解决方案呢?有一些特定的鼠标你可以添加重量,比如罗技G500。不放重物,而是放一个小的振荡马达,让鼠标轻微摇晃。这也更加模拟了实际的混乱:不仅仅是光标在抖动,而是整个手和鼠标都在抖动。这也意味着你可以展示网站以外的其他软件。

你也可以把一些东西粘在鼠标上,而不是带重量槽的鼠标,但这样更明显。

这只是一个让震颤“正确”的想法,你可以记录一个真实病人的鼠标运动,这使它更真实,当你告诉人们数据来自哪里。

这里有一个脚本,让猫跟随你的鼠标光标,你可以调整一个,让第二个光标跟随(跳跃)你的光标。该页面正在计算第二个游标的位置,因此它还可以确定单击事件是否成功。

如果可以的话,请让它基于网络,这样你会接触到更多的人,而不是让他们安装一个程序或激活flash或其他任何东西。

你可以使用一套模拟老年人的服装,比如本文中描述的那种……我怀疑手颤抖的部分只是一个振动电机绑在手腕上,加上一些厚手套,使手通常笨拙。

我做了一个快速的演示,希望你能够在此基础上编写代码,使用指针锁API。

我分叉这个指针锁演示回购和修改它,以添加一个随机移动元素。

这是我GitHub页面的链接:https://aristocrates.github.io/pointer-lock-demo 这是我的回购链接:https://github.com/aristocrates/pointer-lock-demo

重要的javascript代码包含在app.js的canvasLoop(e)方法中。

与最初的演示相比,我唯一改变的地方是台词

x += movementX * 2;
y += movementY * 2;

我添加了两条线来表示随机移动:

x += Math.floor(Math.random()*3 - 1);
y += Math.floor(Math.random()*3 - 1);

还有很多地方你可以改进,但希望这能帮助你开始。