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

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

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

6.1K50

windows10切换快捷_Word快捷大全

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

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

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

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

8.2K30

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

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

2.1K20

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

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

5.9K11

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.6K40

实用: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.5K80

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

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

2.8K30

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

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

15.6K30

Windows中键盘快捷方式大全

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

5.6K20

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

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

63410

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

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

5.1K40

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

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

4.4K30

Qt Designer中QWidget属性表介绍

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

9.9K20

关于无障碍设计七件事

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

2.9K30

Windows10中键盘快捷方式

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

4.5K20

Mac放大缩放屏幕功能使用方法

单击辅助功能。 在左侧栏中,选择Zoom。它将位于“愿景”部分下,靠近列表顶部。 勾选使用键盘快捷缩放旁边复选框。 或者,单击使用带有修饰滚动手势进行缩放。 启用后,该功能将立即可用。...全屏 选择全屏放大整个屏幕,以光标为放大焦点。 如果使用多台显示器,“选择显示器”选项提供在 Mac 上当前活动显示器之间进行选择功能。选择一个显示器意味着它将用于显示另一个屏幕放大版本。...对于偶尔精细细节工作来说,这是一个非常有用选项,例如在编辑文档正确定位光标。...其他选项包括一些功能,例如在启动恢复缩放级别、保持缩放窗口静止而不是四处移动、跟随键盘焦点以及平滑放大图像。 也可以放大部分设置为反转颜色。...您甚至可以屏幕设置为在缩放视图之外出现通知横幅闪烁。 “调整大小和位置”按钮同时出现在分屏和画中画中,让您有机会在使用过程中更改放大屏幕大小。

6.3K30

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

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

1.7K30

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 切换、单击、滚动或通过辅助技术访问内容。...仅仅通过元素捕获焦点或添加背景并不能使其成为真正模态使用焦点捕获,你只能阻止用户通过键盘访问其余内容。而添加背景,你只能在视觉使其不可用。...使用“显式关闭”,组件允许用户通过页面上关闭按钮键盘 Escape 关闭它(当不确定时,最好同时添加两者)。...受限焦点 有时焦点被限制 (或被困在) 特定元素中,这意味着如果焦点在这个元素,无论按 Tab 还是 Shift + Tab ,也永远不会切换到元素外面的元素。...Popovers 可以焦点困在其中,例如在复杂小部件中,你希望避免人们不小心按 tab 离开控件

3.3K00
领券