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

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

滚动列表来找到特定选项,对屏幕阅读器用户来说非常费时,因为他们听到每个选项的不同之前,都必须听到重复的单词或短语。...可选地,一个单选列表框中,选择也可以跟随焦点移动。 Up Arrow: 焦点移到前一个选项。通常,一个单选列表框,选择也可以跟随焦点移动。 Home (可选地): 焦点移到第一个选项。...通常,一个单选列表框,选择也可以跟随焦点移动。对于超过5个选项的列表,强烈建议支持此键。 End (可选地): 焦点移到最后一个选项。通常,一个单选列表框,选择也可以跟随焦点移动。...有关详细信息,请参阅 Managing Focus in Composites Using aria-activedescendant 单选列表框中,移动焦点可以选择性的取消先前选择选项的选择,并选择新聚焦的选项...单选列表框中,选中的选项 aria-selected 设置为 true。 如果列表框支持多选: 角色 listbox 的元素 aria-multiselectable 设置为 true。

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

CompoundButton

CompoundButton 具有两种状态的按钮选中和未选中。当按钮被按下或点击时,状态会自动改变。 这是一个抽象类,目前有的子类有 复选框,单选按钮,开关,切换按钮。...复选框 复选框是一种特定类型的双状态按钮,可以选中取消选中单选按钮 单选按钮是两个状态的按钮,可以选中也可以取消选中。...转变 Switch 是一个双态切换开关小部件,可以两个选项之间进行选择。 切换按钮 选中/未选中状态显示为带有“指示灯”指示器的按钮,默认情况下带有文本“ON”或“OFF”。...int getAutofillType() 描述此视图自动填充类型,因此 AutofillService可以AutofillValue 自动填充视图时创建正确的类型。...void toggle() 视图选中状态更改为与其当前状态相反的状态 CompoundButton的受保护的方法 void drawableStateChanged() 每当视图的状态发生变化以影响显示的可绘制对象的状态时

2K20

MFC应用程序——标签控件_IP控件_时间控件_List Control控件_Tree Control控件_命令按钮_列表框_组合框_图片_滚动控件「建议收藏」

另外,树形控件与列表视图控件一样,可以 每一个节点的左边加入图标。这些都使得树形控件给 人一种复杂的感觉,但我们使用它一两次后会发现其 实树形控件用起来还是很方便的。...【按钮控件简介】 按钮控件包括命令按钮(Button)、单选按钮(Radio Button)和复选 框(Check Box)等。...单选按钮使用时,一般是多个组成一组,组中每个单选按钮选中 状态具有互斥关系,即同组的单选按钮只能有一个被选中。 1、命令按钮是最常用的一种按钮控件 2、单选按钮和复选框都是一种比较特殊的按钮控件。...单选按钮选中和未选 中两种状态,为选中状态时单选按钮中心会出现一个蓝点,以标识选中状态。...对于使用文档/视图模型的 MFC 应用程序, // 这将由框架自动完成。

2.5K10

Android widget之CompoundButton

简介 具有两个状态的按钮,已选中或未选中。当按下或点击按钮时,状态会自动更改。...,注册一个回调 toggle() — 视图的状态更改为当前状态的逆(反向) 子类 CheckBox 复选框:可以选中取消选中的特定类型的双状态按钮。...RadioButton 单选按钮:是可以选中取消选中的双状态按钮。当单选按钮取消选中时,用户可以单击来选中它。 注:单选按钮通常与RadioGroup在一起使用。...当多个单选按钮RadioGroup内时,检查一个单选按钮取消选中所有其他单选按钮。 <?xml version="1.0" encoding="utf-8"?...该text 属性控制交换机标签中显示的文本,而 文本off和on文本控制拇指的文本。

2.2K20

手机APP测试(测试点、测试流程、功能测试)

,给用户放弃选择的机会;   单选按钮控件的测试   a,一组单选按钮不能同时选中,只能选中一个。   ...b,逐一执行每个单选按钮的功能。...分别选择了“男”“女”后,保存到数据库的数据应该相应的分别为“男”“女”;   c,一组执行同一功能的单选按钮初始状态时必须有一个被默认选中,不能同时为空; 5. up-down控件文本框的测试   ...同组合列表框类似,根据需求说明书确定列表的各项内容正确,没有丢失或错误;   b,列表框的内容较多时要使用滚动条;   c,列表框允许多选时,要分别检查shift选中条目,按ctrl选中条目和直接用鼠标选中多项条目的情况...逆向:安装在手机卡或SD卡(不同的IOS和安卓版本) 5.2 升级测试 5.3 更新测试 正向:客户端有新版本时,有更新提示 逆向:取消版本后,老版本可以正常使用 逆向:当版本为非强制升级时,用户可以取消更新

5.9K43

Android自定义控件

选择按钮的可扩展性主要体现在 4 个方面: 选项按钮布局可扩展 选项按钮样式可扩展 选中样式可扩展 选择模式可扩展 扩展布局 原生的单选按钮通过RadioButton+ RadioGroup实现,他们布局必须是父子关系...按钮选中之后的样式,也是一个业务的变化点,用同样的思路可以Selector这样设计: // 抽象按钮实现点击事件 public abstract class Selector extends FrameLayout...isSelect); } 选中按钮状态变化的效果抽象成一个算法,延迟到子类实现: public class AgeSelector extends Selector { // 单选按钮选中背景...函数类型变量代替继承 抽象按钮控件中,“按钮样式”和“按钮选中状态变换”被抽象成算法,算法的实现推迟到子类,用这样的方式,扩展按钮的样式和行为。...SelectorGroup还预定了两种选中模式:单选和多选。 单选可以理解为:点击按钮时,选中当前的并取消选中之前的。 多选可以理解为:点击按钮时无条件地反转当前选中状态。

5.9K00

最新iOS设计规范四|3大界面要素:视图(Views)

提供“取消按钮,使人们可以重新考虑破坏性操作。“取消按钮应出现在动作表单的底部。 突出显示破坏性选择。红色用于执行破坏性或危险操作的按钮,并将这些按钮显示动作表单的顶部。 避免让操作表滚动。...如果表单选项太多,用户必须滚动才能看到所有选项。但滚动需要用户额外花时间来做出选择,而且很容易造成误点。...按钮放置人们期望的位置。一般而言,人们最有可能点击的按钮应位于右侧。取消按钮应始终位于左侧。 正确标记取消按钮取消警报操作的按钮应始终标记为“取消”。 识别破坏性按钮。...非模态浮层可以通过点击屏幕上浮层以外的部分或浮层按钮取消/关闭。而模态浮层则是通过点击浮层取消或其他按钮来关闭/取消的。...自动关闭非模式弹出窗口时,请务必保存当前任务。通过点击屏幕非浮层区域部分,很容易误点而关闭非模态弹出窗口。仅当用户点击取消按钮时才取消当前的任务。 屏幕适当的位置显示浮层。

8.4K31

FL Studio21最新中文版本全新功能详细介绍

拖放(Drag & Drop)-拖放多个样本时,按住 (Shift) 键播放列表中按顺序添加样本。样本放到轨道上或克隆轨道时即可选中。...播放列表(Playlist)-“Punch in/out recording”标记重命名为“Start/Stop recording”03自动化与包络编辑(Editor)-Automation Clip...“类型以筛选”菜单选项,用于确定是否键入字母筛选或选择项目。具有多列的视图中搜索时选择第一个文件夹。搜索结果显示具有匹配名称的文件夹。...浏览器菜单选项“完整样品预览”。样本预览面板显示采样率、比特深度和立体声元数据。选项(Option)-“选项卡显示图标和文本”。浏览器(Browser)-为选项卡添加“冻结”选项。...“折叠结构”按钮起到“恢复为冻结状态”的作用。07钢琴卷视图(View)-更换音符时自动滚动钢琴窗。

3.7K20

最新版水果FL Studio21新版本更新全解析!80项更新与改进!

拖放(Drag & Drop)-拖放多个样本时,按住 (Shift) 键播放列表中按顺序添加样本。样本放到轨道上或克隆轨道时即可选中。...播放列表(Playlist)-“Punch in/out recording”标记重命名为“Start/Stop recording”03自动化与包络编辑(Editor)-Automation Clip...“类型以筛选”菜单选项,用于确定是否键入字母筛选或选择项目。具有多列的视图中搜索时选择第一个文件夹。搜索结果显示具有匹配名称的文件夹。...浏览器菜单选项“完整样品预览”。样本预览面板显示采样率、比特深度和立体声元数据。选项(Option)-“选项卡显示图标和文本”。浏览器(Browser)-为选项卡添加“冻结”选项。...“折叠结构”按钮起到“恢复为冻结状态”的作用。07钢琴卷视图(View)-更换音符时自动滚动钢琴窗。

3.3K30

Vcl控件详解_c++控件

,允许适应项目成确定鼠标是否在其列表项目 Checkboxes:项目前是否加入一个CheckBox Column:只读,对指定的列进行操作 ColumnClick:可指定当用户标题时是否发生...该属性只有ViewStyle为vsReport时才有效 SelCount:只读返回选择项目的个数 Selected:指出在该控件中选中的项目标注的列表视图项目 ShowColumnHeaders...该事件只有OwnerData属性为True时才有效 OnDataHint:当列表视图的内容变化(如用户滚动列表视图)时发生 OnDataStateChange:当项目的范围改变状态时发生。...OnInsert:列表视图中插入一新的项目发生 OnSelectItem:当选中项目时触发 THeaderControl 属性 Canvas:只读,用来访问画布 DragReorder...:当用户尝试向该控件添加一新按钮时触发 OnCustomizeReset:当用户取消自己定义的工具栏时触发 OnCustomizing:当用户取消工具栏中的改变时触发 TCoolBar

4.8K10

文档和元素的几何滚动

文档和元素的几何滚动 当浏览器在窗口中渲染文档时,它将会创建文档一个视觉表现层,在哪里每个元素都有自己的位置和尺寸。通常web应用程序文档看做元素的树。...当用户一个文本域输入文本或从下拉列表中选择一个选项后就触发change事件,当用户一个文本域中该数据不是每次用户输入一个键值时都会触发该事件。它仅仅当用户改变了值才会触发该事件。...开关按钮 复选框和单选元素为开关按钮,或称之为有两种视觉状态的按钮。即选中或未选中。通过对其单击,用户可以改变其开关状态。...单选元素为整组有相关性的元素而设计的,组内所有按钮的HTML属性name值都相同。按照这种方式创建的按钮为互斥的。利用表单属性的名字选中元素时,它返回的一个类数组对象而不是单个元素。...单选和复选框都定义了checked属性,指定了元素当前是否选中。defaultChecked属性也为布尔值,为html的checked值,指定了元素第一次加载页面时是否选中

5.2K00

Axure RP8入门之基本操作篇

### 22.设置单选按钮唯一选中 全选所有的单选按钮元件属性中{设置单选按钮组名称},即可实现唯一选中的效果。...### 42.设置画布中的遮罩阴影 【菜单】-【视图】-【遮罩】的选项列表中,取消相应的勾选。比如画布中隐藏的元件不显示淡黄色的阴影,则取消【隐藏对象】的勾选。...### 43.显示/隐藏交互与说明编号 【菜单】-【视图】的选项列表中,取消【显示脚注】的勾选。 ### 44.显示/隐藏两侧的功能面板 点击快捷功能中的图标即可关闭开启相应的功能面板。...可以视图】中通过【重置视图】来完成。 ### 47.文件备份与恢复 开启软件的自动备份功能,可以有效的帮助我们降低因误操作、软件崩溃、断电等异常时,未保存或者损坏文件的风险。...文件的备份与恢复【文件】菜单中进行相关操作。 ### 48.设置自适应视图 自适应视图是指编辑多种分辨率的原型,设备中查看时,系统会根据自身分辨率,自动与分辨率相适合的原型进行匹配,并显示出来。

5K30

水果编曲软件FLStudio最新21简体中文版本

拖放(Drag & Drop)-拖放多个样本时,按住 (Shift) 键播放列表中按顺序添加样本。样本放到轨道上或克隆轨道时即可选中。...播放列表(Playlist)-“Punch in/out recording”标记重命名为“Start/Stop recording” 03自动化与包络 编辑(Editor)-Automation...搜索字段中的文件夹图标,用于所查找到的项目限制为当前文件夹。“类型以筛选”菜单选项,用于确定是否键入字母筛选或选择项目。具有多列的视图中搜索时选择第一个文件夹。搜索结果显示具有匹配名称的文件夹。...浏览器菜单选项“完整样品预览”。样本预览面板显示采样率、比特深度和立体声元数据。 选项(Option)-“选项卡显示图标和文本”。 浏览器(Browser)-为选项卡添加“冻结”选项。...“折叠结构”按钮起到“恢复为冻结状态”的作用。 07钢琴卷 视图(View)-更换音符时自动滚动钢琴窗。

2.7K00

原 Intellij idea2017编辑

按钮 这种方式,java中会自动导入依赖(如果你配置了auto import)。 从粘贴板粘贴最后一个内容为纯文本 主菜单 Edit | Paste Simple....单独的窗体中打开文件 有以下几种方式: 拖拽已经在编辑器中打开的标签到ide外部即可 工具窗(project)中,选中你要打开的文件,shift+双击鼠标左键即可。...窗体失去焦点后,进行自动保存。 应用空闲N秒后,进行自动保存。 ?...项目相关 当前文件(正在编辑的) 已经定义的范围,超大项目的时候相当有用。 如果版本控制可用,会有更改列表。 选择你想要的视图标签,并探索你遇到的TODO组。...例如,当你选择ScopeBased视图,你可以从下来列表中选择Scope。 ? 通过选择范围或应用过滤器,可以限定搜索的TODO结果。

2.8K60

Material Design — 菜单(Menus)

菜单 菜单的形式是短暂的动作条展示选项列表。 菜单出现在与按钮,操作或其他控件的交互中。菜单显示的是一个一行只有一个选项的选项列表。 如果不适用于某个情景,菜单项可能被禁用。...行为 滚动 替代 Simple Dialogs ---- 用法 菜单是与按钮,动作,点或其他控件交互时出现的临时材料,至少包含两个菜单项。...例如,当使网页的文本高亮时,Android仅显示“复制”菜单项,因为用户无法“剪切”或“粘贴”文本。 ? 情景菜单 菜单是可滚动的 如果菜单高度阻止其显示所有菜单项目,菜单可以在内部滚动。...取消选择 触摸菜单外部或按下系统“后退”按钮取消操作并关闭菜单。 ? 简单菜单 ·打开时,简单菜单会尝试当前选定的菜单项目与列表项目垂直对齐。 当前选择的菜单项突出显示(如下图)。 ?...·简单菜单也应该应该显示在其触发元素,而不是下面(如下图)。 ? ·菜单宽度取决于字符串长度,移动设备定义为56dp单位的倍数。

5.8K100

iOS 9人机界面指南(四):UI元素() - 腾讯ISUX

,比如另一个文件夹 回复(Reply) 某个项发送或转发到另外一个位置 刷新(Refresh) 刷新当前内容(请尽量自动刷新,必要时才使用刷新按钮) 播放(Play) 播放当前媒体内容 快进...活动视图控制器通常用作让用户把他们选中的内容复制到他们的社交媒体账户。 不要创建一个自定义按钮来触发活动视图控制器。用户更习惯点击动作按钮后使用系统提供的服务。...有时候用户会觉得以列表呈现的信息更容易阅读和理解,例如文本信息放在滚动列表中的时候,用户阅读和处理起来会更为简单和高效。 让视图中的项更容易选中。...如果你想在竖屏环境中展示全屏的浮出层,请参阅下文中的模态视图相关内容。 避免提供“取消浮出层”按钮。浮出层应当在它不需要的时候自动关闭。...当用户视图中拖拽内容,内容随之滚动;当用户轻扫屏幕时,内容快速滚动——直到用户再次触摸屏幕或内容已经到达底部时停止。

10.1K51

《吐血整理》保姆级系列教程-玩转Fiddler抓包教程(3)-再识Fiddler让你感性认识一下

如下图所示:  3.1.1 File File菜单主要包含新建视图、加载一个保存好的抓包会话文件、保存所有会话列表数据到一个.saz文件中等等。...有用于复制 web session 列表选中的 session 信息,包括 just URL(选中的 session 的 URL 复制到剪切板中)、this column(拷贝菜单所在列的文本)、terse...AutoScroll Session List:自动滚动会话列表,默认是勾选此项的,勾选此项后,session 框中的每出现新的 session,session 框中就会不断向下滚动,若不勾选此项,就很方便具体某一个...session 的定位,即使出现了新的 session 也不会自动向下滚动。...3.2工具栏 工具栏的快捷按钮,也是平常我们抓包过程当中经常会使用到的。如下图所示: 3.2.1 WinConfig 给win电脑的应用程序 配置fiddler权限。

1.5K20

AWT常用组件

组件组合成一组, 一组 Checkbox 组件只有一个可以 被选中 , 即全部变成单选框组件 Choice 下拉选择框 Frame 窗口 , GUI 程序里通过该类创建窗口 Label 标签类,...通常,一个按钮对应着一种特定的操作,如确定、保存、取消等,从而用户可以用鼠标单击它来控制程序运行的流程。AWT的Button 类实例化按钮对象,该类的构造方法进行了两次重载。...单选按钮组的实现(结合使用CheckboxGroup类) 单选按钮是一种输入信息的组件,拥有“状态”的特性,通过鼠标单击单选按钮的操作可以将其状态从“true” 更改为“false”,或从“false”...作为同一组的多个单选按钮组件是互斥的,即每一时刻只能有一个组件的状态为“true”,从而实现单项选择。 AWT中,单选按钮对象的创建也是通过 Checkbox类实例化的。...列表所有选项罗列和显示列表框中,比下拉列表更加直观。 AWT的List 类实例化列表组件,提供多个文本选项,支持滚动条。

7010
领券