"On Page SEO"的意思是什么？它与标记,可访问性和语义有关吗？
编辑:
"On Page SEO"是否需要来自XHTML Coder的输入？这是开发人员的工作吗？
如何将alts添加到Galleria图库,因为它默认不包含ALT标记.我正在使用设置为图库提供图像和经典主题.是否有人知道如何使其符合ADA规则.
有没有办法(natvie JS或JQuery)在元素列表上注册相同的事件类型？
如果可能的话,我想避免重复在几个元素上注册事件,一次一个.
理想(伪)代码:
$({elem1, elem2, elem3}).on("keyup", function() {
// Do the same when each one of these elements gets focus
});
是否可以仅为屏幕阅读器制作元素？我知道我可以为所有设备制作一个不可列表的元素(tabindex="-1"),但是有类似的东西aria-tabindex吗？所以我可以做以下事情:
<input type="text" tabindex="-1" aria-tabindex="0" />
我需要这个,因为客户想对于一些普通的HTML输入一个奇特的GUI,所以我想使自己的投入非tabbable(视觉用户谁可以使用GUI),而且使tabbable非视觉用户(然后谁可以简单地对HTML输入进行操作,并且可以隐藏GUI aria-hidden="true").
更新
我在这个标题为"可访问,键盘友好的自定义选择菜单 " 的博客中找到了解决我的特定问题的解决方案(为视觉键盘和鼠标用户提供了一个精美的GUI,同时又不影响屏幕阅读器用户的体验):
诀窍是将原生select元素放置在花哨的GUI(视觉上隐藏使用opacity: 0)之上,它本身将接收到的点击传播到操纵本机的自定义JS select.这样GUI就不需要是可聚焦的,这解决了我这个特例的问题.即使是文本浏览器也会享受完整的体验.
我不知道这个技巧可以扩展到更复杂的花式GUI多远,但它绝对是个好主意.
我正在改进我的Android应用程序中的视障人士的可访问性.我在Android项目的popover.xml文件中有以下TextView.
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="12dp"
android:text="@string/pass_code"/>
每当我使用TalkBack测试应用程序时,应用程序会回拨字符串,android:text但在这种情况下,我根本不想要它被说出来,因为这是一个弹出窗口,所以我宁愿一旦窗口说出来砰的一声.所以我已经android:contentDescription="@string/pass_code"在我的根LinearLayout中说出了相同的字符串.
我试图设置android:contentDescription="@null",我也试过添加,tools:ignore="ContentDescription"但他们都没有工作.android:text中的元素总是被说出来.如何更改TextView,以便TalkBack将忽略android:text元素？
我开始研究可访问性.aria-labelledby和aria-describe在Chrome和Firefox中运行良好,但在IE浏览器中没有被NVDA正确阅读.
<div id="div1">div 1</div>
<div id="div2">div 2</div>
<div>div 3</div>
<button aria-labelledby="div1 div2 buttonName1"><span id="buttonName1">Test1</span></button>
<br>
<button aria-describedby="div1 div2 buttonName2"><span id="buttonName2">Test2</span></button>
我现在正在通过屏幕阅读器使我的网站可读.
在网站上我有一些闪烁的元素.闪烁实现为通过javascript将元素的可见性样式从可见变为隐藏.
<span style="visiblity: visible/hidden;">Foobar</span>
我必须把一些这样的元素放在咏叹调 - 生活区.此时存在一个问题 - 每次闪烁时,闪烁的元素都会被大声读出.(这真的很糟糕)
我想要的是:
额外障碍:
在某些情况下,闪烁的文本可能有一个链接.在这种情况下,我需要通过TAB保持文本可选,并且对于普通用户和具有屏幕阅读器的用户,链接应该是"可点击的".
<a href="my_link" style="visiblity: visible/hidden;">Foobar</a>
您对如何实施有任何建议吗？
我接受其他HTML元素和/或更改实现闪烁的方式.
我们正在使用斧头来测试可访问性。
当表格单元格为空时，Axe会出现以下问题：
所有第th个元素以及具有role = columnheader / rowheader的元素都必须为其描述的数据单元格
如果我们对空表单元格执行此操作：
<td><span style={{ visibility: 'hidden' }}>empty</span>
问题消失了，但这有点棘手。有人知道最好的解决办法吗？
值得知道这不能解决问题：
<td><span style={{ visibility: 'hidden' }}> </span>
我们正在React环境中工作，因此使用了React样式标记。
我有链接指向页面中的部分.为了提高可访问性,我已将属性添加role="button"到这些中,因为我的理解是这些链接在页面内,只是转到一个部分.但我不确定这样做是否合适.
<ul>
<li><a role="button" href='#section1'>Go to section 1</a></li>
<li><a role="button" href='#section2'>Go to section 2</a></li>
</ul>
<div style="height:15rem"></div>
<h2 id='section1'>Section 1</h2>
<div style="height:15rem"></div>
<h2 id='section2'>Section 2</h2>我正在建立一个网站，并尝试通过使用ARIA标签，角色标签等使其尽可能地易于访问。
导航菜单项是“改变生活”。屏幕阅读器将其读出为“改变生活”的地方（如“送礼”而不是“刀子”）。
另一个导航菜单项是“关于我们”，但屏幕阅读器将其读出为“关于我们”。
我正在寻找有关如何强制屏幕阅读器发音的帮助。