标签: screen-readers

我的网站上有一小部分法语（加拿大语）文本。当我查找W3schools 语言代码参考时，我发现只有特定语言的列表，但没有位置。书写<span lang="fr-CA">有效吗？添加语言的位置基础对屏幕阅读器有任何影响吗？

我在 a 上有一个 aria-live 区域role="alert"，其值"assertive"未在表单提交中说出。当时它也是由 PHP 编写的，就像页面加载一样。

它在 PC 上的 NVDA 中运行良好，但在 Mac 上却什么也说不出来。我发誓我之前已经测试过这一点并且经常使用这种技术。

有什么想法为什么不被谈论吗？

div 看起来像这样：

<div class="alert alert-danger" role="alert" aria-live="assertive">Error: please fix the indicated fields:</div>

我对 ARIA 及其屏幕阅读器功能相当陌生，但我一直在尝试找出弹出窗口未被读取的原因。当用户单击保存按钮刷新将显示消息的页面时，它会发生更改，但屏幕阅读器不会拾取消息中的更改。

从我读到的内容来看， aria-live="assertive" 和 role="alert" 都应该有效

我尝试了标签和咏叹调属性的各种位置，但没有运气。只有当我重新单击主要内容部分时，它才会读取警报。

我已经在 IE11 和 Chrome 上进行了测试（尽管它实际上只需要在 IE 上工作）

仅供参考，最初所有的 < p > 都是 < c:out >

--主要布局

<div class="body-content" style="padding: 4px 0">
 <a id="main_content" tabindex="-1" name="main_content"></a>

<!--                <h1>Main Content</h1> -->
<!--                <p>This is the main content area. -->


<tiles:insertAttribute name="body" />         


</div>

--在每个屏幕上包含消息

<jsp:include page="messages.jsp" />

--messages.jsp <

div id="errorDiv" aria-live="assertive" class="error" role="alert">
<c:if test="${not empty errors}">
<c:set var="popupErr" value=""/>

        <c:forEach var="error" items="${errors}">

                    <p > ${error}</p>
                <br />
            <c:if test="${popupErr != ''}"> …

我目前正在尝试使具有一到多个子元素的 DOM 元素尽可能易于访问。该元素将包含使用多层背景图像的说明性内容。我目前正在使用子元素来提供图像描述，如这篇关于如何在内容组内标记说明性内容的信息丰富的博客文章中所述。容器元素还可以包含其他包含文本内容的子元素。

示例元素当前如下所示：

<div tabindex="0" class="comic-panel">
  <span role="img" aria-label="There is a cat sitting in the window."></span>
  <div style="background-image: url(/assets/img/window.png);" class="comic-panel__layer"></div>
  <div style="background-image: url(/assets/img/cat.png);" class="comic-panel__layer"></div>
  <p class="speech-bubble">Meow!</p>
</div>

使用 OSX VoiceOver 进行测试，切换到此元素后，图像描述和文本可以正常读取，但随后还会发布以下公告：

是否可以以某种方式更新此元素的标记，使此group公告不是由屏幕阅读器发布？在几乎所有情况下，用户都无法在元素内部进一步探索或使用任何内容，因此此消息将是多余的，我希望 VoiceOver 不将元素识别为触发此消息的组。

这个警告在 Visual Code 应用程序的终端中不断弹出

Warning: PowerShell detected that you might be using a screen reader and has
         disabled PSReadLine for compatibility purposes.
         If you want to re-enable it, run 'Import-Module PSReadLine'.

即使我将值更改为0via regedit，警告仍然显示。

是否有必要<th>在任何表格中？即使表没有标题？

表有3个其他标签<thead> <tbody> <tfoot>是否有必要使用所有即使我没有任何表页脚.Firefox默认在代码中添加所有这些.

并且它是必要的,<th>总是应该在一个<thead>

如果我在客户收到的内容中有标题,并且标题来自表外但与表有关,那么我应该如何将该标题放在表中

如上表所示

<h3>Heading of table<h3>
<table>......</table>

作为表格的标题

<table>
<thead><tr rowspan=3><th>Heading of table</th></tr></thead>

或作为表格的标题

<table>
<caption> Heading of table</caption>

哪个对屏幕阅读器有好处并且语义正确？

是真是假:我们应该始终使用适当的大写,永远不要将整个句子全部用大写.如果我们必须这样做,我们应该使用CSS来完成这项任务."

如果需要,我们应该将CSS属性text-transform用于其他情况吗？

(请注意,我不是在谈论HTML标签,我在谈论文本内容)

阅读链接:

• http://blog.mauveweb.co.uk/2009/01/14/dont-use-uppercase-in-html/
• http://www.webaim.org/techniques/fonts/#caps

例

<span style="BACKGROUND-COLOR: #ffd700">Background color</span>

屏幕阅读器如何处理内联css？除了CSS管理之外还有其他内联CSS的缺点吗？

内联样式也有效.我使用W3C Validator和XHTML 1.0 Strict doctype进行了测试？

<p><span style="MARGIN-RIGHT: 0px">Left indent</span></p>

在HTML中,我想<label>用我的文本框显示一个放置,仅显示给屏幕阅读器或语音浏览器.关于WAG-ARIA指南有哪些方法可以实现这一点,我也想知道仅从语音浏览器隐藏一些文本的相反方案？

我们有一个使用jquery弹出的模式对话框，目的是在用户开始使用应用程序的主要部分之前向他们发出一些信息提醒。没什么复杂的，但是由于某种原因，我测试过的所有浏览器/屏幕阅读器组合都无法读取全部或部分对话框。

我已经测试了IE8 / JAWS15，Firefox / JAWS15和Chrome / Chromevox。

这是对话框本身的HTML。

<div id="divBrowserMessagePopup" class="ui-dialog-content ui-widget-content" aria-labelledby="divBrowserMessageTitle" aria-describedby="divBrowserMessage" hidden style="width: auto; min-height: 150px; height: auto; padding: 0px; border: 0px none;">
    <div id="divBrowserMessageUserPopup">
        <div class="modelpopup" style="border:0">
            <div class="modelpopup-top">
                <span class="sprite close" id="browserMessage-popupclose"></span>
                <div id="divBrowserMessageTitle"> <h1>Title of Dialog</h1></div>
            </div>
            <div class="modelpopup-content">
                <div id="divBrowserMessage">this is a very important message we want the user to "see!"</div>
            </div>   
            <div class="model-button">
                <button class="button-lrg-pri float-right" id="btnBrowserMessageOk">OK</button>
            </div>     
        </div>
    </div>
</div>    

这是我们用来使其成为对话框并显示它的jqueryUI脚本。

$('#divBrowserMessagePopup').dialog({
        autoOpen: false,
        resizable: false,
        modal: true,
        width: '450px', …