程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了WCAG 2.0 A级和AJAX生成的内容大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决WCAG 2.0 A级和AJAX生成的内容?

开发过程中遇到WCAG 2.0 A级和AJAX生成的内容的问题如何解决?下面主要结合日常开发的经验,给出你关于WCAG 2.0 A级和AJAX生成的内容的解决方法建议,希望对你解决WCAG 2.0 A级和AJAX生成的内容有所启发或帮助;

对于第一个问题,并继续使用Webaim作为重要资源,似乎至少在http://webaim.org/discussion/mail_thread?thread=3870看来,站点不再需要使用JavaScript才能正常工作。@H_673_3@

至于使用AJAX,只要可访问性的所有方面都得到解决,这似乎就很好了,即@H_673_3@

  1. 应用程序必须警告用户已发生更改
  2. 允许直接访问新内容
  3. 允许Web应用程序继续运行

来自http://webaim.org/techniques/ajax/。@H_673_3@

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

解决方法

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

对于例如从WCAG2.0状态@H_673_3@

那并不完全是“是/否”。一些文档建议网站必须在完全禁用JavaScript的情况下起作用(在这种情况下,明显的答案是 no
),但是我的印象是这是旧信息,并且JavaBcript的使用不再是绝对的障碍(请纠正我如果这是错误的!)。@H_673_3@

可能是因为它太宽泛,无法给出笼统的“是”,所以让我给出一个具体(简化但基本相同)的情况。@H_673_3@

1)如果我的网站在页面加载后立即使用AJAX生成数据列表(例如,用户列表),我是否可以期望至少通过A级(甚至更高的级别?)? :@H_673_3@

<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>

我的猜测是这样还可以。@H_673_3@

2)再说一点,说我有一些控件(例如prev / next可以滚动列表的页面或更新内容,简单来说就是锚标签),我也可以期望它通过A / AA /
AAA?对上面的代码稍作修改:@H_673_3@

<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>

我希望这也可以。@H_673_3@

我希望我只是在学脚,这一切都很好。据我所知,这似乎与WebAim的WCAG清单没有冲突@H_673_3@

大佬总结

以上是大佬教程为你收集整理的WCAG 2.0 A级和AJAX生成的内容全部内容,希望文章能够帮你解决WCAG 2.0 A级和AJAX生成的内容所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:2.0