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

屏幕阅读器(NVDA)未读取预选值和mat-select的展开/折叠状态

屏幕阅读器(NVDA)是一种辅助技术工具,旨在帮助视觉障碍人士通过语音合成或触觉反馈来获取电脑屏幕上的信息。它可以读取文本、图像、按钮等界面元素,并提供导航和操作支持。

在某些情况下,NVDA可能无法正确读取预选值和mat-select的展开/折叠状态。这可能是由于以下原因导致的:

  1. 缺乏正确的语义标记:预选值和mat-select元素应该使用正确的HTML标记和ARIA属性来标识其角色和状态。如果开发人员没有正确地使用这些标记,屏幕阅读器可能无法正确解释它们。
  2. 不支持的技术:某些特定的前端技术或框架可能不完全兼容屏幕阅读器。这可能导致NVDA无法正确读取预选值和mat-select的状态。

为了解决这个问题,开发人员可以采取以下措施:

  1. 使用正确的语义标记:确保预选值和mat-select元素使用正确的HTML标记和ARIA属性。例如,使用<select>元素来表示下拉列表,使用aria-expanded属性来表示展开/折叠状态。
  2. 进行无障碍测试:在开发过程中,进行无障碍测试是非常重要的。使用屏幕阅读器,如NVDA,来测试应用程序的可访问性,并确保预选值和mat-select元素的状态可以被正确地读取。
  3. 参考腾讯云相关产品:腾讯云提供了一系列与云计算和无障碍技术相关的产品和服务。例如,腾讯云无障碍云服务可以帮助开发人员提供无障碍的应用程序体验。您可以参考腾讯云无障碍云服务的产品介绍和文档来了解更多信息。

请注意,以上答案仅供参考,具体的解决方案可能因应用程序的不同而有所差异。在实际开发中,建议与无障碍专家合作,以确保应用程序的可访问性。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

如果实现只允许一个面板被展开,如果另一个面板被展开折叠这个面板。 当焦点在展开状态手风琴标题上,如果实现支持折叠折叠该面板。...动态渲染警告,会被大多数屏幕阅读器自动朗读,在某些操作系统中,警告会触发警告提示音。与此同时,需要注意屏幕阅读器不会告知用户在加载完成前已经存在警告。...指定描述元素,当对话框打开时,能够让屏幕阅读器在朗读对话框标题初始聚焦元素同时,朗读该描述。...允许选择一个选项列表框是一个单选列表框;允许选择多个选项列表框是一个多选列表框。 当屏幕阅读器呈现一个列表框,可能会渲染出其名称、状态每个选项在列表中位置。...选项集中每个选项名称使用相同单词或短语开头也可以显著降低键盘屏幕阅读器用户可用性。

4.5K30

一位盲人程序员感悟:闭上双眼感受代码

那些视力正常小伙伴们,常会问我以下问题: 你怎么能读取屏幕信息? 哇!你怎么做到使用代码? 或者,人们最爱问——“你做梦吗?” 基于此,我用这篇博文回答一下这三个问题。...我将尝试撰文给大家展示一下“盲人编程可行性”,以及“二十一世纪盲人如何使用电脑进行编码工作”。 你怎么读取屏幕信息呢?...我所做只是安装一个名为NVDA开源屏幕阅读器屏幕阅读器会告诉你屏幕文本内容,具有类似Siri一样智能朗读功能。...屏幕阅读器还可以使用盲文显示器,后者是由一系列可刷新盲文单元组成,可根据屏幕上突出显示内容形成相应字母。...,他们未能给予屏幕阅读器文字标签或辅助功能说明。

1.2K70
  • Web 隐藏技术:几中隐藏 Web 中元素方法及优缺点

    或者,在移动设备上隐藏但要在桌面上显示导航元素。 隐藏元素时有三种不同状态: 元素完全隐藏并从文档流中删除。 元素只是隐藏在视觉上,而且仍然可以被辅助技术(AT)访问,比如屏幕阅读器。...元素是可见,但仅对屏幕阅读器隐藏。 在这篇文章中,我们将学习在htmlcss中隐藏元素,并涵盖易访问性、动画隐藏用例等方面,让我们开始吧。...为了获得一种可访问体验,我们将探索一些值得学习好例子,以及一些不好例子,以避免犯可能会给屏幕阅读器用户带来不好体验错误。  菜单动画-不好例子 我们有一个菜单,在展开时需要有滑动动画。...; } ul.active { opacity: 1; transform: translateX(0); } 有了上述内容,菜单将根据.active类展开折叠,该类将通过 JavaScript...菜单动画-好例子 为了修正这个错误,我们需要使用visibility: hidden作为导航菜单。这将确保菜单是隐藏视觉屏幕阅读器

    5.1K30

    盲人程序员编程生涯

    屏幕阅读器读出缩进也是可能,我自己不用这个功能,因为Visual Studio会处理这些,并且C#中是用大括号。但是在像Python这样空格很关键语言中就很重要了。...我使用几个屏幕阅读器,不过大部分是在Windows上使用JawsNVDA。 我大部分在微软平台上工作,使用visual studio作为开发环境。...最近在玩python,它普遍被认为是对盲人用户最不友好程序语言,因为它使用缩进作为嵌套机制。说到这里,最流行开源屏幕阅读器NVDA就完全是用python写,而且这个项目的一些贡献者本身就是盲人。...我遇到大部分障碍都是基于工具不可访问问题。例如所有的oracle产品都鼓吹其访问性好多年了(鄙视他们),但在团队环境中却只搞了个在屏幕阅读器自定义脚本之上额外防御层。...我曾经跟这样一个人工作,他视力导致他不能使用显示器,但他使用屏幕阅读器软件并花费大量时间使用基于文本应用程序shell也工作得很好。

    87530

    全民K歌折叠屏适配探索

    本篇文章主要介绍折叠基础概念及几种适配方案;同时涵盖了全民K歌在折叠屏上适配探索与实际效果。 折叠折叠屏,顾名思义,其显示屏采用柔性技术,可在使用时对屏幕进行折叠展开操作。...目前以华为、三星生产设备为代表。 屏幕折叠主要分:内折、外折、两折、多折等不同折叠方式。当屏幕发生折叠展开等行为时其尺寸与屏幕物理特性会发生变化,这种情况对现有的应用或多或少都会产生一些问题。...但,恰巧就是这里缓存影响了我们全局计算;因为屏幕折叠状态变化,其高宽也变化了。...更早得到,如果使用Application则会出现得到不正确情况 正在显示Activity与显示Activity并不相同,其并非完全一致 正在显示Activity内部始终跟随正在显示状态...扩展适配-多显示屏 对于折叠屏来说,往往并不仅仅是一张屏幕展开折叠操作(屏幕部分显示与全部显示区别),还有一张屏幕切换到另外一张屏幕情况。

    2.5K30

    Devtools 老师傅养成 - Elements 面板

    在 medium 系列文章[4] Devtools脑图.png[5] Elements界面概览 使用 Chrome DevTools Elements 面板检查实时编辑页面的 HTML 与 CSS...(原理是 visibility 设为 hidden,不影响其他元素,不引起重绘) 按住 alt 键 点击 dom 元素前箭头:全部折叠/展开当前元素及其后代元素 Styles 在面板右侧 Styles...窗格中: 会显示节点各级样式 每级样式来源 每条样式属性是否命中 可以直接增/删/改元素样式,查看实时效果(非持久化) 检查样式 color picker 在样式窗格中,devtools 给所有颜色属性前添加了...Computed 窗格中可以查看: 元素盒模型(双击可编辑) 元素所有样式计算后最终值(即最终实际应用到元素) 点开每一条最终值,可以看到所有该条样式规则,以及代码来源 勾选show all...它只包含来自 DOM 树元素,这些元素可以展示在屏幕阅读器中页面的内容。 查看元素 ARIA 属性(ARIA 属性确保屏幕阅读器具有所需所有信息,以便正确表示页面的内容。

    79441

    折叠屏开发指导系列②丨应用连续性解读:如何做到不重启,任务不断裂?

    前言 应用连续性是折叠屏手机一大亮点,当在折叠态、展开态之间切换时,应用保持运行状态,并会自动调整大小以匹配新布局。...为了保证开发者应用程序在展开/折叠过程无缝切换,开发者需要做应用连续性设计,以确保应用程序任务不中断。...以Mate X为例,最佳体验为,应用在展开切换过程中,不发生应用重启,且切换之前任务应用相关状态得以保存延续。...折叠展开动作,会触发对smallestscreensize、screensizescreenlayout配置更改。每当发生配置更改时,默认情况下会销毁并重新创建整个activity。...如果应用必须进行重新走生命周期来以响应屏幕切换,需要进行状态保存恢复。 开发者可以通过OnSaveInstanceState()ViewModel对象来进行之前状态保存后续恢复。

    1.4K20

    【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )

    2480 \times 892 ; 二、展开大屏适配 ---- 屏幕展开后 , 处于屏幕宽高比 8:7.1 状态下 , 屏幕要完全填充整个屏幕 , 如下图 A 样式 ; B 中左右出现黑边..., C 中上下出现黑边 , D 中四周出现黑边 , 都不能出现 ; 三、折叠主屏适配 ---- 折叠主屏 就按照 全面屏样式进行适配 ; 折叠状态下 , 主屏要填充满整个屏幕 , 如 A 样式 ;..., 仍然保持 19.5 : 9 屏幕适配即可 , 如下图 A ; 折叠状态副屏 , 不能完全填充 , 以及以其它宽高比填充 , 只能以 19.5 : 9 比例填充 ; 下图中 , 只有..., 就需要自动切换屏幕样式 ; 如 : 当前是 折叠状态主屏 打开应用 ( 此时宽高比 19.5:9 ) , 突然将手机打开开 , 变为 展开状态大屏 ( 此时宽高比 8:7.1 ) , 官方要求应用布局要实时切换成...---- 主屏 , 副屏 , 大屏 三种状态 , Y 轴实际上是没有变化 , 高度基本不变 , 大屏 相对于 主屏 副屏 , 只是 X 轴 变宽了 , 这里组件 Y 轴元素可以不变 , 将 X

    5.9K10

    三星折叠屏开发者设计指南揭秘

    image 在可折叠设备上提供出色用户体验,首要确保您应用程序已准备好两件事: 其一,可在两个屏幕之间无缝切换; 其二,在多窗口模式下处于活动状态。 ? image 1....APP连续性:展折开合,顺畅切换 可折叠设备展开时,当前应用页面必须无缝延续到另一个屏幕,并可自动调整大小匹配新布局,反之亦然。...1.1 运行时配置变更 - 系统默认 折叠/展开操作过程将触发系统向应用发送新布局配置更改,包括smallestScreenSize, screenSize screenLayout 配置。...不要在活动OnDestroy()中调用finish()或自行终止进程,否则将导致APP在设备折叠展开时关闭。...应用连续性 应用连续性是折叠屏手机一大亮点,当在外屏内屏之间切换时,应用保持运行状态,并会自动调整大小以匹配新布局。

    4.1K40

    你应该知道折叠屏手机适配

    从目前推出这几款折叠手机可以看出:折叠手机从折叠展开屏幕变化类似于 iphone 到 ipad。 ?...折叠屏适配本质 当老板下令说:“我们产品要适配折叠屏”,不同的人会有不同反应: 产品设计 如何更好利用空间? 如何展示才不会使页面显得空洞? 展开折叠时分别怎么展示? 展开后如何过渡?...违背“最大最小“原则 未设置合适max-width ? 由于设置max-width较小,在Galaxy Fold展开态下,页面两侧有空隙。 子元素超出max-width规定范围 ?...3)屏幕变宽带来体验 比如说,在折叠展开状态模式下,你将可以一边看直播,一遍看相关产品,二者相互不影响。 ?...图片类应用一是可以放更大,看细节更多,二是能实现在折叠展开状态下一侧看预览,一侧显示完整图片,更方便我们浏览图片。 ? 随着屏幕变大,一个窗口下可能放下多个任务,同时运行多个 APP。 ?

    2.1K10

    新机2019:5G、可折叠、多摄元年?潮流背后问题不少

    展开时——总屏幕8寸(无缺口),比例8:7.1,分辨率2480*2200,单边厚度5.3mm。...折叠状态下——正面屏幕6.6寸,比例19.5:9,分辨率2480*×1148;背面屏幕6.38寸,比例25:9,分辨率2480*892;厚度11mm。...特点: 1)旗下首款5G手机(美国运营商Sprint 5G) 2)非真正可折叠手机,而是以外挂屏幕模块(附带4.72寸OLED副屏),实现折叠效果 3)后置三摄(采用TOF技术) 4)后置指纹识别(也即采用屏幕指纹设计...| 三星 三星Galaxy Fold——可折叠屏手机 发布时间:2月21日 关键参数:展开后7.3英寸(5.56寸)有缺口,比例4.2:3;折叠状态下4.6英寸(3.5寸),比例12:9。...此外,目前有部分厂商,在品牌、技术、渠道等多方面都不占优势情况下,跟风5G也存在风险。 | 折叠屏技术门槛高,用户或需调整期望 折叠屏之风刮来原因不难理解 ?

    69340

    折叠屏开发指导系列⑤丨揭秘开发者不可不看开发、调测工具

    /studio/preview) 模拟器支持开发者通过屏幕控制来触发折叠/展开操作,旋转屏幕方向以及快速操作;点击模拟器上对应按钮就可以在折叠折叠态之间切换。...:应用在展开态下页面显示正常 测试步骤: 1)在屏幕展开状态下,打开应用,查看应用各个页面显示效果。...3.2 用例2:应用在展开态下核心页面功能正常 测试步骤: 1)在屏幕展开状态下,打开应用; 2)遍历应用核心页面的控件按钮,所有功能按钮可用,无失效/crash/anr等问题。...3.3 用例3:应用在折叠展开状态切换时业务不中断,应用页面显示控件点击正常 测试步骤: 1)在展开态下,打开应用测试页面; 2)在应用测试页面切换到折叠态,观察页面显示; 3)点击测试页面的所有控件按钮...; 4)在折叠态下,打开应用测试页面; 5)在应用测试页面切换到展开态,观察页面显示; 6)点击测试页面的所有控件按钮。

    2.1K20

    Human Interface Guidelines — Widgets

    人们还将他们关心窗口 widget 添加到搜索屏幕,通过在主屏幕锁定屏幕上向右滑动来访问搜索屏幕。 你目标应该是设计一个人们想要添加到搜索屏幕 widget。 ?...Widget 显示高度信息取决于窗口是否折叠展开(并非所有 widget 都支持展开)。折叠 widget 是大约两个半 table rows 高度。...理想情况下,扩展 widget 不会高于屏幕高度。快速操作列表仅显示处于折叠状态 widget 。当展开时,一个 widget 显示可以独立存在重要信息。...展开后, widget 会显示增强主要信息其他信息。例如,“天气” widget 折叠时会显示的当前天气状况,但会在展开时添加小时预测。...例如,显示即将到来预订 app 可能会包含一条消息,说明登录时“登录 app 以查看您预订”。

    1.1K30

    折叠屏丨华为专家深度解读折叠屏连续性拖拽适配介绍

    折叠屏连续性适配基础要求 折叠屏连续性要求应用在屏幕折叠态、展开态以及切换过程中,保证业务连续性UI显示正常。当前连续性适配主要有如下两种方式,开发者可根据实际业务需要灵活选择。...连续性适配DEMO 1.1 连续性适配典型案例 问题1:折叠展开重启、闪退 用户在折叠展开态切换时,遇到较多问题之一是应用重启,这大多是由于应用重启之前没有在ActivityonSaveInstanceState...()进行状态保存恢复。...如果开发者遇到类似情况,需要识别折叠展开重启流程应用异常。...由于屏幕尺寸千差万别,显示适配工作比较困难,因此华为推出了栅格化设计系统。栅格化系统是一套能够适配不同屏幕尺寸屏幕朝向响应式布局基础设计机制,它可以确保跨设备一致性。

    1.1K20

    11.8 VR扫描:数字王国空间完成Pre-A轮融资;HTC或将在2019年推出Vive 2

    今日,数字王国宣布,旗下线下VR内容分发平台——数字王国空间完成Pre-A轮融资,投资方为中信文化资本,具体融资额透露。...VRPinea独家点评:大厂纷纷加入2019年战局,看来明年VR硬件市场会很有意思。 三星发布7.3英寸折叠屏幕 ? 在2018三星开发者大会上,三星发布了其可折叠显示屏。...其在舞台上展示了一款应用该显示屏手机原型,该设备可以像书一样打开,折叠状态显示屏是 4.58 英寸,展开状态屏幕为 7.3 英寸,但折叠前后厚度不明。...此外,为适配这种设备,三星还设计了新用户界面 One UI。 VRPinea独家点评:展开后可作平板,实现平板,手机二合一。越来越期待明年正式开售实体模样。...该DLC不再增加新游戏,而是以更高水平扩展《头号玩家:绿洲》现有内容。

    56930

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

    比如要输入是“姓名”,还是“城市名”;要选择是“性别”还是“日期” State 状态,比如下拉框是否展开,单选框或多选框选项是否被选中 Value 这些信息都会传给无障碍树,以方便辅助技术更好地...自动化工具只能检测可访问性问题子集,因此手工测试必不可少。 二、手动测试方法工具 关于手动测试,重点大家分享三点:键盘可访问性、屏幕阅读器、缩放功能。...按Tab+Shift进入上一项同理,可优化成“形式”交互 屏幕阅读器 操作系统都有自带屏幕阅读器,我们就直接用它了。...、屏幕阅读器导航、页面缩放。...让屏幕阅读器提供精简、准确信息也是非常重要,但这部分需要我们结合着屏幕阅读器使用再进一步细化。

    1.9K10

    折叠屏手机相关知识

    优 缺 点 可折叠手机就像“变形金刚”,屏幕合起来仍是传统手机大小,方便携带,打开则变成了一个平板电脑,更兼具娱乐和办公功能,迎合了当下消费者追求便携功能多样统一需求。...柔性AMOLED屏幕折叠手机穿戴手机突破关键。但是,柔性折叠屏手机商用还不是太成熟。 首先,柔性折叠屏手机太贵。柔宇科技最早发布折叠手机价格还不到万元,已被称为天价手机。...华为三星不同处 三星华为折叠产品细节逻辑有所区别,三星是内折叠,华为是外折叠。不论用怎样折叠方式,其目的都是一样:实现一个便携尺寸下,对大屏幕追求。又或者说,实现了手机和平板二合一。...展开为平板状态后,Mate X 拥有一块 8 英寸、分辨率为 2480 × 2220 屏幕,无论是折叠还是展开状态下都拥有较窄边框及较高屏占比;官方称在展开为平板状态下,其最薄处仅有 5.4mm,...折叠时是一个手机形态,展开后变成一个平板状态折叠屏手机既解决了携带便利性问题,又满足了对平板大屏幕需求。看上去很美。 华为 Mate X 展开后是 8 英寸平板。折叠之后?是 6.6 英寸。

    58320

    WPS 在折叠屏大舞台上秀出精彩 | Android 开发者故事

    折叠屏设备可以在折叠展开之间随时切换 为了确保用户在设备折叠展开时都获得最佳体验,WPS 应用会根据设备形态自行匹配合适导航模式: 折叠时导航出现在画面底部,传统竖屏体验相同;而展开时导航则出现在画面左侧...展开后更大屏幕也让文档操作更加便利,以往竖屏手机只能同时打开两个窗口,现在在展开状态下可以同时打开四个窗口,往不同文档里插入图片只需要简单拖拽即可完成。...△ 展开状态时可以同时打开四个窗口 除了折叠展开两种形态外,可折叠设备还有一种全新形态——半折叠。...团队针对这种全新形态,在幻灯片播放模式下了功夫: 在上半屏幕展示幻灯片同时,下半屏幕则展示用户自己备注,而且上半屏还有批注功能。通过对上下屏功能划分,让用户在演讲时能更加专注高效。...即便用户在这时改变了手机折叠状态,内容也会自动适配屏幕,投影则完全不会受到影响。

    69110
    领券