WCAG 2.0 A级和AJAX生成的内容

我很难找到一个明确的答案,如果它以某种方式使用 AJAX,那么至少WCAG 2.0级别的网站是否可以通过.

对于example from WCAG2.0个州

“Can I meet WCAG 2.0 with Javascript/Ajax,Flash,PDF,Silverlight,and other technologies?
WCAG 2.0 is designed to apply to a broad range of web technologies.”

这并不能说“是/否”.一些文档表明,一个网站必须完全禁用JavaScript(在这种情况下明显的答案是否定的),但我的印象是这是旧信息,并且使用JavaBcript不再是绝对的障碍(请纠正我如果这是错的！).

也许这是因为它太宽泛而无法给出“是”,所以让我给出具体的(简化但基本相同)的情况.

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>

我的猜测是没关系.

2)再往前走一点,说我有一些控件(比如上一页/下一页滚动列表页面或更新内容,简单地说这些只是锚标签),我还可以期待它通过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,data: 'text'
        });
        request.done(function (response,jqXHR){
            jQuery('div').html(response);
        });
    }
</script>

我希望这也没关系.

我希望我只是迂腐,这一切都好.据我所知,这似乎与WebAim’s WCAG checklist没有任何冲突

解决方法

对于你的第一个问题,并继续使用Webaim作为一个很好的资源,它看起来不像网站必须在没有Javascript的情况下工作,至少根据 http://webaim.org/discussion/mail_thread?thread=3870.

The consensus seems to be that a site does not have to work with
JavaScript turned off as long as one of a number of criteria are met
e.g. that a user agent is easily and cheaply available that does
support JavaScript.

至于使用AJAX,只要解决了可访问性的所有方面,就好了

>应用程序必须提醒用户已发生更改
>允许直接访问新内容
>允许Web应用程序的持续功能

从http://webaim.org/techniques/ajax/开始.

Webaim有一篇很好的后续文章,展示了在http://webaim.org/techniques/aria/实现这些目标的方法.我将特别关注动态内容更新部分,该部分强调使用WAI-ARIA实时区域.