Tag: 可访问性

Safari忽略tabindex

我有两个button旁边的文本框和另一个文本框后的2个button。 第一个文本框的tabindex为1000,第一个button为1001,第二个button为1002.第二个文本框的tabindex为1003。 当我按tab时,tabindex在除Safari之外的所有浏览器中都能正常工作,即使tabindex已经正确设置,它也会立即从第一个文本框移动到第二个文本框。 任何想法如何防止这个问题?

display:none vs visibility:hidden vs text-indent:9999屏幕阅读器如何与每个屏幕阅读器行为?

这三个屏幕阅读器用户有什么区别?

为Android编程作为一个盲人

我有一个朋友是一个非常有能力的程序员,特别是考虑到他是盲人。 现在他想开始为Android开发。 但是,我看到他遇到的问题是,似乎没有Android模拟器的辅助function。 理想情况下,他将能够让他的电脑读取Android模拟屏幕的内容给他。 不过,至less从我看到的,Android屏幕的内容和可用于操纵仿真Android等的button对于屏幕阅读器都是不可见的。 有谁知道这个解决方法吗? 更新:我发现这里看起来像一个有前途的资源。 这是一个由Google的电视拉曼开发的Android的Text-to-Speech库。 我仍然在寻找来自社区的更多信息。

单页面应用程序的可访问性(ARIA等)

什么是最好的方法,使SPA(AngularJS)无障碍(屏幕阅读器等)? 我对于咏叹调的规范几乎没有经验,我不知道它是否会在一个单一的页面应用程序工作。 发展中常见的缺陷是什么? 在开发时如何debugging和testing可访问性?

iOS配音状态

我正在尝试将辅助function添加到已经开发的iOS应用程序中。 如果iPhone设置的辅助function菜单中的VoiceOver选项处于打开状态,并且在旁白closures时不显示,则会显示一些我喜欢的UIfunction(例如button)。 有没有办法检查配音选项是否打开?

盲目地使用<strong>代替<b>可以吗?

注意:我知道<b>是表示性的, <span style="font-weight:bold>是更好的方法, <strong>和<em>是强调的,但我的问题不在于此。 我们是否应该盲目地将每个<b>转换为<strong> ? 许多人这样做,他们认为按照networking标准来看, <b>不是很好,所以在网站重新devise,内容重新填充,新的网站devise和人们向他人提出这个build议时,他们将每个<b>转换为<strong> 。 Dreamweaver也给出了在devise视图中将所有<b>和<i>为<strong>和<em>的代码粘贴的选项,以及我们使用B和I时盲目使用的选项。 替代文字http://shup.com/Shup/280420/1101118332-My-Desktop.png 和Dreamweaver(如果上面的选项被选中),许多在线所见即所得的编辑器在<strong>和<em>输出,而button显示B和I。 替代文字http://shup.com/Shup/280425/1101118921-My-Desktop.png 我认为这是对<strong>和<b>的误解 当我们从客户那里得到内容时,我们不知道客户想要强调什么,他只是想用粗体文本来expression目的。 在这种情况下我们该怎么办? 没有人有时间来决定每个实例(我们和客户),是否应该是<b>或<strong> , <i>或<em> 如果我们说我们的网站是可访问的,那么将每个<b>和<i>转换为<strong>和<em>什么优点和缺点? 更新:记住<b>和<i>不被弃用,它们在HTML 5规范中

XHTML5与HTML5有什么区别?

XHTML5与HTML5有什么区别? 我知道XHTML5是语言的XMLforms,而HTML5是语言的SGMLforms,这意味着明显的小的语法差异。 会有进一步的分歧吗? XHTML5会贬低HTML5中没有弃用的完全没有价值的元素吗? 将XHTML5写在模式而不是文档types? XHTML5会强加结构validation,而不仅仅是说明什么是孩子? XHTML5会提供HTML5中不具备的可访问性优势吗? XHTML5会提供任何安全增强function吗? 请分享你所拥有的任何知识是自称是networking的未来?

可访问性:SVG和MathML推荐的Alt-Text约定?

概观 HTML5 现在允许使用HTML文档的<svg>和<math>标记,而不依赖于外部命名空间( 这里有相当好的概述)。 两者都有自己的alt属性类似物(见下文),今天的屏幕阅读器软件可以有效地忽略它们。 因此,盲人用户无法访问这些元素。 是否有计划为这些新元素实施标准的替代文本惯例? 我已经搜遍了文档,干起来了! 更进一步的细节 关于SVG: SVG的替代文本可以被认为是根title或desc标签的内容。 <svg> <title>An image title</title> <desc>This is the longer image description</desc> … </svg> 我发现一个屏幕阅读器是这样读取的,但这是标准吗? 以前插入SVG的方法也有可访问性问题,因为<object>标签被屏幕阅读器不一致地处理。 关于MathML: MathML的替代文本应该存储在alttext属性中 。 <math alttext="A squared plus B squared equals C squared"> … </math> 由于屏幕阅读器似乎没有认识到这一点,math渲染库MathJax在运行时将文本插入到aria-label属性中。 <span aria-label="[alttext contents]">…</span> 不幸的是,NVDA,JAWS和其他人也不能可靠地阅读这些标签。 (更多关于WAI-ARIA ) 关于两方面:在大部分不受支持的ARIA属性方面缺乏成功,我尝试使用title属性。 这些“外国”HTML元素似乎也被忽略。 包起来 不仅仅是一个简单的黑客攻击,我正在寻找推荐的方法来在这些新的HTML元素上添加替代文本。 也许有一个我忽略的W3C规范? 还是在游戏中还为时过早?

H1在文章页面 – 网站标题或文章标题?

在面向文章的页面(例如博客文章)中, <h1>元素(1级标题)通常用于标记: 博客标题(即页面顶部的常常大的站点标题, 而不是 <title>元素),或者 文章标题 什么是最好的select,为什么? 对于网站所有者而言,他们可能想向全世界喊出他们网站/博客的名字,在网站标题周围使用1级标题似乎是有道理的。 从您尝试与用户沟通的angular度来看,网站标题的相关性较低 – 文章内容就是您要传达的内容,而所有其他网站内容都是次要的。 因此,使用<h1>作为文章标题似乎是最好的。 我觉得<h1>元素应该专注于文章标题,而不是网站标题或其他内容。 这似乎并不是一个受欢迎的惯例。 例子: Joel Spolsky使用<h1>作为文章标题,并为网站标题定位 Jeff Atwood 完全不使用<h1> , <h2>使用文章标题和网站标题的锚点 37信号SVN使用<h1>作为站点标题和文章标题的锚点 这是三个站点的三种不同的方法,您可能希望强调正确的语义标记。 我认为乔尔和杰夫差不多。 我非常惊讶37Signals人员的标记select。 对我来说,这似乎是一个非常简单的决定:什么是最相关的文章的消费者? 文章标题。 因此将文章标题包装在<h1>元素中。 完成。 我错了吗? 我错过了更多的考虑吗? 我对吗? 如果是这样,为什么' <h1>的文章标题'方法不是更常用? 决定使用<h1>元素的地方像我说的那样是不变的? 还是有一些主观的考虑要做呢? 更新 :感谢迄今为止所有的答案。 对于如何使用<h1>作为文章标题而不是使用网站标题来获得可用性和可访问性(或者不是,视情况而定),我真的很感激。 基于事实而不是个人假设的答案将获得许多奖励点!

在已标记的input元素上使用“aria-labelledby”的目的是什么?

许多ARIA演示网站使用的代码如: <label for="name" id="label-name">Your Name</label> <input id="name" aria-labelledby="label-name" type="text"> 但在这种情况下使用aria-labelledby属性的目的是什么? input元素已经被for属性的label元素标记,不是吗?