Question

我使用UIWebView在iOS中使用以下html代码：

SimulatorComponent

我想要专注并说“重要：这是desc文字。”虽然有可访问性，但如果我使用以下内容，只关注并说“重要”

  <body>
    <p><strong>IMPORTANT:</strong> This is desc text.</p>
...
    </body>

如果我使用以下内容，可以集中注意力但不要说重要

    <body>
    <p aria-selected="true" ><strong>IMPORTANT:</strong> This is desc text.</p>
...
    </body>

Answer 1

您错误地使用了aria-selected。它应该仅在（复杂）窗口小部件角色中使用，以指示窗口小部件的哪个部分具有焦点。正确使用的示例是菜单或列表。

如果您想要关注文档的一部分以立即宣布它，请使用tabindex="0"或tabindex="-1"（取决于您是否希望在浏览文档时关注元素）和然后在适当的时间element.focus()。

<body>
<p tabindex="0" ><strong>IMPORTANT:</strong> This is desc text.</p>
...
<script>
...
// When the element should be focussed
element.focus();
...
</script>
</body>

但是，您可能更愿意使用role="alert"来自动宣布信息，而无需设置焦点。

Answer 2

如果您想关注任何可以使用 tabindex =＆＃34; 0＆＃34; 的元素，tabindex会定义您希望的顺序要获得焦点的元素。

如果您想阅读任何文字，可以使用 aria-label 属性来实现它。

例如：如果你想阅读＆＃34;重要：这是desc文本。＆＃34;只是用 aria-label =＆＃34;重要这是desc文本。＆＃34;

html的可访问性：关注和说话？

2 个答案: