标签: screen-readers

我必须用斜体显示标题，这样可以吗？

<h5><em>Heading text in italic</em></h5>

或者我应该使用<p>这样的标签：

<p><em>Heading text in italic</em></p>

如果我使用该<h5>标签，那么屏幕阅读器将如何阅读它，它在语义上是否正确？

我不想使用课程。

我有一个简单的按钮。

.icon {
    border: 1px solid black;
    display: inline-block;
    height: 25px;
    text-indent: -999em;
    vertical-align: middle;
    width: 25px;
}

    <a role="button" href="javascript:void(0);" aria-label="select product" aria-describedby="navigation">
        <span id="navigation" class="icon >Enter to open, tab to navigate</span>
    </a>

当我点击此链接时，我想听到“选择产品按钮，回车打开”，但 NVDA 只读取“选择产品按钮”，没有导航消息。

有人知道如何修复它或以某种方式为按钮提供额外的导航消息吗？

有一个有趣的问题。我正在为全国范围内的大型客户提供无障碍服务。该网站是一系列表单问题。

一切都与屏幕阅读器和键盘可访问性配合使用，除了客户端希望专注于加载时的第一个输入，同时还从网站顶部到底部阅读。

我的重点是向下加载，但是屏幕阅读器（正确地）开始从输入向下读取，而不是从上向下读取。

我没有能力更改规格。换句话说，这必须按预期工作。

• 网站已加载
• 光标位于第一个输入上
• 屏幕阅读器从页面开头从上到下阅读。

关于如何让屏幕阅读器忽略焦点事件并从上到下阅读有什么想法吗？

有没有办法更改屏幕阅读器（在 Android 中为 TalkBack）读取可访问元素的顺序？就像如果我有 3 个元素，最初按 b1、b2、b3 的顺序读取，在按下某个按钮后顺序会改变并变成 b3、b1、b2？

编辑 这是我按照@Nikos Hidalgo 提示尝试的

代码：

    Button b1,b2,b3, changeorder;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    LinearLayout linearlayout = findViewById(R.id.linearlayout);

    changeorder = new Button(this);
    changeorder.setText("Presso to change order");
    changeorder.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Log.i("BUTTON","Clicked change order button");

            changeorder.setAccessibilityTraversalBefore(b3.getId());
            b3.setAccessibilityTraversalAfter(changeorder.getId());
            b3.setAccessibilityTraversalBefore(b1.getId());
            b1.setAccessibilityTraversalAfter(b3.getId());
            b1.setAccessibilityTraversalBefore(b2.getId());
            b2.setAccessibilityTraversalAfter(b1.getId());
            changeorder.setText("Order changed b3,b1,b2");

        }
    });
    changeorder.setImportantForAccessibility(View.IMPORTANT_FOR_ACCESSIBILITY_YES);
    linearlayout.addView(changeorder);

    b1 = new Button(this);
    b1.setText("BUTTON 1");
    b1.setImportantForAccessibility(View.IMPORTANT_FOR_ACCESSIBILITY_YES);
    linearlayout.addView(b1);


    b2 = new Button(this);
    b2.setText("BUTTON 2");
    b2.setImportantForAccessibility(View.IMPORTANT_FOR_ACCESSIBILITY_YES);
    linearlayout.addView(b2);


    b3 …

具体可以aria-label用在什么地方呢？

我发现文档显示它可以用于交互式项目（例如）<button>，但它可以用于以下任何项目： <p>、<span>或？<li><abbr>

我试图在段落中包含特定的单词和缩写，读出为特定的内容（例如：Aussies 读出为“Ozzies”而不是“Ossies”或“NSW”读出为“New South Wales”）

在 Microsoft Edge、Google Chrome、Mozilla Firefox（所有 Windows 10）和 iPhone Safari (iOS) 中进行测试

出于设计原因，我使用 a <br>inside a，例如：<h1>

<h1>This is a <br>headline</h1>

但请注意，它会将元素变成一个“组”，VoiceOver 将其读取为单独的项目，例如：

标题级别 1“这是一个...标题”第3
组
项目 “这是一个”
“标题”
“空组”

向 only添加aria-hidden="true"或role="presentation"属性<br>会删除“空组”公告，但 VoiceOver 仍将 视为H1“组”。

是否可以在不通过 VoiceOver 将其宣布为“组”的br情况下将元素存在于内部？h1