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

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

在交互模式中使用光标键交互的组件,例如单选按钮或滑块。 以下为禁用和恢复网格导航功能的惯用键盘操作。...请参阅使用 aria-owns 进行详细说明。 工具栏 工具栏 是一个对控件进行分组的容器,例如,按钮、菜单按钮、或复选框。...当一组控件在视觉上呈现为一个组合,可以使用 toolbar 角色来告知屏幕阅读器用户分组的呈现和目的。组合控件到工具栏,在键盘交互中是一个减少Tab停留数量的有效方式。...优化工具栏小部件的优点: 实现焦点管理,这样在Tab顺序中只包含一个toolbar站点,使用光标键可以在toolbar的控件间移动焦点。 避免在工具栏中包含需要光标键操作的控件,例如文本框或单选按钮。...如果必须使用,只能包含一个这样的控件且让其作为最后一个元素。 当且仅当组合中包含三个或三个以上的控件时,才能使用工具栏作为分组元素。 键盘交互 当工具栏获取焦点时,焦点被设置在第一个可用控件上。

6.2K50

windows10切换快捷键_Word快捷键大全

》快捷键 《写字板》快捷键 第三部分:Windows辅助功能的快捷键 “放大镜”快捷键 “讲述人”键盘命令 扫描模式键盘命令 “讲述人”触摸手势 其他辅助功能快捷键 第四部分:Microsoft Surface...出现 Windows 提示时,将焦点移到该提示。 再次按这些快捷键,将焦点移到定位 Windows 提示的屏幕上的元素。...对话框快捷键 快捷键 功能 F4 显示活动列表中的项目 Ctrl + Tab 在选项卡上向前移动 Ctrl + Shift + Tab 在选项卡上向后移动 Ctrl + 数字(数字 1 到 9) 移动到第...F4 – 重复上一步操作 Alt + F4大家都知道是从当前窗口退出,而只剩下一个F4键时,功能更强大。可以重复的操作包括但不限于输入、删除、复制、格式刷等。...Alt导航键 + 快速访问工具栏/无快捷键功能/宏 – 导航键 这次去掉F4,Alt键的功能更值得我们多花一些篇幅。

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

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

    例如,当在编辑文本时按下快捷键时,一个富文本编辑器的菜单栏可能会获得焦点,例如alt + F10。在这种情况下,点击Escape 或从菜单中激活一个命令可能会将焦点返回给编辑器。 4....键盘交互 按钮拥有焦点时: Enter: 打开菜单并将焦点置于第一个菜单项上。 Space: 打开菜单并将焦点置于第一个菜单项上。...示例 单选按钮组示例使用动态tabindex 单选按钮组示例使用aria-activedescendant管理焦点 键盘交互 在单选按钮组获取焦点时: 如果有一个单选按钮被选中,那么焦点设置在这个按钮上...数值调节按钮通常有三个组件,包含一个显示当前值的文本框,一个增加按钮,一个减小按钮。一般来说,文本框是唯一可聚焦组件,因为增加和减小功能可使用光标键访问,一般来说,文本框还允许用户直接编辑其值。...任何其他字符输入不会更改文本字段的内容和按钮的值。 NOTE 操作过程中焦点仍在文本字段上。 适用于设备平台的标准单行文本编辑键: 包括输入键,光标移动,选择和文本操作。

    8.3K30

    测试思想-系统测试 界面测试总结

    界面某些元素(如复选框,文本输入框,按钮等)要支持键盘自动浏览按钮功能,即按Tab键、回车鍵的自动切换功能,且Tab键顺序合理(第一次Enter、Tab键,应该定位在首要输入的和最重要信息的控件,2每次按...4. 默认控件【一般是按钮(确认按钮/取消按钮等)要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作 5. 可写控制项检测到非法输入后应给出说明并能自动获得焦点。...工具栏要求可以根据用户的要求自己选择定制。 2. 相同或相近功能的工具栏放在一起。 3. 工具栏中的每一个按钮要有及时提示信息。 4. 工具栏的图标能直观的代表要完成的操作。 5....同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。 2. 选项数较少时使用选项框,相反使用下拉列表框 3. 界面空间较小时使用下拉框而不用选项框。 4....如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;切忌只放大窗体而忽略控件的缩放。 8. 对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能。 9.

    2.2K20

    C#学习笔记——回车Enter使输入焦点自动跳到下一个TextBox

    在录入界面中,用户往往需要按回车键时光标自动跳入下一个文本框,以方便录入操作。在C#中实现该功能有多种方法,以下是小编收集的不使用TAB键,而直接用回车键将光标转到下一个文本框的实现方法。...一、利用Windows消息模拟发送Tab键 将各个TextBox的TabIndex属性按顺序编号1、2、3……,然后将TextBox的TabStop属性置为True,在每一个TextBox的键盘按下事件中.../// 如果检查到按下的是回车键,则发一个消息,模拟键盘按以下Tab键,以使输入焦点转移到下一个文本框(或其他焦点可停留的控件) /// /// <param name="sender...= textDisease.Text.Trim().Replace("\r\n", ""); } 六、在网页程序中不使用TAB键直接用回车键将光标转到下一个文本框的方法 在C#.NET中,可以使用JaveScript...脚本实现不使用TAB键,而直接用回车键将光标转到下一个文本框。

    6.5K11

    Chrome快捷键整理

    如果谷歌浏览器可以识别您要使用的搜索引擎,则会提示您按 Tab 键。...Ctrl+Shift+B 打开书签管理器 Ctrl+H 查看”历史记录”页 Ctrl+J 查看”下载”页 Shift+Escape 查看任务管理器 Shift+Alt+T 将焦点设置在工具栏上...使用键盘上的向右和向左箭头,可导航至工具栏上的不同按钮。...+0 将网页上的所有内容都恢复到正常大小 选中内容,然后按 Ctrl+C 键 将内容复制到剪贴板 将光标置于文本字段中,然后按 Ctrl+V 或 Shift+Insert 键 从剪贴板粘贴当前内容...将光标置于文本字段中,然后按 Ctrl+Shift+V 键 从剪贴板粘贴当前内容的纯文本部分 选中文字字段中的内容,然后按 Ctrl+X 或 Shift+Delete 键 删除内容并将其复制到剪贴板

    6.7K40

    实用:Google Chrome 键盘快捷键大全

    Ctrl+9 切换到最后一个标签页 Ctrl+Tab 切换到下一个标签页 Ctrl+Shift+Tab 切换到上一个标签页 Ctrl+W 或 Ctrl+F4 关闭当前标签页或弹出式窗口 地址栏快捷方式...和".com",然后打开网址 键入搜索引擎关键字或网址,按Tab 键,然后键入搜索字词 使用与关键字或网址相关联的搜索引擎进行搜索 如果谷歌浏览器可以识别您要使用的搜索引擎,将会提示您按 Tab 键。...Ctrl+J 查看下载页 Shift+Escape 查看任务管理器 Shift+Alt+T 将键盘焦点设置在谷歌浏览器工具栏上。...使用键盘上的向右和向左箭头,导航至工具栏的不同区域。...,然后按 Ctrl+C 将内容复制到剪贴板 将光标置于文字字段中,然后按 Ctrl+V 从剪贴板粘贴当前内容 将光标置于文字字段中,然后按 Ctrl+Shift+V 从剪贴板粘贴当前内容的纯文字部分 突出显示文字字段的内容

    1.6K80

    UI(用户界面)设计规则和规范

    3):按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。 4):界面要支持键盘自动浏览按钮功能,即按 Tab键的自动切换功能。...5):界面上首先应输入的和重要信息的控件在 Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 6):同一界面上的控件数最好不要超过 10个,多于10个时可以考虑使用分页界面显示。...9):可写控件检测到非法输入后应给出说明并能自动获得焦点。 10):Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。...2):完成相同或相近功能的菜单用横线隔开放在同一位置。 3):菜单前的图标能直观的代表要完成的操作。 4):菜单深度一般要求最多控制在三层以内。 5):工具栏要求可以根据用户的要求自己选择定制。...2):子窗体位置应该在主窗体的左上角或正中。 3):多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。 4):重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。

    3.2K30

    Win10 快捷键大全(史上最全)「建议收藏」

    + 向上键 将光标移动到上一个段落的起始处 Ctrl + Alt + Tab 使用箭头键在所有打开的应用之间切换 Ctrl + Alt + Shift + 箭头键 当分组或磁贴在“开始”菜单中获得焦点时.../地区提供,并且某些 Cortana 功能可能无法随时随地使用。...出现 Windows 提示时,将焦点移到该提示。 再次按这些键盘快捷方式,将焦点移到定位 Windows 提示的屏幕上的元素。...应用中的键盘快捷方式 在许多应用(如照片、Groove 和地图)中,当你将鼠标指针悬停在某个按钮上时,工具提示中就会显示快捷方式。...Ctrl + Delete 删除下一个字 Alt + F4 关闭“写字板” Shift + F10 显示上下文菜单 Windows 10 用于辅助功能的 Windows 键盘快捷方式 辅助功能快捷方式可帮助你将电脑与键盘或辅助设备结合使用

    17.6K31

    Windows中的键盘快捷方式大全

    Ctrl + 向上键 将光标移动到上一个段落的起始处 Ctrl + Alt + Tab 使用箭头键在所有打开的应用之间切换 Ctrl + Alt + Shift + 箭头键 当分组或磁贴在“开始”菜单中获得焦点时.../地区提供,并且某些 Cortana 功能可能无法随时随地使用。...出现 Windows 提示时,将焦点移到该提示。 再次按这些键盘快捷方式,将焦点移到定位 Windows 提示的屏幕上的元素。...(提供的功能与在本地电脑上按 Alt+Print Screen 相同) Ctrl + Alt + 数字键盘上的加号 (+) 将整个客户端窗口区域的副本放在终端服务器的剪贴板上(提供的功能与在本地电脑上按...在将远程桌面控件嵌入到其他(主机)应用时,此功能将非常有用。 Ctrl + Alt + 向左键 从远程桌面控件“跳转”到主机应用中的控件(如按钮或文本框)。

    5.7K21

    Visual FoxPro 调试器简介(二)

    调试器工具栏是 VFP 调试器的 "控制面板"。使用该工具栏上的按钮,我们可以在步进模式下控制代码的执行;隐藏或显示任何调试窗口;启用或禁用断点、覆盖范围记录和事件记录。...您可以单击调试器工具栏上的 "打开 "按钮,然后选择一个要运行的程序来纠正这种情况(试着运行 VFP6 目录中的 RUNACTD.PRG)。代码会以与编辑器相同的彩色语法显示。...直到最近有人向我指出,我才注意到可以使用键盘来操作这些控件,方法是使用 Alt-B 和 Alt-R 组合键移动焦点(看到标签上的下划线热键了吗?)...步进模式 如果你喜欢右键拖动,可以使用跟踪窗口上下文菜单逐步查看程序,但其他人可能更喜欢使用调试器工具栏上的代码执行控件或与之对应的功能键: 您可以通过查找 VFP 帮助文件中的 "调试器快捷键 "来获得调试器快捷键列表...使用 "Run To Cursor"时要注意以下几点:如果光标在一行代码上,而这行代码由于不满足条件通常不会被执行,那么如果你继续运行,程序将不会暂停,而是继续运行到光标指示的那一行,直到满足另一个断点条件才会停止

    4910

    测试点杂记,总有一点是你忘记的

    3)按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。4)界面要支持键盘自动浏览按钮功能,即按Tab键、回车键的自动切换功能。...5)界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。6)同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。...9)可写控件检测到非法输入后应给出说明并能自动获得焦点。10)Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。11)复选框和选项框按选择几率的高底而先后排列。...2)完成相同或相近功能的菜单用横线隔开放在同一位置。3)菜单前的图标能直观的代表要完成的操作。4)菜单深度一般要求最多控制在三层以内。5)工具栏要求可以根据用户的要求自己选择定制。...2)子窗体位置应该在主窗体的左上角或正中。3)多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。4)重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。

    66810

    【QT】: 初识 QWidget 控件 | QWidget 核心属性(API) | qrc 文件

    (4)在代码中使用 qt_bao.jpg 代码中需要访问 qrc 中管理的文件时,就需要在路径上带有 : 前缀。创建的前缀叫什么名字,代码中就写什么名字:前缀 + 文件名。...7.2 Focus Policy 设置 Focus policy 决定了控件是否及如何接收 键盘焦点 设置控件获取到焦点的策略,比如某个控件 能否用鼠标选中 或者 能否通过 tab 键选中 所谓 “焦点...Qt::TabFocus:控件可以通过 Tab 键接收焦点。 Qt::ClickFocus:控件在鼠标点击时接收焦点。...Qt::StrongFocus:默认值,控件可以通过 Tab 键和鼠标点击接收焦点。 Qt::WheelFocus:类似于 Qt::StrongFocus,同时控件也通过鼠标滚轮获取到焦点。...第一个输入框 Tab / 鼠标单击都可以选中 第二个输入框无法输入内容 第三个输入框只能通过 Tab 选中 第四个输入框只能通过鼠标选中 GUI 中,窗口/控件的 焦点是非常主要的 比如:我们在网页做题的时候

    29710

    Python Qt GUI设计:UI界面可视化组件、属性概述(基础篇—3)

    enabled属性 enabled属性用于表示组件是否可用,一个组件的部件可以接收和处理鼠标和键盘事件,当组件不可用时则无法接收和处理鼠标和键盘事件。...设置参数说明如下所示: NoFocus:组件不支持焦点; TabFocus:Tab键获取焦点; ClickFocus:鼠标按下获取焦点; StrongFocus:Tab键和鼠标按下获取焦点; WheelFocus...whatsThis的帮助信息一般在组件获得焦点后按Shift+F1弹出显示,如果这个快捷键被别的功能占用,则whatsThis的帮助信息可能无法展示。...对于大多数小部件,无需设置此属性,因为Qt会调用部件相关属性显示,如按钮将显示按钮的文本,但当小部件不提供任何文本时,设置此属性很重要。例如,只包含图标的按钮需要将此属性设置为与屏幕阅读器一起使用。...该属性缺省为空,这个功能在窗口打开文件进行操作时可以使用来标记打开的文件。

    5.8K50

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

    Up Arrow (可选地): 如果焦点在一个手风琴标题上,使用上光标键可将焦点移动到下一个手风琴标题上,不响应下光标的操作或将焦点移动到手风琴的最后一个标题。...如果全选或取消全选是个重要功能,使用不同控件实现这些操作,例如 "全选" 和 "取消全选按钮",会显著提升可用性。...键盘交互 对于选项卡列表: Tab: 当焦点进入选项卡列表,将焦点放置在当前活跃 选项卡 元素上。...如果选项卡列表是水平的,它不会监听 Down Arrow 或 Up Arrow 光标键,即使焦点在选项卡列表内,使用这些键仍会提供浏览器的常规滚动功能。...在多选树中选择:作者可使用以下两种交互模式以支持多选:推荐的模式,用户正在浏览列表时不要求用户按住辅助键,如 Shift 或 Control ,或另一种模式,当浏览时要求按住辅助键,以避免丢失选择状态。

    4.6K30

    Qt Designer中的QWidget属性表介绍

    当鼠标位于该部件上时就会呈现该属性设置的光标形状,对应类型为枚举类型Qt.CursorShape,可取值的范围及含义如下: image.png image.png 注意: 1、上述列表中,最后4个取值在...提示信息,就是当鼠标放到控件上时,会浮动出一个小框显示提示信息。...whatsThis的帮助信息一般在部件获得焦点后,按Shift+F1弹出显示, 如果这个快捷键被别的功能占用,则whatsThis的帮助信息可能无法展示。...,这个属性也有国际化属性 ---- accessibleName是辅助阅读中显示的部件名称,对于大多数小部件,是无需设置此属性的,因为Qt会调用部件相关属性显示,如按钮将显示按钮的文本,但当小部件不提供任何文本时...3)QIcon.Active:部件为激活状态,获得了焦点(如鼠标悬停在上面,或Tab键移动焦点)。 4)QIcon.Selected:部件被选中。

    11.3K20

    关于无障碍设计的七件事

    这些焦点样式是“键盘用户”(只能使用键盘和网站交互的人)顺利使用网站的基础。 想体验一下不能全方位提供视觉焦点的网站?你可以直接访问Apple公司的官网—反复按“tab”键在页面中浏览。...Twitter使用默认焦点和提示的组合方式来显示焦点,图标也从灰色变成绿色。这是三个独立的视觉效果,可以很好地为键盘用户提供焦点提示。 ? 当你准备使用自己定义的焦点状态时,请记得去除默认的状态。...加上这两个图标以后,搜索自动补全的UI模式变得难以识别了。 ? 自动补全功能中添加了隐藏的按钮,辅助功能无法识别 这会导致无障碍问题。部分原因是它打破了搜索自动补全的标准键盘模式。...菜单是一个为用户提供选择列表的小组件。 一旦变成在菜单的每行提供多个选项,如上图左边的例子所示,这就不是菜单了。 键盘交互模型从使用箭头键更改为使用Tab键。...键盘用户和Dragon等辅助技术依赖于屏幕上显示的可操作项目。如果Dragon无法识别链接或按钮,那它就无法说出“点击”。

    3K30

    Telerik RadControls for ASP.NET AJAX

    对键盘的支持 –RadCalendar 支持标准的浏览器导航模式。 用户可在页面元素之间点击,直至到达日历元素。 然后,他们可以通过按下[Tab]/[Shift+Tab] 键,在各日期之间前后切换。...XHTML 和可访问性标准的合规性 –RadComboBox 满足 XHTML 1.1 的要求。 此控件满足软件可访问性的要求:”Section 508″以及”Level AAA”.的要求。...RadComboBox 还全面支持键盘导航和快捷键、访问键和箭头键导航。 对搜索引擎友好 –RadComboBox 完全满足搜索引擎优化的原理的要求。...自适应按钮 – RadEditor 的工具条上那个的按钮可以实时改变状态,以反映光标选择的实施状态 (即大写, 适应内容, 等)....编辑器的键盘支持还满足”Section 508″对可访问性的要求。

    2.4K00

    做了七年前端开发,我最近才意识到可访问性的必要......

    因此,当我们使用屏幕阅读器或键盘浏览页面时,我们必须用 tab 键按 3 次才能跳转到下一篇文章。 这当然得避免,也很简单。...—— 对于屏幕阅读器) 4 可访问图标按钮 首先,在设计中有按钮时,应使用元素,不要使用等其他元素,再将样式设置为按钮的样子,我知道我们这样做已经很久了,但是时候改变了。...:focus { outline: none; } 当我们在网页上按 tab 键时,看到的轮廓就是焦点指示器,通常我们用上面的代码禁用它,至少我以前是这么做的。...这真是个糟糕的主意,焦点指示器能告诉使用键盘导航的用户们他们当前正在交互的位置,如果我们移除焦点样式,相当于将这些用户置于黑暗中,隐藏焦点指示器就像隐藏鼠标光标。...在设置焦点指示器的样式时,我们需要考虑以下几点: 对比区 与相邻颜色对比 不要遮盖焦点元素 在下面的示例中,黑色显示了焦点指示器启用状态 (使用键盘 tab 时的样式): 设置焦点指示器样式的不同方法

    1.7K30

    Windows10中的键盘快捷方式

    向上键 将光标移动到上一段落的起始处 Ctrl + Alt + Tab 使用箭头键在所有打开的应用之间进行切换 Alt + Shift + 箭头键 当组或磁贴的焦点放在“开始”菜单上时,可将其朝指定方向移动...Cortana 仅在某些国家/地区可用,并且某些 Cortana 功能可能无法随时随地使用。如果 Cortana 不可用或已关闭,你仍然可以使用搜索。...当出现 Windows 提示时,请将焦点移到提示上。 再次按下键盘快捷方式,将焦点放在屏幕上 Windows 提示所固定的元素上。...Cortana 仅在某些国家/地区可用,并且某些 Cortana 功能可能无法随时随地使用。如果 Cortana 不可用或已关闭,你仍然可以使用搜索。...当出现 Windows 提示时,请将焦点移到提示上。 再次按下键盘快捷方式,将焦点放在屏幕上 Windows 提示所固定的元素上。

    4.5K20
    领券