首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【译】W3C WAI-ARIA最佳实践 -- 表单

+ Escape: 关闭包含焦点的菜单并将焦点回到元素或上下文,例如打开菜单的菜单按钮或父级menuitem + Tab: 将焦点移动到Tab序列中的下一个元素,并且如果获得焦点的项目不在 menubar...管理焦点脚本需要确保视觉焦点顺序与此辅助技术阅读顺序相匹配。 菜单按钮 菜单按钮是一个可以打开 menu 的 button 。...button-按钮 ---- 按钮 是一个组件,能够让用户触发一个操作或事件,例如提交一个表单、打开一个对话框、取消操作、或执行删除操作。告知用户一个按钮会打开对话框的惯用方法是将“...”...(见 对话模式) 如果激活按钮关闭一个对话框焦点通常会返回到打开该对话框按钮上,除非该对话框执行的功能会遵从上下文的逻辑,去到一个不同的元素。...例如,激活对话框中的取消按钮焦点回到打开对话框按钮。但是,如果对话框是确认删除其来自页面的操作,焦点将会根据逻辑移动到一个新的上下文。

8.2K30

对话框、模态框和弹出框看起来很相似,它们有何不同?

您可以在对话框中包含一个以 method="dialog" 提交的表单。该表单将在提交关闭对话框。 例子 插入链接对话框,其背后为暗色背景。...显式关闭(通过计时器、关闭按钮或其他脚本);当它打开时,它不会强行关闭任何东西 (后续可能有更多类型) 全屏内容也会强制“auto”类型的 popover 关闭。...披露组件不会捕获焦点,没有背景,也不是模态的。它们通常使用触发器或特定的关闭按钮进行关闭或折叠。 常见问题 焦点应该移到哪里? 当模态对话框打开时,键盘焦点应该移动到默认操作。...如果存在多个按钮,可能是其中最不破坏性的一个,例如如果有“取消”和“确认”按钮,一个合理的默认选项可能是“取消”。 当模式对话框关闭时:如果用户触发它,将焦点移回触发器。...当模态对话框关闭时:如果用户触发了它,将焦点回到触发器。浏览器会对自动执行此操作。对于 popover,只有在“有意义”的情况下才会执行 (请参考 popover 解释器)。

3.4K00
您找到你想要的搜索结果了吗?
是的
没有找到

Adobe国际认证教程指南|Premiere Pro 中的键盘快捷键

应用程序快捷键应用程序快捷键和面板快捷键可为应用程序快捷键和命令快捷键分配命令。不管面板是否为焦点(有一些例外情况),应用程序快捷键都起作用,面板快捷键则只在面板为焦点时起作用。...当出现以下情况时,将显示一个指示快捷键冲突的警告:应用程序快捷键已被另一个应用程序快捷键使用。面板快捷键已被相同面板中的另一个命令使用。当面板为焦点时,面板快捷键覆盖应用程序快捷键。...如果所选快捷键已被使用,“键盘自定义”对话框会显示一个警告。6.执行以下操作之一:要清除某快捷键并将其返回到其原来所属的命令,请单击“撤消”。要跳到之前拥有该快捷键的命令,请单击“转到”。...打印键盘快捷键电子表格您可将来自“键盘自定义”对话框的键盘快捷键列表粘贴到文本文档中,形成类似于电子表格的形式,并可用其进行打印。复制和粘贴方法的优点在于,操作的同时,可复查自定义的键盘快捷键。...单击“剪贴板”按钮。在文本编辑器或电子表格程序中建立一个新文档。将剪贴板的内容粘贴至该文档中。保存该文档,然后打印。

2.3K40

13典藏AutoHotKey脚本让您生活更轻松

让我分享我最喜欢和最常用的AutoHotKey脚本,这些脚本使我的日常任务更加轻松,这可能会对您有所帮助。 在开始之前,假定您已经知道如何安装和配置AutoHotKey。...在早期版本的Windows中,退格键可以完成工作,但现在退格键是切回到上一个访问的目录。我不喜欢单击该小图标来向上移动文件夹,因此我使用以下脚本通过单击鼠标中键来访问上一级目录。...这个简单的脚本使我免于使用鼠标来执行相同的任务。...例如,在处理电子表格时,您可能会经常访问计算器应用程序,这时将计算器置于电子表格上面的话会非常方便。使用AutoHotKey,您只需一行代码即可轻松完成此操作。 ; 将当前窗口置顶 shift+空格。...,但确实使事情变得简单。

2.4K20

18个您想了解的微小但有用的macOS功能

要设置书签快捷方式,请跳至“系统偏好设置”>“键盘”>“快捷方式”>“应用程序快捷方式”。在此处,单击右侧面板下方的“+”按钮,以打开快捷方式创建器(我的术语)对话框。...单击屏幕上的其他位置以取消焦点在地址栏。...4.跳回到搜索结果 在获取上面的屏幕截图时,我偶然发现了另一个功能:SnapBack。 当您单击Google之类的搜索结果中的链接,然后从一个网页跳至下一个网页时,回到您的搜索结果是很痛苦的,对吧?...15.强制退出应用 是否正在寻找一种关闭不响应或故障应用程序的快速方法?使用快捷键Command + Option + Esc弹出“强制退出应用程序对话框。...然后,您可以从活动应用程序列表中选择该应用程序,然后单击“强制退出”按钮来强制其关闭。命令-在列表中选择多个应用程序以一次将其全部关闭

6K30

Visual Studio Code1.67版本已正式发布,新增Rust指南

设置编辑器搜索过滤按钮 设置编辑器搜索控件现在在右侧包含一个漏斗按钮。...confirmBeforeClose可以配置为在退出应用程序之前显示一个确认对话框 您可以选择keyboardOnly来在使用键绑定时打开确认对话框,也可以一直打开,甚至在使用鼠标退出时也可以。...代码 / 文件自动保存功能 17.1 引入自动保存文件的新功能,每当 Visual Studio 失去焦点(例如在 Windows 中切换到另一个应用程序),它都会尝试保存 IDE 中的每个脏代码文档(...可在 “工具”>“选项”>“环境”>“文档” 中设置开启或关闭该功能。...签出提交(Checkout comit) 增强 Head 分离的能力,对代码审查和测试都有帮助。比如可以通过签出(可以理解为 “分离”)最近的几个提交,进而回到之前的代码节点进行测试。

27230

Python 自动化指南(繁琐工作自动化)第二版:二十、使用 GUI 自动化控制键盘和鼠标

如果鼠标自己四处移动,停止程序可能会很困难,使您无法单击 Mu 编辑器窗口来关闭它。幸运的是,有几种方法可以防止 GUI 自动化问题或从中恢复。...如果它和灰色按钮的灰色不一样,那么你的程序就知道有问题。可能窗口意外移动,或者可能弹出的对话框阻止了按钮。...按Enter来“点击”提交按钮提交表单后,浏览器会将您带到一个页面,您需要通过该页面上的链接返回到表单页面。...第五步:提交表单,等待 您可以通过将person['comments']作为一个参数传递来使用write()函数填充附加注释字段。您可以键入一个附加的'\t'来将键盘焦点移动到下一个字段或提交按钮。...一旦提交按钮成为焦点,调用pyautogui.press('enter')将模拟按下ENTER键并提交表单。提交表单后,您的程序将等待五秒钟来加载下一页。

8.2K51

Python 自动化指南(繁琐工作自动化)第二版:十四、使用谷歌表格

虽然不如官方的谷歌表格API 功能全面,但 EZSheets 使常见的电子表格任务易于执行。...将该文件重命名为credentials-sheets.json,并将其放在与 Python 脚本相同的文件夹中。...这里,您在索引0处创建标题为Bacon的工作表,使Bacon成为电子表格中的第一个工作表,并将其他三个工作表替换一个位置。这类似于insert()列表方法的行为。...在表单的“响应”选项卡上,单击绿色的创建电子表格按钮来创建一个谷歌表格电子表格,它将保存用户提交的响应。您应该会在该电子表格的第一行看到您的示例回答。...编写一个脚本,将提交的文件传递给upload()。

8.4K50

VBA专题05-1:一文彻底掌握用户窗体编程基础知识(上)

在Windows对话框中所看到的大多数控件都能在用户窗体中实现,例如命令按钮、选项按钮、复选框、文本框、组合框,以及一些其它不常用的控件如图像、日历,等等。...最好在每类控件名前加一个前缀来代表该控件的类型,例如,frm代表用户窗体,opt代表选项按钮,等等。这样,将会使代码更易阅读,并且也方便应用一些使代码更为简洁的技巧。...模式窗体不允许用户当窗体显示时还能够在Excel中进行其它的操作,像MsgBox对话框一样。无模式窗体则允许用户当窗体显示时在Excel中进行其它操作,然后回到用户窗体中来。...能够使代码暂时停止,直到用户窗体关闭后继续执行。...例如,能够从电子表格中更新最新的数据到文本框中、改变文本框的缺省值为当天的日期,等等。 请求关闭和中止 结束用户窗体的事件有两个:请求关闭(QueryClose)和中止(Terminate)。

6K20

Vitis指南 | Xilinx Vitis 系列(三)

Run:此选项使您可以创建,选择和启动运行配置,并显示反映运行记录的命令控制台。...当报表的结构类似于电子表格时,您可以像电子表格一样与报表进行交互,选择数据行或单元格,并通过单击列标题对列进行排序。...要关闭“报告导航器”中显示的所有文件,请选择“ 文件” >“ 关闭所有文件”命令。这会将Vitis分析器返回到主屏幕。...Show this page before run:该复选框打开带有指定运行的“运行配置”对话框,允许您在实际运行之前编辑任何当前设置。 3.编辑运行配置后,选择确定以接受您的更改并关闭对话框。...4.选择应用接受更改并保持对话框打开,或者选择取消拒绝更改并关闭对话框。 5.如果在启动选定的运行之前已打开“运行配置”对话框,请选择“运行”启动运行,或按“ 取消”关闭对话框而不启动运行。

1.9K10

如何使用AngularJS和PHP为任何位置生成短而独特的数字地址

Google会分配API密钥,以便开发人员可以在Google地图上使用JavaScript API,您需要获取该API并将其添加到您的网络应用程序代码中。...只要用户提交表单,该index.php文件就会调用该geoimplement.php文件。geoimplement.php拨打Google Maps API并将地址传递给它。...我们还将添加几个事件监听器,使应用程序更具交互性。具体来说,我们将使用这些侦听器更改应用程序映射中显示的位置,放置标记,并在用户在表单中输入信息时在该位置周围绘制一个矩形。...这些行告诉应用程序在用户的焦点偏离我们在步骤4中创建的相应表单字段时调用该geocodeAddress函数。请注意,您还必须删除关闭每个input标记的斜杠和大于号(/>)。...保存并关闭该文件,然后再次在浏览器中刷新应用程序。输入您选择的地址,然后单击“ 生成”按钮。输出看起来类似于: 在此阶段,您已完成申请,现在可以为世界上任何实际位置生成短数字地址。

13.1K20

Google Earth Engine (GEE) ——Earth Engine Explorer (EE Explorer)使用最全解析(8000字长文)

地球引擎探索者 按照此链接 ( https://explorer.earthengine.google.com ) 将您带到 EE Explorer 应用程序。...还有一个蓝色的在工作区中打开按钮可用于将数据集添加到当前工作区(更多内容见下文)。 您可以通过单击浏览器的“返回”按钮两次或单击右上角的“数据目录”按钮回到“数据目录”页面。...添加数据后,您会看到数据集覆盖在谷歌地图基础图层上,数据集名称添加到数据列表中,图层的可视化设置对话框打开并附加在数据集名称的右侧。 现在关闭图层设置对话框 - 我们稍后会重新访问它。...图层可见性 单击数据层名称右侧的可见性按钮(眼睛图标),关闭数据层的可见性。您将看到显示的 Google 地图地形视图。 再次单击可见性按钮(眼睛图标)使数据图层再次在地图上可见。...要添加其他数据集,请返回到数据目录并简单地选择另一个数据集。您可以通过以下三种方式之一访问数据目录: 单击右上角按钮栏中的数据目录按钮。 单击数据层列表右上角的“+”按钮

19010

速读原著-Android应用开发入门教程(Android SDK的开发环境)

提供了一个新的项目向导(New Project Wizard),帮助你快速生成和建立起新 Android 应用程序所需的最基本文件 使构建 Android 应用程序的过程变得自动化,以及简单易行。...在“Add Site”对话框中,输入 Android 插件的路径: https://dl-ssl.google.com/android/eclipse/ 另外的一种方式是点击 Archive…按钮,这样可以不使用网络...第三步:回到安装对话框,可以看到 plugin 的 URL 下面有“Developer Tools”。选择到“Developer Tools”中, ?...在“Add Site”对话框中,输入 Android 插件的路径: https://dl-ssl.google.com/android/eclipse/ 另外的一种方式是点击 Archive…按钮,...第四步:回到软件升级对话框,work with 的路径变为了 https://dl-ssl.google.com/android/eclipse/,后面的列表变为了“Developer Tools”,其中包含了两个项目

87320

配置Android项目 - 一些重要的事情

只需输入必要的关键字,如 — Android,Intellij并点击生成按钮。 ? 在模板项目中查看gitignore文件。...(特别是对于那些使用Project视图,而不是Android视图) 尝试创建一个文件夹(例如tools),并将所有这些文件放入此文件夹。 ?...使用本地调试keystore时有几个问题: 到期日365天 从多台计算机安装应用程序需要先卸载 google服务需要密钥库SHA-1指纹 这就是为什么我通常生成调试密钥库并提交到版本控制系统。 ?...,使调试更困难。...strict mode Android StrictMode可帮助您检测不同类型的问题: 可关闭对象没关闭 在主线程中读写文件或者访问网络 uri 暴露 … 每当检测到这样的问题,它可以显示适当的日志或应用程序崩溃

64720

带有桌面和推荐软件的 Raspberry Pi OS免费下载

32位 内核版本:5.15 Debian 版本:11 大小:2,277 MB 发行说明 2022-04-04: * 默认“pi”用户已被删除;首次启动向导强制创建新用户帐户 * 添加了重命名用户脚本...,而不是通过点击任意位置 * 书架现在与书籍和杂志的翻译版本兼容,并将根据系统语言设置在可用的情况下提供翻译版本 * 错误修复 - 节流检测失败时 CPU 温度插件崩溃 * 错误修复 - 如果...Orca 正在运行,关闭命令和关闭对话框将强制杀死它,以防止它锁定重启或关闭进程 * 添加了各种额外的语言翻译 * 各种小错误修复和 UI 调整 * 树莓派固件 b324aea801f669b6ab18441f970e74a5a7346684...* 使用的 lxpanel 插件的常用图标加载代码 * 增加了意大利语翻译 * 鼠标指针初始移动到菜单按钮禁用 * 删除菜单按钮左侧的填充 * 焦点行为发生变化,如果没有打开任何窗口...,焦点会移至桌面 - 提高 Orca 屏幕阅读器的可靠性 * 错误修复 - 音量插件中的焦点错误 * 错误修复 - 鼠标和键盘设置中的键盘重复间隔错误 * 错误修复 - 电池插件中的电池检测错误

2K20

Window对象

Window对象 window作为全局变量,代表了脚本正在运行的窗口,将属性与方法暴露给JavaScript。 Window对象属性 closed: 表示所引用的窗口是否关闭。...Window对象方法 alert(): 显示一个警告对话框,上面显示有指定的文本内容以及一个确定按钮。 atob(): 解码一个Base64编码的字符串。...close(): 关闭当前窗口或某个指定的窗口。 confirm(): 显示带有一段消息以及确认按钮和取消按钮对话框。 focus(): 把焦点给予一个窗口。...stop(): 停止页面载入,相当于点击了浏览器的停止按钮。 Window对象事件 加载相关 onbeforeunload: 该事件在即将离开页面(刷新或关闭)时触发。...窗口相关 onblur: 窗口失去焦点时触发。 onfocus: 窗口获得焦点时触发。 onresize: 窗口大小发生改变时触发。 onscroll: 窗口发生滚动时触发。

2.4K20

UI Browser Mac (Apple辅助功能和GUI脚本助手)

使您可以编写简单的AppleScript脚本来管理大多数Macintosh应用程序,这些脚本可以自动执行其窗口,菜单,按钮和其他用户界面元素,即使目标应用程序本身无法编写脚本也是如此。...UI浏览器是用户界面导航器您可以探索大多数macOS应用程序的几乎每个窗口,菜单,按钮和其他UI元素。...您可以在熟悉的macOS浏览器视图中一目了然,所有这些视图均位于应用程序的包含层次结构中,可轻松浏览窗口,工作表,抽屉,对话框和其他视图。...您还可以执行目标应用程序的UI元素支持的所有操作,例如单击其菜单项和按钮并确认文本字段条目。...您甚至可以将键盘快捷键发送到目标应用程序焦点元素,然后在目标应用程序的活动文本字段或文本视图中输入各个字符。

1.3K20

不写一行代码,如何实现前端数据发送到邮箱?

经常在很多网站上都能看到类似的表单信息功能,用户只需要填写相关内容,点击提交按钮,就可以将表单内容发送到管理员邮箱。...“后端”的操作,来将前后按钮和发送邮件功能进行绑定。...1.制作存储表格 首先我们需要登陆Google表格并创建一个用于存储邮件信息的电子表格,注意需要设置好你需要的字段 当然可以直接打开下面的模版来创建一个副本 https://docs.google.com...发送表单数据 现在,任何人都可以填写对应表格内容,并点击发送 你的 Google 表格中就会增加一条数据 并且你的邮箱中也会收到一封新增内容的邮件 至此,我们仅通过 Google 表格与简单的脚本修改就完成的...并将下方代码添加到网页文件中 <script data-cfasync="false" type="text/javascript" src="form-submission-handler.js"

5.5K30

【译】W3C WAI-ARIA最佳实践 -- 控件

但是,与非模态对话框不同的是,模态对话框没有提供在不关闭当前对话框的情况下,将键盘焦点移出对话框窗口的方法。...当一个对话框关闭时,焦点回到唤起该对话框的元素上,除了: 唤起元素不复存在,此时,焦点被设置在逻辑工作流程中的另一个元素上。...对话框关闭以后,焦点应该放在新增行的第一个单元格中。 强烈建议在所有对话框中的Tab序列中,包含一个具有 button 角色的可见元素来关闭对话框,例如一个关闭图标,或者取消按钮。...所以, 以下两点同时出现时,标记为模态对话框应用程序代码防止所有用户以任何方式和对话框外的元素进行交互。 视觉样式模糊了对话框外的内容。...用于管理焦点脚本需要确保视觉焦点与这个辅助技术读取顺序相匹配。

4.4K30
领券