可访问性旨在使每个人都可以使用应用程序或网站,包括视力,听觉,走动或认知障碍等残疾人。
我在 Svelte 应用程序中有一个表单,如下所示: 我在 Svelte 应用程序中有一个这样的表单: <!-- markup for editing todo: label, input text, Cancel and Save Button --> <form on:submit|preventDefault={onSave} class="stack-small" on:keydown={e => e.key === 'Escape' && onCancel()}> <div class="form-group"> <label for="todo-{todo.id}" class="todo-label">New name for '{todo.name}'</label> <input bind:value={name} type="text" id="todo-{todo.id}" autoComplete="off" class="todo-text" /> </div> <div class="btn-group"> <button class="btn todo-cancel" on:click={onCancel} type="button"> Cancel<span class="visually-hidden">renaming {todo.name}</span> </button> <button class="btn btn__primary todo-edit" type="submit" disabled={!name}> Save<span class="visually-hidden">new name for {todo.name}</span> </button> </div> </form> 我想在用户按下输入或任何按钮上的 esc 键时执行 onCancel(),但我收到以下警告: A11y:非交互式元素 <form> 不应分配鼠标或键盘事件侦听器。 正确的处理方法是什么? 这总是取决于具体情况。重要的是,所有操作都可以通过键盘和鼠标进行,并且使用屏幕阅读器的用户可以获得所有必要的信息。 因为在这里取消也可以通过常规按钮调用(并且处理程序不关心处理直接分派到元素的事件,这需要元素可聚焦和聚焦),我想说这很好。 唯一可能出现问题的是有关执行取消的反馈。如果此表单是对话框的一部分并且这只是关闭对话框,那么这将是 ESC 上的预期操作。通常,焦点应该切换回打开对话框的任何内容,这应该提供足够的上下文。 特别是在处理冒泡事件时,您可能会收到一些误报警告。如果警告被确定为误报,您可以通过上面的 <!-- svelte-ignore a11y-<code> --> 评论忽略它。
我在 Svelte 应用程序中有一个表单,如下所示: 我在 Svelte 应用程序中有一个这样的表单: <!-- markup for editing todo: label, input text, Cancel and Save Button --> <form on:submit|preventDefault={onSave} class="stack-small" on:keydown={e => e.key === 'Escape' && onCancel()}> <div class="form-group"> <label for="todo-{todo.id}" class="todo-label">New name for '{todo.name}'</label> <input bind:value={name} type="text" id="todo-{todo.id}" autoComplete="off" class="todo-text" /> </div> <div class="btn-group"> <button class="btn todo-cancel" on:click={onCancel} type="button"> Cancel<span class="visually-hidden">renaming {todo.name}</span> </button> <button class="btn btn__primary todo-edit" type="submit" disabled={!name}> Save<span class="visually-hidden">new name for {todo.name}</span> </button> </div> </form> 当用户按下输入或任何按钮上的 esc 键时,我想执行 onCancel(),但我收到以下警告: A11y:非交互式元素 <form> 不应分配鼠标或键盘事件侦听器。 正确的处理方法是什么? 这总是取决于具体情况。重要的是,所有操作都可以通过键盘和鼠标进行,并且使用屏幕阅读器的用户可以获得所有必要的信息。 因为在这里取消也可以通过常规按钮调用(并且处理程序不关心处理直接分派到元素的事件,这需要元素可聚焦和聚焦),我想说这很好。 唯一可能出现问题的是有关执行取消的反馈。如果此表单是对话框的一部分并且这只是关闭对话框,那么这将是 ESC 上的预期操作。通常,焦点应该切换回打开对话框的任何内容,这应该提供足够的上下文。 特别是在处理冒泡事件时,您可能会收到一些误报警告。如果警告被确定为误报,您可以通过上面的 <!-- svelte-ignore a11y-<code> --> 评论忽略它。
如何在 Android Compose 的辅助功能模式下找到哪个元素具有焦点?
当可组合项聚焦于辅助功能模式时,我需要做一些事情,但我似乎找不到方法来做到这一点。 我无法捕捉焦点位于可组合项上的那一刻...
AccessibilityNodeInfo.CollectionInfo 的问题
我未能使用 CollectionInfo 和 CollectionItemInfo 实现列表信息。 我已经编译成功,并且应用程序也启动了。我预计 TalkBack 会读取列表总数
accessibilityIdentifier 从 iOS 15 开始无法正常工作
我正在开发的应用程序已使用 Appium 对其 ui 进行了测试。因此,我在视图上设置了可访问性标识符。 结构 RootView: 视图 { var body: 一些视图 { 虚拟堆栈{ ...
如何让 JAWS 将单元格连接到 Word/PDF 文档中的标题?
我目前正在测试一个8列2行的PDF文档,其中顶行是标题行,第二行是连接到顶行的主要数据。我需要连接...
如何使用 jQuery 使页面上响应单击的所有内容也响应 Enter 和空格键?
作为一名辅助功能顾问,我经常遇到的一件事是,控件在单击鼠标时起作用,但在 Enter 或空格键上不起作用。有很多关于如何向特定添加关键功能的示例
在我们的前端,我们向用户显示 toast 通知,以便通知状态更新,例如任务成功完成或由于获取操作失败而导致的错误通知。 每个
有什么方法可以从应用程序代码中禁用按钮形状的可访问性吗? 因为它在整个应用程序中显示灰色的背景,这会杀死 UI 部分。 选项卡和所有按钮均显示灰色背景
问题 当父 div 获得焦点时,该 div 的整个内容将被读取两次,而不是一次。 此外,“可点击”被阅读了六次,而不是一次。 这个问题出现在Google
我有一个 div 标签,其中加载了一些内容。里面的内容可以有可聚焦的按钮、锚元素等。我无法控制内容,但我可以修改...
aria-errormessage 和 aria-alert 有什么区别?
我是辅助功能类型的新手。关于何时使用 aria-errormessage 和何时使用 aria-alert 存在混淆。 我需要在 aria-live 区域显示其中之一。我应该使用哪个?为什么?
我应该使用什么 HTML 语义来使自定义计算器的输出易于访问?
我正在开发一个简单的计算器工具。现在,我使用带有 readonly 属性的 元素来设置计算结果的样式。然而,虽然我认为这会产生
我想制作一个应用程序,使用 flutter.id 自动单击另一个应用程序上按钮的 id。我使用 uiautomatorviewer 来获取它。但是有关如何自动编码的文档...
向 Leaflet js Choropleth 地图添加键盘控件
我有一个 leaflet.js 等值线地图,几乎与教程地图一模一样 http://leafletjs.com/examples/choropleth.html 我希望能够浏览地图并了解各州的信息...
我正在尝试使用 Java Access Bridge 从 C++ 应用程序内部获取有关 Swing 组件的信息。 但是,我注册的回调都没有被调用。 我尝试枚举窗口...
启动时不关注 Talkback 可访问性 ModalBottomSheetLayout
创建了模态底部表单。当底部工作表启动时对讲开启时尝试获得焦点。它不起作用。另外,当移动焦点时,它也会集中在视图后面的组件上......
我正在创建一个,其验证错误显示在相关输入下方。为了使表单更易于访问,我在 div 中添加了 aria-lives 来保存错误消息。拥有超过...
如何在常规应用程序中正确处理键盘转义按钮?如果您遵循辅助功能指南,它应该会触发后退导航。 在旧的 Android 方式中,这将被处理...
使用全键盘访问时如何使顶部视图控制器通过“tab”或“arrow”键接收焦点
问题:顶部视图控制器 (CardVC) 无法通过全键盘访问进行聚焦 问题: 显示 CardVC 时,如果启用了全键盘访问,则可以通过按 Tab 或箭头