Mam problem ze znalezieniem jasnej odpowiedzi na pytanie, czy witryna może przejść przez co najmniej poziom WCAG 2.0 A, jeśli w jakiś sposób korzysta z AJAX.

Dlaprzykład z WCAG2.0 stany

„Czy mogę spotkać WCAG 2.0 z Javascript / Ajax, Flash, PDF, Silverlight i innymi technologiami? WCAG 2.0 jest przeznaczony do stosowania w szerokim zakresie technologii internetowych”.

To nie mówi dokładnie „tak / nie”. Niektóre dokumenty sugerują, że witryna musi działać z JavaScript całkowicie wyłączonym (w takim przypadku oczywistą odpowiedzią jestNie), ale mam wrażenie, że jest to stara informacja, a użycie JavaBcript nie jest już absolutną barierą (proszę poprawić mnie, jeśli to źle!).

Może dlatego, że jest zbyt szeroka, by dać koc „TAK”, więc pozwólcie, że przedstawię konkretną (uproszczoną, ale zasadniczo tę samą) sytuację.

1) Jeśli moja witryna używa AJAX do wygenerowania listy danych (powiedzmy, listy użytkowników) natychmiast po załadowaniu strony, czy mogę oczekiwać, że zdam przynajmniej poziom A (a może nawet wyższy poziom?) Uproszczony przykład ilustrujący :

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

Domyślam się, że to jest w porządku.

2) Idąc trochę dalej, powiedzmy, że mam kilka kontrolek (takich jak prev / next do przewijania stron listy lub aktualizowania zawartości, dla prostego powiedzenia, że ​​to tylko znaczniki zakotwiczenia), czy mogę również oczekiwać, że przejdzie to w A / AA / AAA? Niewielka modyfikacja powyższego kodu:

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

Mam nadzieję, że to również ok.

Mam nadzieję, że jestem po prostu pedantyczna i wszystko jest w porządku. O ile widzę, nic z tego nie wydaje się być sprzeczneLista kontrolna WCAG WebAim