在单选按钮上使用"label for"参数时,要符合508*,以下是否正确?
<label for="button one"><input type="radio" name="group1" id="r1" value="1" /> button one</label>
Run Code Online (Sandbox Code Playgroud)
或者是这个?
<input type="radio" name="group1" id="r1" value="1" /><label for="button one"> button one</label>
Run Code Online (Sandbox Code Playgroud)
我问的原因是在第二个例子中,"label"只包含文本而不是实际的单选按钮.
*1973年"康复法案"第508条要求联邦机构为残疾人提供软件和网站可访问性.
请考虑以下标记:
<label class="required" for="email-address">Email Address <span class="audible">Required</span></label>
<input type="text" id="email-address" placeholder="Company@address.com">
Run Code Online (Sandbox Code Playgroud)
随之而来的是我有以下的CSS ...
.required:after {
color: red
content: "*";
......
}
Run Code Online (Sandbox Code Playgroud)
当我关注一个字段时,屏幕阅读器会显示:电子邮件地址需要"星号".我希望能用css做这个只是为了显示视觉效果*但是我不希望屏幕阅读器阅读?
或者这是一个常见的事情,屏幕阅读器和用户会忽略星形或设置设置.IE不是一个真正的问题吗?
有什么办法吗?
随着越来越多人使用Backbone,Ember和其他JS MVC类型框架,越来越多的HTML DOM正在动态构建,第一个HTML页面只包含一个"root"元素,用于将生成的HTML转储到其中.
这种做法是508投诉吗?
我想我理解Javascript如何工作以便在第508节中没问题.但我一直无法找到相关问题的答案:我的网站是否需要在没有Javascript的情况下工作才能符合508条款?
举一个极端的情况,如果没有Javascript的用户无法登录,是否违反了508条款?如果是这样,文本中的位置是什么解释?
我知道所有内容都必须通过屏幕阅读器,键盘和鼠标用户等访问.但是,没有Javascript的用户是否需要访问所有内容?
我正在开发一个需要符合508条款的asp.net网站.我很困惑,好像我应该使用JavaScript或者根本不使用JavaScript.
我甚至可以使用jQuery的slideUp()/ slideDown()显示/隐藏部分吗?我可以使用jQuery UI的datepicker和模态对话框吗?
我对此进行了很多研究,似乎在SO和所有网络上得到了相互矛盾的答案.我理解,在508条款中,合规性不等于可访问性.
最大的问题是UI/UX设计师被告知下拉菜单NEEDS的键盘快捷键使键盘快捷键符合508标准.我看到Windows Forms应用程序有这个,但对于Web开发,我不认为必须"合规"
我回答的另一个问题是:符合MVC 4站点508
section508 standards-compliance drop-down-menu jaws-screen-reader
背景
我在GitHub上有一个小项目,我正在尝试创建一个符合508条款(section508.gov)的PDF,它在复杂的表结构中有表单元素.建议验证这些PDF的工具位于http://www.access-for-all.ch/en/pdf-lab/pdf-accessibility-checker-pac.html,我的程序输出PDF确实通过了大部分检查.我还将了解每个字段在运行时的含义,因此向结构元素添加标记应该不是问题.
问题
PAC 2工具似乎在输出PDF中存在两个特定项目的问题.特别是,我的单选按钮的窗口小部件注释不嵌套在表单结构元素内,并且我的标记内容没有标记(文本和表格单元格).PAC 2验证左上角单元格内的P 结构元素,但不验证标记内容 ...
但是,PAC 2确实将标记的内容标识为错误(即未标记的文本/路径对象).此外,检测单选按钮小部件,但似乎没有API将它们添加到表单结构元素.
我曾经尝试过什么
我已经看过这个网站上的几个问题以及其他关于这个主题的问题,包括这个带有PDFBox的Tagged PDF,但似乎几乎没有PDF/UA的例子和很少有用的文档(我发现).我发现的最有用的提示是在解释标记PDF的规范的网站上,如https://taggedpdf.com/508-pdf-help-center/object-not-tagged/.
问题
是否可以使用包含标记内容和单选按钮窗口小部件注释的Apache PDFBox创建PAC 2可验证PDF?如果可能,是否可以使用更高级别(不推荐)的PDFBox API?
旁注:这实际上是我的第一个StackExchange问题(虽然我已广泛使用该网站),我希望一切顺利!随意添加任何必要的编辑,并询问我可能需要澄清的任何问题.另外,我在GitHub上有一个示例程序,它在https://github.com/chris271/UAPDFBox上生成我的PDF文档.
编辑1:直接链接到输出PDF文档
*编辑2:使用一些较低级别的PDFBox的API,并查看原始数据流与PDFDebugger完全兼容PDF文件后,我就能够产生一个几乎相同的内容结构PDF相比,该标准目录的内容结构.不过,相同的错误显示文本对象没有标记,我真的无法决定从这里去哪里...任何指导将不胜感激!
编辑3: 并排原始PDF内容比较.
编辑4:生成的PDF的内部结构
和兼容的PDF
编辑5:我已经成功修复了标记路径/文本对象的PAC 2错误,这部分得益于Tilman Hausherr的建议!如果我设法解决有关"注释小部件没有嵌套在表单结构元素中"的问题,我将添加一个答案.
是否有自动,在线或关闭的工具来测试xhtml/css是否符合屏幕阅读器和美国残疾人法案(ADA)的其他视觉指导方针?
508合规性所需的链接的title属性或链接中的文本是否足够?
谢谢!
section508 ×10
javascript ×3
html ×2
backbone.js ×1
css ×1
disability ×1
ember.js ×1
java ×1
jquery ×1
label ×1
pdf ×1
pdfbox ×1
radio-button ×1
w3c ×1
wai-aria ×1
wcag ×1