可访问性旨在使每个人都可以使用应用程序或网站，包括视力，听觉，走动或认知障碍等残疾人。
HTML 页面有 3 个（或至少 2 个）按钮（以及一些指示它的音频信号）。我想知道一种方法可以让人们不用眼睛就可以使用它，或者通过关闭屏幕来节省电力。 它有...
SwiftUI 应用程序可以在辅助功能下控制缩放吗？ 我查看了 UIScreenMode availableModes 并没有看到方法
我正在使用 Bootstrap 5 (Barrio) 自定义主题开发 Drupal 10 站点。我有一些年长的追随者，如果字体更大，他们会发现更容易查看网站。我想提供一个大...
Axe devtool 错误：<ul> 和<ol> must only directly contain <li>, <script> or <template> elements
这是代码。由于 Li 是内置的 不确定在哪里可以找到 li 元素 ... 这是代码。由于 Li 是内置的 不确定在哪里可以找到 li 元素 <div> <b-navbar type="light" variant="light"> <b-nav-form> <b-input-group prepend="@"> <b-form-input placeholder="Username"></b-form-input> </b-input-group> </b-nav-form> </b-navbar> </div> 当我在 chrome 上运行 ax devtool 时发生。 感谢您发布代码示例，但由于示例来自引导程序页面，因此发布它也很有帮助 https://bootstrap-vue.org/docs/components/navbar#b-nav-form 如果您检查“用户名”字段的代码，您会看到： <nav class="navbar navbar-light bg-light navbar-expand"> <li class="form-inline"> <form class="form-inline"> <div role="group" class="input-group"> <div class="input-group-prepend"> <div class="input-group-text">@</div> </div> <input type="text" placeholder="Username" class="form-control" id="__BVID__624"> </div> </form> </li> </nav> 注意 是 的孩子，并且没有 或 作为父母。那是无效的 HTML，所以斧头会抓住它。
我有一个带有 ListView 控件的 WPF 应用程序来显示错误列表。当我清除项目并将其添加到 ListView 时，Windows 讲述人会宣布它们，但 NVDA 阅读器不会。 这是我的代码： 我有一个带有 ListView 控件的 WPF 应用程序来显示错误列表。当我清除项目并将其添加到 ListView 时，Windows 旁白会宣布它们，但 NVDA 阅读器不会。 这是我的代码： <Window x:Class="ListViewAccessibility.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:ListViewAccessibility" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Grid> <StackPanel> <ListView x:Name="errorsListView" Margin="28,0,0,0" Height="150" ItemsSource="{Binding Path=ErrorItems}" AutomationProperties.Name="Errors" AutomationProperties.LiveSetting="Assertive" > <ListView.ItemTemplate> <DataTemplate > <WrapPanel > <TextBlock Text="{Binding ErrorText}" FontWeight="Bold" AutomationProperties.Name="{Binding ErrorText}" /> </WrapPanel> </DataTemplate> </ListView.ItemTemplate> </ListView> <Button Command="{Binding AddErrorCommand}">Add Item</Button> </StackPanel> </Grid> public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); DataContext = new MainViewModel(); ((INotifyCollectionChanged)errorsListView.Items).CollectionChanged += ListViewCollectionChanged; } private void ListViewCollectionChanged(object sender, NotifyCollectionChangedEventArgs e) { if (errorsListView.Items?.Count > 0) { RaiseListViewLiveRegionChanged(); } } private void RaiseListViewLiveRegionChanged() { var peer = UIElementAutomationPeer.FromElement(errorsListView); if (peer == null) { peer = UIElementAutomationPeer.CreatePeerForElement(errorsListView); } peer.RaiseAutomationEvent(AutomationEvents.LiveRegionChanged); } } public class ErrorInfo { public string ErrorText { get; set; } } public class MainViewModel : ViewModelBase { public ObservableCollection<ErrorInfo> ErrorItems { get; } = new ObservableCollection<ErrorInfo>(); private ICommand _addErrorCommand; public ICommand AddErrorCommand { get { return _addErrorCommand ?? (_addErrorCommand = new RelayCommand(() => AddError())); } } int idx = 0; private void AddError() { ErrorItems.Clear(); ErrorItems.Add(new ErrorInfo() { ErrorText = $"New Error {idx++}" }); } } Inspect.exe 结果
我想为我们的应用程序创建一个功能，让老年人可以启用放大镜，这个功能可以放大应用程序中的视图。 目前已经在所有最新的安卓设备上
在隐私模式下使用google reCAPTCHA v3 验证挑战过期时，字体颜色（#F00）和背景颜色（#F4F4F4）与明度比标准不匹配...
我在 Wave 上的 WordPress 网站中有几个空标题错误，任何人都可以帮我删除这些错误，就像我找不到编写代码的区域一样。 这是代码 [输入图片描述
是否有任何解决方案可以使画外音正确读取街道地址？我已经尝试了很多东西，但到目前为止没有任何效果。我最终创建了一个疯狂的 accessibilityLabel 但它仍然......
我目前正在向表单添加一些日期输入。我有一个“开始日期”和“结束日期”输入，但只想对两个输入使用一个标签（“日期”）。 是否有可能做到这一点？什么是
如何在Seaborn Catplot中根据x值制作不同形状的标记？
我有一个 catplot，沿 x 轴有 4 个分类组，右边每个分组在 catplot 上都是不同的颜色，但它们都是圆形标记（我希望每个分组都是不同的......
通过键盘选项卡输入滑块时暂停 SwiperJS 自动播放，无鼠标
我正在处理可访问性请求，并试图在用户通过 Tab 键进入滑块时暂停幻灯片放映。它已经配置为在鼠标悬停时暂停并在鼠标移开时恢复，...
在 MacOS Ventura 中，如何创建桌面快捷方式来切换文本到语音的系统设置？
一点背景：我正在帮助一个朋友，他几年前中风了，患有全球性失语症；结果，他的大脑很难始终如一地从书面文字中获得意义……
我遇到一个错误需要你的帮助。我希望我的网站 (eshop) 通过 WCAG AA 可访问性测试（webaim、achecker、w3validator）。出现了很多错误，因为没有任何工具可以...
PageSpeed Insights 在我们的网站上抱怨“表单元素没有关联的标签”。 我正在使用的相关代码是： PageSpeed Insights 在我们的网站上抱怨“表单元素没有关联的标签”。 我使用的相关代码是： <input id="input-1" type="checkbox"> <label for="input-1"> <svg> <title>This is the label text</title> <!-- rest of svg --> </svg> </label> 这应该足够方便吗？ （我知道使用没有文本的 SVG 图标对于有视力的用户来说并不是最佳的可访问性，但这不是 PageSpeed 在这里抱怨的。） 可访问名称和描述计算标准中的计算步骤特别提到<title>元素作为为标签提供文本的有效方式。 E。主机语言标签：否则，如果当前节点的本机标记提供了定义文本替代项的属性（例如 alt）或元素（例如 HTML 标签或 SVG title），则以平面字符串的形式返回该替代项由宿主语言定义，除非该元素被标记为表示性的（role="presentation" 或 role="none"）。 （我强调了重要的部分） 所以说到一致性，你很好。 但是，对于可访问性来说重要的也是实用部分。有多少用户因浏览器或辅助技术支持不足而遇到困难？你绝对应该测试一下。 根据 a11y 支持，SVG <title> 元素在 iOS 上的 VoiceOver 中不支持，在 macOS 上仅部分支持。我可以确认它仍然是 Firefox 中的问题。 我建议使用 aria-label 或视觉上隐藏的元素来为 SVG 图标提供替代文本。 /* https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html */ .visually-hidden:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } <input id="input-1" type="checkbox"> <label for="input-1"> <svg aria-label="This is the label text" data-altlabel="svg-title" width="50" height="50"> <title id="svg-title">This is the label text</title> <!-- rest of svg --> <rect width="50" height="50" fill="#cc0000"></rect> </svg> </label> <input id="input-2" type="checkbox"> <label for="input-2"> <span class="visually-hidden">This is the label text</span> <svg aria-hidden="true" width="50" height="50"> <!-- rest of svg --> <rect width="50" height="50" fill="#cc0000"></rect> </svg> </label>
用于确定两种颜色之间对比度的 WCAG 公式/算法使用这些颜色的亮度。即：sRGB转为线性RGB，然后不同通道相乘...
Droid 辅助功能 - 禁用特定 TextView 的 TalkBack
我找不到应该是一个非常简单的任务的答案。有人可以向我解释关闭 android 中单个元素的可访问性（对讲）的最佳方法吗？ 我有一个 TextView ...
根据可访问性指南，最小可点击区域/可触摸区域应至少为 48px * 48px。 但是在 MUI 日期选择器中，从日历弹出窗口中选择日期时，它不满足这个条件......