WCAG 2.0 A级和AJAX生成的内容

我很难找到一个明确的答案，如果as站点以某种方式使用AJAX，它是否至少可以通过WCAG2.0 a级

国家

“我能用Javascript/Ajax、Flash、PDF、Silverlight和其他技术满足WCAG 2.0吗？ WCAG 2.0旨在应用于广泛的web技术。”

这并不是说“是/否”。一些文档建议站点必须在完全禁用JavaScript的情况下运行（在这种情况下，明显的答案是否定的），但我的印象是，这是旧信息，使用JavaBCcript不再是一个绝对的障碍（如果这是错误的，请纠正我！）

也许这是因为它太宽泛，无法给出一个“是”的概括，所以让我给出一个具体（简化但基本相同）的情况

1） 如果我的站点在页面加载后立即使用AJAX生成数据列表（比如，用户列表），我是否可以至少在a级（甚至更高级别）通过一个简化示例来说明：

<h1> Stuff loads here on page load </h1>
<div id="thisIsWhereContentGoes">
</div>
<script type="text/javascript">
    var url = 'http://yourfavoritedatasource.url';
    var request = $.ajax({
        url: url,
        type: "post",
        data: 'text'
    });
    request.done(function (response, textStatus, jqXHR){
        jQuery('#thisIsWhereContentGoes').html(response);
    });
</script>

在页面加载中加载内容
var url='1〕http://yourfavoritedatasource.url';
var请求=$.ajax({
url:url，
类型：“post”，
数据：“文本”
});
完成（函数（响应、文本状态、jqXHR）{
jQuery（'#thisIsWhereContentGoes'）.html（响应）；
});

我猜这没关系

2） 再进一步说，假设我有一些控件（比如prev/next可以滚动列表页面或更新内容，简单地说，这些只是锚定标签），我是否也可以期望它在a/AA/AAA上通过？对上述代码稍作修改：

<a href="javascript:doRequest()"> Next </a>
<script type="text/javascript">
    doRequest();
    function doRequest()
    {
        var url = 'http://yourfavoritedatasource.url';
        var request = $.ajax({
            url: url,
            type: "post",
            data: 'text'
        });
        request.done(function (response, textStatus, jqXHR){
            jQuery('div').html(response);
        });
    }
</script>

doRequest（）；
函数doRequest（）
{
var url='1〕http://yourfavoritedatasource.url';
var请求=$.ajax({
url:url，
类型：“post”，
数据：“文本”
});
完成（函数（响应、文本状态、jqXHR）{
jQuery（'div'）.html（响应）；
});
}

我希望这也行

---

我希望我只是有点迂腐，这一切都没关系。就我所见，这一切似乎都与你的第一个问题不相冲突，并且继续使用WebAIM作为一种伟大的资源，看起来网站不再需要在没有Javascript的情况下工作了，至少根据我的观点是这样的

大家的共识似乎是，网站不必与 只要满足多个条件之一，JavaScript就会关闭 e、 g.用户代理可以轻松且廉价地获得 支持JavaScript

至于使用AJAX，只要解决了可访问性的所有方面，即

应用程序必须提醒用户发生了更改

允许直接访问新内容

允许web应用程序的持续功能

从

---

WebAIM有一篇很好的后续文章，展示了如何实现这些目标。我会特别关注动态内容更新部分，该部分强调使用WAI-ARIAlive regions

说你不能使用JS是很老套的（2000年以前）。穆克的回答涵盖了基础知识。WCAG2.0分为4个方面：可预见性、可操作性、可理解性和健壮性。TL；DR：是的，您可以使用JSI，我还想知道一种屏幕阅读器获取动态网页更新（AJAX）通知的可访问方式。关于谢谢的问题。那么我上面的例子似乎不完整，因为方面（1）可能失败？您建议我可以将aria live=“little”属性添加到#thisis wherecontentgoes div作为一个重要元素。