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

【译】W3C WAI-ARIA最佳实践 -- 布局

需要作者提供 manages focus movement inside it 的代码。 Table中的所有可聚焦元素均被包含在页面Tab序列中。...如果输入框是个单行文本框,连续按 Enter ,会重置网格导航功能,或移动焦点到附近单元格的输入框中。 如果单元格包含一个或多个组件,将焦点放置在第一个组件上。...F2: 如果单元格包含可编辑的内容,则会将焦点放在输入字段中,例如 textbox。随后按下 F2 恢复网格导航功能。 如果单元格包含一个或多个组件,将焦点放置在第一个组件上。...如果所有单元格的编辑功能都被禁用,在网格元素上设置 aria-readonly 为 true。不提供编辑功能的网格在任何元素上都不包含 aria-readonly 属性。...在应用程序中,快速访问工具栏非常重要,例如,从编辑器的文本区域快速访问到编辑器的工具栏,建议使用文档快捷键,从相关上下文中移动焦点到对应工具栏。

6.2K50

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

Ctrl+L 当布局为活动视图时,锁定或解锁在内容窗格中选择的项目。 Ctrl+Shift+L 当布局为活动视图时,请在内容窗格中锁定或解锁该级别上的所有项目。...创建注记 用于注记构造工具的键盘快捷键 键盘快捷键 操作 注释 Ctrl+W 查找文本 使用最顶层所选要素图层中的标注表达式或字段值替换文本框中的文本字符串。...将鼠标悬停在现有线段上,然后按键盘快捷键。释放键将设置约束并闪烁将其约束到的线段。 Esc 或 Ctrl+Delete 取消编辑。 取消未完成的要素。 F3 添加直角并完成要素。...布局 处理布局时适用的键盘快捷键 键盘快捷键 操作 Ctrl+A 选择页面上的所有元素。 Ctrl+Backspace 取消选择页面上的所有元素。...要在不打开字段视图的情况下重新显示所有字段,请单击表格视图顶部的菜单按钮,然后单击显示所有字段。此时,所有隐藏字段将恢复为显示状态,并在表格视图和其他对话框中变为可用状态。

1.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML 表单和约束验证的完整指南

    并为此经常管辖约束上或理事什么应该和不应该被输入到每个表单域的规则- 。...现代浏览器对所有类型都有很好的支持,但旧浏览器仍会显示文本输入字段。...pattern 正则表达式模式,例如[A-Z]+一个或多个大写字符 placeholder 字段值为空时的占位符文本 readonly 该字段不可编辑,但仍将被验证并提交 required 该字段是必需的...:focus-visible 由于键盘导航,元素具有焦点,因此需要焦点环或更明显的样式 :required 具有required属性的字段 :optional 没有required属性的字段 :valid...同样,无效表单可能会突出显示无效字段。 现场验证 各个字段具有以下约束验证属性: willValidate:true如果元素是约束验证的候选元素,则返回。

    8.4K40

    简单了解下无障碍设计模式

    对于重要的状态,可以同时使用多个视觉提示。使用下划线、指示符、图案或文本等元素来描述操作和内容。 正确示例 文本字段的错误状态使用了多个提示来传达:标题颜色、文本字段下划线、字段下面的错误提示。...错误示例 当把重要的操作嵌入到其他内容中时,就不清楚什么是页面中最重要的元素。 焦点顺序 输入焦点应该按照视觉布局的顺序排列,从屏幕顶部到底部。它应该从最重要的项目到最不重要的项目进行遍历。...这些分组会在空间上组织内容。 过渡 屏幕和任务之间的焦点遍历应尽可能保持连续。 如果一个任务中断了,然后又恢复,请将焦点放在之前聚焦的元素上。 绿色圆圈表示屏幕中的元素接收焦点的顺序。...其他设计的注意事项: 使用可缩放文字和一个宽敞的布局,来适应那些可能开启大文字、颜色矫正、放大或其他无障碍功能的用户 键盘/鼠标界面可以仅通过键盘就能访问所有任务和所有悬浮信息 触摸界面应允许屏幕阅读器和其他无障碍设备读取界面中的所有内容...屏幕阅读器会大声朗读屏幕上所有的文本,包括可见和不可见的替代文本。 无障碍文本包括可见文本(包括 UI 元素中的标签、按钮中的文字、链接和表单)和不可见的描述(没有文本标签的按钮的替代文字)。

    4.8K40

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

    把焦点移到menuitem中的前一个menubar. 3. (推荐)打开该menuitem的子菜单但不用将焦点移动到子菜单,或者打开该menuitem的子菜单,并将焦点放置在子菜单的第一个项目上。...例如,当在编辑文本时按下快捷键时,一个富文本编辑器的菜单栏可能会获得焦点,例如alt + F10。在这种情况下,点击Escape 或从菜单中激活一个命令可能会将焦点返回给编辑器。 4....如果数值编辑按钮的文本框允许直接编辑其值,支持以下键。 适用于设备平台的标准单行文本编辑键(请参阅下面的注释)。 可打印字符: 在文本框中输入字符。...任何其他字符输入不会更改文本字段的内容和按钮的值。 NOTE 操作过程中焦点仍在文本字段上。 适用于设备平台的标准单行文本编辑键: 包括输入键,光标移动,选择和文本操作。...用于编辑功能的标准键分配依赖于操作系统。 提供文本编辑功能的最强大的方法需要依靠浏览器,浏览器为HTML文本输入类型的组件和具有 contenteditable HTML属性的元素支持文本编辑功能。

    8.3K30

    JavaScript(十三)

    表单字段 可以像访问页面中的其他元素一样,使用原生 DOM 方法访问表单元素。此外,每个表单都有 elements 属性,该属性是表单中所有元素的集合。...在支持这个属性的浏览器中,只要设置这个属性,不用 JavaScript 就能自动把焦点移动到相应字段。...共有的表单字段事件 所有表单字段都支持下列 3 个事件: blur: 当前字段失去焦点时触发 focus: 当前字段获得焦点时触发 change: 对于 input 和 textarea 元素,在它们失去焦点且...value 值改变时触发,对于 select 元素,在其选项改变时触发 文本框脚本 ---- 在 HTML中,有两种方式来表现文本框: 使用 input 元素的单行文本框 使用 textarea 元素的多行文本框...具体来说,就是要在 HTML 标记中为特定的字段指定一些约束,然后浏览器才会自动执行表单验证。

    3.3K20

    Android富文本开发

    结束后,光标移到插入图片中的最后一行显示; 编辑状态中,图片点击暴露点击事件接口,可以在4个边角位置动态设置一个删除图片的功能,点击删除按钮则删除图片; 连续插入多张图片时,比如顺序1,2,3,注意避免出现图片插入顺序混乱的问题...CHANGE_APPEARING:由于容器中要显现一个新的元素,其它元素的变化需要动画显示。 DISAPPEARING:元素在容器中消失时需要动画显示。...CHANGE_DISAPPEARING:由于容器中某个元素要消失,其它元素的变化需要动画显示。...json数据提交给服务器; 19.2 编辑富文本 服务器返回html给客户端加载 涉及到富文本的加载,后台管理端编辑器生成的一段html 代码要渲染到移动端上面,一种方法是前端做成html页面,放到服务器上...可以先创建一个对象用来存储数据,下面这个实体类比较简单,开发中字段稍微多些。

    8.5K20

    IntelliJ Idea快捷键

    选中文本,按Ctrl+Shift+F7 ,高亮显示所有该文本,按Esc高亮消失。 Ctrl+W 选中代码,连续按会有其他效果 选中文本,按Alt+F3 ,逐个往下查找相同文本,并高亮显示。...11 、如果你不想让指示事件细节的“亮球”图标在编辑器上显示,通过按 Alt-Enter 组合键打开所有事件列表然后用鼠标点击它就可以把这个事件文本附件的亮球置成非活动状态。...选择的名字会随着输入的字符自动输入到编辑器里。 13 、在任何工具窗口里使用 Escape 键都可以把焦点移到编辑器上。...Shift-Escape 不仅可以把焦点移到编辑器上而且还可以隐藏当前(或最后活动的)工具窗口。 F12 键把焦点从编辑器移到最近使用的工具窗口。...31 、如果要了解主菜单里每一个条目的用途,把鼠标指针移到菜单条目上再应用程序框架的底部的状态栏里就会显示它们的一些简短描述,也许会对你有帮助。

    1.4K60

    Android Studio快捷键

    +[或]可以跳到大括号的开头结尾 4.Ctrl+Shift+Backspace可以跳转到上次编辑的地方 5.Ctrl+F12,可以显示当前文件的结构 6.Ctrl+F7可以查询当前元素在当前文件中的引用...11 、如果你不想让指示事件细节的“亮球”图标在编辑器上显示,通过按 Alt-Enter 组合键打开所有事件列表然后用鼠标点击它就可以把这个事件文本附件的亮球置成非活动状态。...选择的名字会随着输入的字符自动输入到编辑器里。 13 、在任何工具窗口里使用 Escape 键都可以把焦点移到编辑器上。...Shift-Escape 不仅可以把焦点移到编辑器上而且还可以隐藏当前(或最后活动的)工具窗口。 F12 键把焦点从编辑器移到最近使用的工具窗口。...31 、如果要了解主菜单里每一个条目的用途,把鼠标指针移到菜单条目上再应用程序框架的底部的状态栏里就会显示它们的一些简短描述,也许会对你有帮助。

    1.1K70

    IDEA-常用快捷键列表

    Ctrl+F7,可以查询当前元素在当前文件中的引用,然后按 F3 可以选择 Ctrl+N,可以快速打开类 Ctrl+Shift+N,可以快速打开文件 Alt+Q,可以看到当前方法的声明 Ctrl+P,...,这个功能在编辑 JSP 文件时也可以工作 Ctrl+Alt+O,优化导入的类和包 Ctrl+R,替换文本 Ctrl+F,查找文本 Ctrl+Shift+Space,自动补全代码 Ctrl+空格,代码提示...(与系统输入法快捷键冲突) Ctrl+Shift+Alt+N,查找类中的方法或变量 Alt+Shift+C,最近的更改 Alt+Shift+Up/Down,上/下移一行 Shift+F6,重构 – 重命名...在方法间快速移动定位 Ctrl+Shift+Up/Down,向上/下移动语句 F2 或 Shift+F2,高亮错误或警告快速定位 Tab,代码标签输入完成后,按 Tab,生成代码 Ctrl+Shift+F7,高亮显示所有该文本...+Esc,不仅可以把焦点移到编辑器上,而且还可以隐藏当前(或最后活动的)工具窗口 F12,把焦点从编辑器移到最近使用的工具窗口 Shift+F1,要打开编辑器光标字符处使用的类或者方法 Java 文档的浏览器

    87020

    IntelliJ Idea 常用快捷键列表

    Ctrl+F7,可以查询当前元素在当前文件中的引用,然后按 F3 可以选择 Ctrl+N,可以快速打开类 Ctrl+Shift+N,可以快速打开文件 Alt+Q,可以看到当前方法的声明 Ctrl+P,...,这个功能在编辑 JSP 文件时也可以工作 Ctrl+Alt+O,优化导入的类和包 Ctrl+R,替换文本 Ctrl+F,查找文本 Ctrl+Shift+Space,自动补全代码 Ctrl+空格,代码提示...(与系统输入法快捷键冲突) Ctrl+Shift+Alt+N,查找类中的方法或变量 Alt+Shift+C,最近的更改 Alt+Shift+Up/Down,上/下移一行 Shift+F6,重构 – 重命名...在方法间快速移动定位 Ctrl+Shift+Up/Down,向上/下移动语句 F2 或 Shift+F2,高亮错误或警告快速定位 Tab,代码标签输入完成后,按 Tab,生成代码 Ctrl+Shift+F7,高亮显示所有该文本...+Esc,不仅可以把焦点移到编辑器上,而且还可以隐藏当前(或最后活动的)工具窗口 F12,把焦点从编辑器移到最近使用的工具窗口 Shift+F1,要打开编辑器光标字符处使用的类或者方法 Java 文档的浏览器

    40820

    Android Studio 快捷键

    Ctrl+[或]可以跳到大括号的开头结尾 4.Ctrl+Shift+Backspace可以跳转到上次编辑的地方 5.Ctrl+F12,可以显示当前文件的结构 6.Ctrl+F7可以查询当前元素在当前文件中的引用...11 、如果你不想让指示事件细节的“亮球”图标在编辑器上显示,通过按 Alt-Enter 组合键打开所有事件列表然后用鼠标点击它就可以把这个事件文本附件的亮球置成非活动状态。 ...选择的名字会随着输入的字符自动输入到编辑器里。  13 、在任何工具窗口里使用 Escape 键都可以把焦点移到编辑器上。 ...Shift-Escape 不仅可以把焦点移到编辑器上而且还可以隐藏当前(或最后活动的)工具窗口。  F12 键把焦点从编辑器移到最近使用的工具窗口。 ...31 、如果要了解主菜单里每一个条目的用途,把鼠标指针移到菜单条目上再应用程序框架的底部的状态栏里就会显示它们的一些简短描述,也许会对你有帮助。

    98360

    iintellij IDEA运行环境使用教程

    选中文本,按Ctrl+Shift+F7 ,高亮显示所有该文本,按Esc高亮消失。 Ctrl+W 选中代码,连续按会有其他效果 选中文本,按Alt+F3 ,逐个往下查找相同文本,并高亮显示。...Ctrl+[或]可以跳到大括号的开头结尾 4.Ctrl+Shift+Backspace可以跳转到上次编辑的地方 5.Ctrl+F12,可以显示当前文件的结构 6.Ctrl+F7可以查询当前元素在当前文件中的引用...11 、如果你不想让指示事件细节的“亮球”图标在编辑器上显示,通过按 Alt-Enter 组合键打开所有事件列表然后用鼠标点击它就可以把这个事件文本附件的亮球置成非活动状态。...选择的名字会随着输入的字符自动输入到编辑器里。 13 、在任何工具窗口里使用 Escape 键都可以把焦点移到编辑器上。...Shift-Escape 不仅可以把焦点移到编辑器上而且还可以隐藏当前(或最后活动的)工具窗口。 F12 键把焦点从编辑器移到最近使用的工具窗口。

    1.1K10

    WWV 2018年十大必看视频

    以下是2018年平台国家联盟的重点: 性能和稳定性是苹果公司所说的将是2018年这些版本的焦点。苹果公司在所有四个平台上提供了这些平台:macOS,iOS,watchOS和tvOS。...您可以在Mac上直接在Swift中创建和训练模型。创建ML可以与图像识别,文本分析甚至表格数据一起使用,其中多个特征可以进行可靠的预测。...他潜入渲染循环,因为它处理在屏幕上获取视图的各个部分。首先是updateConstraints确定是否需要和设置约束更新。其次,子视图的布局和设置。最后,如果需要,显示将绘制视图并刷新。...使用并不总是出现的元素的一个技巧是将其设置为隐藏而不是添加或删除它。考虑始终存在的约束,并分别对来来去去的约束进行分组。将它们放在一个约束数组中,并创建一个没有约束的数组。然后你只是处理一系列约束。...调用systemLayoutSizeFitting创建引擎实例,添加约束,解决布局,返回大小调整并删除引擎。这可能反复发生,增加了流失。还包括围绕文本测量和不可满足的约束消息的其他技巧。

    2.8K20

    WWDC 2018年十大视频评论

    以下是2018年平台国家联盟的重点: 性能和稳定性是苹果公司所说的将是2018年这些版本的焦点。苹果公司在所有四个平台上提供了这些平台:macOS,iOS,watchOS和tvOS。...您可以在Mac上直接在Swift中创建和训练模型。创建ML可以与图像识别,文本分析甚至表格数据一起使用,其中多个特征可以进行可靠的预测。...他潜入渲染循环,因为它处理在屏幕上获取视图的各个部分。首先是updateConstraints确定是否需要和设置约束更新。其次,子视图的布局和设置。最后,如果需要,显示将绘制视图并刷新。...使用并不总是出现的元素的一个技巧是将其设置为隐藏而不是添加或删除它。考虑始终存在的约束,并分别对来来去去的约束进行分组。将它们放在一个约束数组中,并创建一个没有约束的数组。然后你只是处理一系列约束。...调用systemLayoutSizeFitting创建引擎实例,添加约束,解决布局,返回大小调整并删除引擎。这可能反复发生,增加了流失。还包括围绕文本测量和不可满足的约束消息的其他技巧。

    3.4K20

    23个高手都在用的Figma小技巧!(2022新专辑)-Part 01

    您还可以微调任何其他字段,例如行高。 ‍ 提示:在排版和行高上使用 4 或 8pt 的幅度来设置你的字体比例!...快速调整字段数值 将鼠标悬停在 Figma 中的某些属性字段上时,会出现一个横向双箭头。只需按下鼠标键 并将箭头从左向右移动,数值就会发生变化。按住shift以增加调整数值的速度。...006.添加左右约束的网格 当您在将网格添加到框架(Frame)的同时设置约束时,(非嵌套)项目会将列作为其父容器。如果您希望您的元素与网格完美结合,请将它们设置为left-right。 ‍...这适用于文本和组或其他框架。它不适用于自动布局设置。小技巧:只需将您的自动布局打包在一个组中,然后您就可以在该组上设置约束。 007.用页面和框架命名组件 您可能熟悉组件的“/”命名规则。...你现在可以将它粘贴到你的 Figma 文件中,它仍然是一个可扩展和可编辑的SVG,它的所有图层都包含在内。 试试阿里巴巴图标库中的复制SVG功能,那个更方便。

    3.9K30

    IntelliJ IDEA(2019)常用快捷键

    Ctrl+F7 可以查询当前元素在当前文件中的引用 Ctrl+N 可以快速打开类 Ctrl+Shift+N 可以快速打开文件 Alt+Q 可以看到当前方法的声明 Ctrl+P 可以显示参数信息 Ctrl...+Alt+N 查找类中的方法或变量 Alt+Shift+C 最近的更改 Alt+Shift+Up/Down 上/下移一行 Shift+F6 重构 – 重命名 Ctrl+X 删除行 Ctrl+D 复制行...Down 在方法间快速移动定位 Ctrl+Shift+Up/Down 向上/下移动语句 F2 或 Shift+F2 高亮错误或警告快速定位 Tab 代码标签输入完成后 Ctrl+Shift+F7 高亮显示所有该文本...+J 整合两行 Alt+F8 计算变量值 Ctrl+Shift+V 可以将最近使用的剪贴板内容选择插入到文本 Ctrl+Alt+Shift+V 简单粘贴 Shift+Esc 不仅可以把焦点移到编辑器上...F12 把焦点从编辑器移到最近使用的工具窗口 Shift+F1 要打开编辑器光标字符处使用的类或者方法 Java 文档的浏览器 Ctrl+W 可以选择单词继而语句继而行继而函数 Ctrl+Shift+W

    3.4K21

    表单脚本

    ;等价于HTML中的action特性 elements 表单中所有控件的集合(HTMLCollection) enctype 请求的编码类型;等价于HTML中的enctype特性 length 表单中控件的数量... (3)表单字段事件 blur:当前字段失去焦点触发 change:对于和元素,在它们失去焦点且value值改变时触发;对于元素,在其选项改变时触发...focus:当前字段获取焦点时触发 表单错误提示流程:利用focus事件修改文本框的背景颜色,以便清楚表明这个字段获取了焦点;利用blur事件恢复文本框的背景颜色;利用change事件在用户输入了非规定字符时提示错误...自动切换焦点 用户填写完当前字段时,自动将焦点切换到下一个字段。...不发送type为“reset”和“button”的按钮; 选择框中每个选中的值单独条目发送; 五、富文本编辑 contenteditable:用户立即可编辑该元素 data:text/html, <html

    4.8K41

    Intellij Idea 2018常用快捷键总结

    +[或]可以跳到大括号的开头结尾 4.Ctrl+Shift+Backspace可以跳转到上次编辑的地方 5.Ctrl+F12,可以显示当前文件的结构 6.Ctrl+F7可以查询当前元素在当前文件中的引用...11 、如果你不想让指示事件细节的“亮球”图标在编辑器上显示,通过按 Alt-Enter 组合键打开所有事件列表然后用鼠标点击它就可以把这个事件文本附件的亮球置成非活动状态。 ...选择的名字会随着输入的字符自动输入到编辑器里。  13 、在任何工具窗口里使用 Escape 键都可以把焦点移到编辑器上。 ...Shift-Escape 不仅可以把焦点移到编辑器上而且还可以隐藏当前(或最后活动的)工具窗口。  F12 键把焦点从编辑器移到最近使用的工具窗口。 ...31 、如果要了解主菜单里每一个条目的用途,把鼠标指针移到菜单条目上再应用程序框架的底部的状态栏里就会显示它们的一些简短描述,也许会对你有帮助。

    2.5K30
    领券