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

如何测试你做的项目的可访问性

键盘的可访问性 重点关注页面上的所有可交互元素,须同时满足以下两点: 元素可被选中,当按Tab时 元素可交互,当按Enter/空格/箭头/Esc时 我们继续以 360课程培训(https://www.so.com...按Enter,打开弹层2. 按方向,在弹层里选择元素3. 按Esc,关闭弹层 形式 通过 通过 80% 按Enter可进行筛选可优化为:1. 按Tab进入下一个筛选项“级别”2....按Enter重新筛选2. 但此时,键盘焦点丢失 列表区 图像/标题/按钮 通过 通过 按Enter跳转至其它页面 翻页区 按钮 通过 通过 80% 1. 按Enter触发翻页2....比如TAB Shift+TAB 箭头 空格 Enter等 CMD+L 跳到地址栏,可输入URL CTRL+Option+U:打开 Web Router,即导航面板 在打开 Web Router 的情况下...良好的页面可访问性,需要(至少)涵盖以下特性: 足够的对比度 表单控件需要有角色、名字标签、状态 良好的键盘可访问性:所有可交互的元素可被键盘选中、可与键盘交互;不可交互的元素可以不被聚焦 使用恰当的标题和链接

1.8K10

WPF 程序如何移动焦点到其他控件

WPF 中可以使用 UIElement.Focus() 将焦点设置到某个特定的控件,也可以使用 TraversalRequest 仅仅移动焦点。本文介绍如何WPF 程序中控制控件的焦点。...比如,以下代码是将焦点转移到下一个控件,也就是按下 Tab 时焦点会去的控件。...view.MoveFocus(traversalRequest); 关于逻辑焦点和键盘焦点 键盘焦点就是你实际上按键输入和快捷会生效的焦点,也就是当前正在工作的控件的焦点。...而 WPF 有多个焦点范围(Focus Scope),按下 Tab 切换焦点的时候只会在当前焦点范围切焦点,不会跨范围。那么一旦跨范围切焦点的时候,焦点会去哪里呢?答案是逻辑焦点。...跨窗口/跨进程切换焦点 参见我的另一篇博客: WPF 程序如何跨窗口/跨进程设置控件焦点 ---- 参考资料 winapi - Win32: C++: How do I re-focus on Parent

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

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

NOTE 当使用以上网格导航移动焦点时,根据单元格内容,在单元格内元素网格单元格上设置焦点。...键盘交互 — 设置焦点和导航单元格内容 本节介绍了数据和布局网格模式共有的键盘交互设计的两个重要方面: 1、选择单元格单元格内元素接收焦点,来响应网格导航键盘按键事件。...一个单元格包含文本一个单独的图形,网格导航在单元格上设置焦点。 但是组件、文本和图像的任意组合都可能被包含在一个单元格中,不遵循以上两种设置和焦点移动模式的网格,会增加开发者或用户两者的复杂性。...在交互模式中使用光标交互的组件,例如单选按钮滑块。 以下为禁用和恢复网格导航功能的惯用键盘操作。...优化工具栏小部件的优点: 实现焦点管理,这样在Tab顺序中只包含一个toolbar站点,使用光标可以在toolbar的控件间移动焦点。 避免在工具栏中包含需要光标操作的控件,例如文本框单选按钮。

6.1K50

Mac 热键大全

导航…………………………………………-左、右方向Tab, Shift + Tab 打开项目…………………………………….....http://hovertree.com/h/bjaf/a28c7owl.htm 二、使用显示图像文件夹工作时的巧妙使用: 1.鼠标边按图像文件夹可以打开图像文件夹;  2.用鼠标拖曳图像文件夹可以移动到所需位置...6.按住“return”“enter”可以编辑所选图像文件夹的名称;  7.按任一字母选择以该字母开头而命名的图像文件夹;  8.同时按住“shift+tab将按字母顺序选择上一个图像文件夹...(注:中文名称以第一个字的汉语拼音的第一个英文字母为准);  9.按方向右键方向左键将选择左面右面的图像文件夹;按方向上方向下键将选择上面下面的图像文件夹;  10.按“shift”+点按所需图像文件夹可以选择多个图像文件夹...三、使用文件对话框时的巧妙使用: 1.打开对话框时(如使用“文件”菜单下的“打开”“存储”等命令时同时)按“.”按“esc”可以取消该命令;  2.同时按“苹果 + 方向上点按桌面图像可以上移一层

1.8K50

IntelliJ IDEA 2021.2 中,您完全不需要鼠标的 10 种情况

此外,您也可以使用 Ctrl+TabTab)调用 IntelliJ IDEA 中的 Switcher 功能,显示工具窗口和最近文件的列表。通过此功能,您可以使用箭头快速导航到工具窗口名称。...要在编辑器中工作时创建类,请使用 Alt+Home( ⌘ Up)访问导航栏。选择要在其中声明新类、接口其他实体的软件包,然后使用 Alt+Insert (⌘ N) 调用新对话框。...以下 图片显示了如何使用 Alt+Right Alt+Left 快速导航到其他文件: ii) 使用 Switcher tab(Windows 和 Linux 为 Ctrl+Tab,macOS 为 ^...请注意,对话框的大小不能超过特定限制(使用鼠标键盘缩放时均适用)。此外,如果您位于对话框中的可编辑组件(如文本字段文本区域)中,则此快捷将不起作用。 10....在 Project 工具窗口中,也可以使用类似的键盘快捷 Ctrl+Right 和 Ctrl+Left( ⌘Left/⌘Right)向左向右滚动目录结构。

6710

【愚公系列】2023年10月 WPF控件专题 Groupbox控件详解

使用GroupBox控件可以使复杂的界面更加清晰和易于阅读,并且可以通过样式和模板来增强其可定制性。1.属性介绍WPF中Groupbox控件的属性有:Header:用于设置GroupBox的标题文本。...IsTabStop:用于设置GroupBox是否可以被Tab选中。FlowDirection:用于设置GroupBox的文本流向,可以是从左到右从右到左。...2.常用场景WPF中Groupbox控件常用于以下场景:分组:当需要将某些相关控件进行分组时,可以使用Groupbox控件,将它们放在一个框架中,给用户提供更好的可视化效果。...选项:当需要让用户在多个选项中进行选择时,可以将这些选项放在Groupbox控件中,以便用户更加方便地浏览和选择。...string name1 = txtUserName.Text;//直接通过name属性获取控件的Text }-------我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表

79400

让Form在加载后自动获得焦点

为了实现这个功能我创建了一个叫FocusService的工具类,这篇文章介绍这个类的使用及原理,以及补充一些WPF焦点的知识。 2....VisualStudio的设计器真的十分强大,但有时又会因为程序的数据没准备好各种原因而报错,如果遇到设计器的错误又不想处理具体原因可以考虑简单粗暴地使用DesignerProperties.GetIsInDesignMode...两种焦点类型 作为补充知识,这篇文章将简单介绍一下WPF的焦点。 3.1 键盘焦点 键盘焦点指当前正在接收键盘输入的UI元素。 在整个桌面上,只能有一个具有键盘焦点的元素。...做自定义控件要做好焦点管理,尤其是现在,因为很多设计师、产品经理、开发者都有丰富的手机应用开发设计经验,由于手机上的键盘导航逻辑和桌面应用的有些出入,所以键盘导航的细节很容易被忽视。...不过,通常来说用着用着觉得不顺手就会有人提出需求,细心的开发者总会渐渐把键盘导航做好。 5.

1.6K40

这11个新的Figma隐藏技巧,大幅提升你的设计效率

一种选择使用遮罩工具创建精确的图像裁剪。这可能很耗时。 不过,如果你想快速裁剪图片,只需使用键盘快捷“option + 双击”即可快速裁剪图片。这可以节省您的时间并使裁剪过程更快更容易。...但是,您可以使用一个简单的技巧来防止这种情况发生:在调整框架大小时忽略约束。拖动和调整框架大小时,按住键盘上的“Command”。这将允许您调整框架的大小而不影响其中对象的位置比例。...您的小指可以向下移动到“Shift”Tab,具体取决于您需要使用什么。 可能需要一些练习才能习惯,但一旦您习惯了,您将能够更快速、更轻松地执行快捷命令和导航程序。...要在 Figma 中创建框架,请在屏幕上选择要包含在框架中的元素,单击鼠标右键,然后从菜单中选择“框架选择”。或者,您可以使用键盘快捷 CMD+Option+G 在您的选择周围创建一个框架。‍‍...为此,请按住键盘上的“命令”并在要选择的对象上单击并拖动(单击“Shift”)。 10.为图像创建样式 要在 Figma 中保存图像,请在画布上选择图像,然后单击右侧面板中的“样式”选项卡。

4K40

可访问性测试(无障碍测试)

无障碍测试的挑战 以下是无障碍指南试图解决的一些常见挑战困难: 伤残类型 伤残描述 视觉障碍‍‍ 完全失明色盲视力差视觉问题,如视觉频闪和闪烁效果问题 身体残疾 难以使用键盘鼠标 认知障碍 学习困难记忆力差...#5)尝试使用键盘:如果你是游戏玩家excel专家,那么这个测试对你来说一定更容易。尽量不要触摸鼠标,用键盘来访问网站。...您可以使用Tab在链接之间切换‍ “Tab”+“Shift”会带你回到原来的位置。 #6)使用字段标签:它在填写表单时很有用,字段标签是你在查看模板时看到的。...通过使用它,人们可以在网上注册订购东西时填写必要的信息。 #7)将字体大小改为大:使用大字体和连续可访问性检查。 #8)跳过导航:这可能对有运动障碍的人有用。...视觉残疾用户访问网页通过点击键盘上的标签按钮和从链接到链接移动。因此,正确定义链接的描述是至关重要的。确保超链接可以使用tab访问。 尽可能提供适当的图片。图画比语言更响亮。

53251

最新iOS设计规范十|5大拓展程序(Extensions)

请注意,当安装了多个键盘时,Globe会替换Emoji。 不要复制系统提供的键盘功能。在某些设备上,即使在使用自定义键盘时,“表情符号/地球”和“听写”也会自动出现在键盘下方。...通过在您的应用中(而不是在键盘本身中)提供使用说明,使入门过程更容易。告诉人们如何启用键盘,在输入文本时将其激活,使用它,然后切换回标准键盘。...使用描述性图像名称提供替代文本标签。尽管它们在屏幕上不可见,但是图像名称和其他文本标签使VoiceOver可以听得见地描述贴纸,从而使视力障碍者的导航更加轻松。 通过动画增加活力。...确保您的贴纸清晰可见,无论其位置大小如何,其颜色和图像均不同。 考虑使用鲜艳的色彩和透明度。鲜艳的色彩为对话增添了丰富感和兴奋感。透明性允许将贴纸有意义地放置在消息,照片和其他贴纸上。...选择一个将在包含导航栏的模式视图中显示扩展的界面。撤消该视图将确认并保存编辑,取消编辑并返回到“照片”应用程序。 确认取消编辑。编辑照片视频可能很耗时。

3.1K10

专业的图像编辑器Adobe Photoshop for Mac 22.4.3

直观和干净的用户界面 虽然 Photoshop for Mac 是当今市场上最全面的图形和图像编辑软件,但它具有非常直观且易于导航的界面。 随着最近可用性的提高,这款照片编辑器变得更加易用。...您可以轻松地选择离开的地方创建新项目、访问云和桌面图片以及打开现有文档。...多种工具共用一个快捷的可同时按【Shift】加此快捷选取;查看键盘所有快捷:【Ctrl】+【Alt】+【Shift】+【K】。...:【Ctrl】+【]】 循环选择画笔 :【[】【]】 图层置顶:【Ctrl】+【Shift】+【]】 文件操作使用快捷 新建图形文件: 【Ctrl】+【N】 默认设置创建新文件 :【Ctrl】...移动图像的文字:【Ctrl】 + 选中文字 选择文字时显示/隐藏:【Ctrl】 + 【H】 选择从插入点到鼠标点的文字:【向上】+ 点击鼠标 使用/不使用下划线: 【向上】+ 【Ctrl】 +【

71700

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

右箭头左箭头 在功能区窗格中从一个选项卡移至另一选项卡。 Tab Shift+Tab 在功能区、窗格、视图对话框上的命令项目之间移动。 上箭头下箭头 在列表中的元素之间移动。...F10 从功能区移至活动视图窗格并返回功能区。 Ctrl+Tab Alt+F7。将出现一个窗口,其中显示了工程中的活动窗格和视图。使用方向可移至要激活的视图窗格。按 Enter 。...地图导航使用以下键盘快捷在地图视图中导航。 不限活动工具类型 与活动工具无关的地图导航键盘快捷 键盘快捷 操作 注释 Insert 缩放至全图范围。 减号 (-) 缩小。...激活选择工具时 用于选择工具的键盘快捷 键盘快捷 操作 Y 在“相交”和“位于”选择模式之间切换。 R 指定按圆选择时的半径。 模型构建器 可使用以下键盘快捷在模型构建器中导航。...全动态视频播放器 全动态视频键盘快捷 键盘快捷 操作 注释 Ctrl+Alt+A 将视频帧另存为目录中工程地理数据库中的图像。 这与帧转图像视频播放器工具相同。

68520

Windows中的键盘快捷方式大全

9) 移动到第 n 个选项卡 Tab 在选项上向前移动 Shift + Tab 在选项上向后移动 Alt + 带下划线的字母 执行与该字母一起使用的命令(选择相应的选项) 空格 如果活动选项是复选框...Windows 徽标 + 空格 切换输入语言和键盘布局 Windows 徽标 + Ctrl+ 空格 更改为以前选择的输入 Windows 徽标 + Tab 循环切换最近使用的应用(桌面应用除外...Windows 徽标 + Tab 循环切换最近使用的应用(桌面应用除外) Windows 徽标 + Ctrl + Tab 循环切换最近使用的应用(桌面应用除外) Windows 徽标 + Shift...) Alt + Tab 在打开的项之间切换 Ctrl + Alt + Tab 使用箭头在所有打开的项之间切换 Ctrl + 鼠标滚轮 更改桌面上的图标大小 Windows 徽标+ Tab 使用 Aero...在计算历史记录中向上导航 向下键 在计算历史记录中向下导航 Esc 取消编辑计算历史记录 Enter 编辑后重新计算计算历史记录 F3 在“科学型”模式下选择“度” F4 在“科学型”模式下选择“弧度”

5.6K20

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

示例: 手风琴示例:演示把一个表单分成三部分,并使用手风琴导航一次展开其中一部分 键盘交互: Enter Space: 当焦点在折叠状态的手风琴标题上,使用 Enter Space 可以展开相关联面板...多选:开发者可以实现以下两种交互模型中的一种来支持多项选择:一个是推荐模型,当导航列表时不需要用户按住修饰,例如 Shift Control ,一种替代模型,当导航时需要用户按住修饰,防止丢失选择状态...当使用键盘导航一个树结构,一个可见的键盘指示器告诉用户哪个节点被聚焦。...使用声明属性的导航树视图示例: 一个树结构,提供一组网页的导航并示范如何明确地定义 aria-level, aria-posinset 和 aria-setsize 的值。...在多选树中选择:作者可使用以下两种交互模式以支持多选:推荐的模式,用户正在浏览列表时不要求用户按住辅助,如 Shift Control ,另一种模式,当浏览时要求按住辅助,以避免丢失选择状态。

4.5K30

使用DotNetBar制作漂亮的WinFrom界面,自定义AgileEAS.NET SOA平台WinClient主界面

随着更多软件企业组织加入应用AgileEAS.NET SOA中间件行业,有许多的客户已经不能满足于在这几种风格之中进行选择,希望能给自己最大的自定义空间和范围,提供了更换主界面的需求,我们积极的响应这种需求...System.Drawing.Icon GetMainIcon(); 14:  15: /// 16: /// 获取默认的模块图标,用于简约、经典风格的Tab...System.Drawing.Image GetModuleIcon(); 19:  20: /// 21: /// 获取桌面背景图像...四、自定义界面实例      近期 有朋友建议使用devcomponents或者DotNetBar为大家演示一下如何自定义平台的主体界面,参考了网有对devcomponents和DotNetBar相关的资料之后我们选择了较为轻量级的...DotNetBar为大家演示如何替换系统的主界面。

1.5K90

Windows10中的键盘快捷方式

Windows 10 ---- 键盘快捷方式就是按键按键组合,可提供一种替代方式来执行通常使用鼠标执行的操作。... Shift + 向左键向右键将桌面上的应用窗口从一台显示器移动至另一台显示器Windows 徽标+ 空格切换输入语言和键盘布局Windows 徽标+ Ctrl + 空格对之前选择的输入所做的更改...n 个选项卡 Tab 在选项中向前移动 Shift + Tab 在选项中向后移动 Alt + 带下划线的字母 执行可与该字母结合使用的命令(选择该选项) 空格 如果活动选项为复选框,则选择清除复选框...Backspace 如果在“另存为”“打开”对话框中选择文件夹,则打开上一级别的文件夹 箭头 如果活动选项是一组选项按钮,请选择一个按钮 文件资源管理器键盘快捷方式 按键 操作 Alt + D...,选择该文件夹所在的文件夹 End 显示活动窗口底部 Home 显示活动窗口顶部 F11 最大化最小化活动窗口 虚拟桌面的键盘快捷方式 按键 操作 Windows 徽标  + Tab 打开“任务视图

4.5K20

IDEA用好这个插件,终于可以扔掉Navicat了!

运行存储过程 从过程的上下文菜单中选择“执行”。将生成SQL代码。输入所需参数的值,然后单击“确定”。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab在结束括号之外导航关闭引号 。请注意,这仅在第一次输入参数值时有效。...要自定义Tab的此行为,请转到“首选项”| 编辑| 一般| 智能选择 跳转到关闭括号外/使用Tab引用。 ?...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图过程,直接从SQL代码中的用法跳转到任何表,视图过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

3.3K20

再见,Navicat!这个 IDEA 的兄弟,真香!

运行存储过程 从过程的上下文菜单中选择“执行”。将生成SQL代码。输入所需参数的值,然后单击“确定”。如您所见,我们检索此mysql过程的输出,因为我们有SQL代码从JDBC驱动程序获取结果集: ?...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab在结束括号之外导航关闭引号 。请注意,这仅在第一次输入参数值时有效。...要自定义Tab的此行为,请转到“首选项”| 编辑| 一般| 智能选择 跳转到关闭括号外/使用Tab引用。 ?...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图过程,直接从SQL代码中的用法跳转到任何表,视图过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

1.6K10

有了这个 IDEA的兄弟,你还用 Navicat 吗?全家桶不香吗?

运行存储过程 从过程的上下文菜单中选择“执行”。将生成SQL代码。输入所需参数的值,然后单击“确定”。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab在结束括号之外导航关闭引号 。请注意,这仅在第一次输入参数值时有效。...要自定义Tab的此行为,请转到“首选项”| 编辑| 一般| 智能选择 跳转到关闭括号外/使用Tab引用。 ?...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图过程,直接从SQL代码中的用法跳转到任何表,视图过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

1.5K21

干掉Navicat:这个IDEA的兄弟真香!

运行存储过程 从过程的上下文菜单中选择“执行”。将生成SQL代码。输入所需参数的值,然后单击“确定”。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab在结束括号之外导航关闭引号 。请注意,这仅在第一次输入参数值时有效。...要自定义Tab的此行为,请转到“首选项”| 编辑| 一般| 智能选择 跳转到关闭括号外/使用Tab引用。 ?...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图过程,直接从SQL代码中的用法跳转到任何表,视图过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

1.2K20
领券