reCAPTCHA de Google 可通过 teclado 访问

reCAPTCHA de Google 可通过键盘访问 |尼克劳 尼克劳 ¿Cómo dices que te ha quedado?主页 Contrast Checker HeadingsMap Easyvalidator Sobre mí… ← EasyValidator，通过 Firefox 在线验证 Contrast Checker → reCAPTCHA de Google accessible con teclado 由 Rumoroso 发布于 2013 年 8 月 22 日。前几天我引入了“rescripting”这个术语。Rescripting 是一种工作方法，用于在无需重新编程/重新编码的情况下，使脚本、网站等适应某些要求（如可访问性、标准、移动端等）。这对于解决围绕 Javascript 服务构建的系统的可访问性问题特别有用。当我们无法重新编码脚本时，可以选择创建一个补充脚本来解决原脚本引起的问题。这次我编写了一个简单的脚本，使 Google 的 reCAPTCHA 系统可以通过键盘访问。这是一个验证码的示例，用于演示我所说的情况。如果使用 Tab 键导航，焦点会落在文本框上，但如果继续操作，则会跳过三个按钮（刷新、音频版本和帮助）并继续浏览页面。 这导致这三个按钮无法通过键盘访问，因此不符合 WCAG 2 (准则 2.1 键盘可访问：使所有功能可通过键盘使用)。 使这三个按钮可通过键盘访问很简单。在代码中它们是链接，但没有 href 属性，因此无法获得焦点。我所做的是创建了一个简单的脚本来添加 tabindex 属性。 如果将其值设为“0”，我们就可以让链接包含在自然的 Tab 键顺序中，而不会改变其顺序。 因此，正如在可访问 reCAPTCHA 示例中看到的那样，通过一个简单的脚本，我们可以在无需更换验证码系统（因为无法重新编程其包含的代码）的情况下满足 WCAG 2 的要求。这篇文章发布在“可访问性”、“Javascript”和“rescripting”分类下，并标记为“accesibilidad”、“re-scripting”和“rescripting”。 ← EasyValidator，在线验证 Firefox Actualización de Contrast Checker → 4 条关于 Google reCAPTCHA 可键盘访问的回复：2014 年 2 月 18 日 23:25 我查看了您的演示页面，但我无法点击这些链接。我正在 Chrome 中进行测试。Rumoroso dijo：2014 年 2 月 19 日，谢谢您的评论，我猜问题是 recaptcha 的脚本已更改，并且交互元素中没有 onclick 事件，所以我认为是这样。已解决… 问候 Pete dijo: 4 marzo 2014 en 17:14 看起来很棒。如果我选择听音频，“获取音频挑战”链接会神奇地变成“获取视觉挑战”按钮，不确定该部分是否也可以重新编写脚本。 Rumoroso dijo: 12 marzo 2014 en 11:00 嗨，Pete，是的，我没有看到这一点。我刚刚做了一个更改来解决它。该事件不区分键盘的按键代码。感谢您的反馈（对于解决错误很有用……）。如果您看到任何新问题，请取消评论。 Javascript movilidad web Niquelando 重写 按照 @rumoroso Niquelao Funciona 和 WordPress。