Ошибки проверки WCAG 2.0: Элемент span = не допускается как дочерний элемент элемента a в этом контексте. (Подавление дальнейших ошибок из этого поддерева.) - PullRequest
Новая
       116

Ошибки проверки WCAG 2.0: Элемент span = не допускается как дочерний элемент элемента a в этом контексте. (Подавление дальнейших ошибок из этого поддерева.)

0 голосов
/ 24 февраля 2020

Привет сообществу еще раз! Я пытаюсь проверить сайт Wordpress, и я получил следующие 4 ошибки, которые наиболее вероятно связаны:

Строка 182, Колонка 26: Цитата "в имени атрибута. Возможная причина: Соответствующая цитата отсутствует где-то ранее.

Строка 182, столбец 27: Элемент span = "la не допускается в качестве дочернего элемента элемента a в этом контексте. (Подавление дальнейших ошибок из этого поддерева.) Модель содержимого для элемента a: Прозрачный, но не должно быть интерактивного содержимого или потомков элемента.

Строка 182, Столбец 34: Диапазон паразитных конечных тегов.

Строка 183, столбец 4: Конечный тег a нарушает правила вложенности.

Код, о котором идет речь, следующий: 

    <footer id="colophon" class="site-footer" role="contentinfo">
        <div class="footer-widget-area">
        <div class="wrapper">
            <div class="flex-grid">
                            <div class="col">
                    <div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script data-account="iFDG9kXlfW" src="https://cdn.userway.org/widget.js"></script></div></div>                </div>
                                                </div>
        </div>
    </div>
    <div class="site-info">
    <div class="wrapper">
                    copyright all rights reserved            <span class="sep"> | </span>
                Theme: Minimal Blog by <a href="http://wpinterface.com/" rel="designer">WPinterface</a>.    </div>
</div><!-- .site-info -->


<a id="scroll-top">
    <span="la la-arrow-up"></span>
</a></footer>

Вы также можете проверить сайт, хотя пока только на греческом, но вот ссылка: https://tsimiklidentist-petalidi.gr/

Спасибо всем заранее за ваше время, любая помощь будет очень признательна!

1 Ответ

0 голосов
/ 24 февраля 2020

две вещи

  1. <a> должно иметь href, чтобы быть действительным (не является частью вашей ошибки, просто рекомендация). Оставьте его как якорь (<a>) и установите href="current page URL" в сгенерированном HTML, чтобы в случае сбоя JavaScript просто перезагрузить страницу, давая тот же эффект.

  2. <span="la la-arrow-up"></span> - вы пропустили class="" вы не можете иметь промежуток, равный чему-то. Вместо этого это должно быть <span class="la la-arrow-up"></span>.

Измените прокрутку на верхнюю стрелку на: - 

    <button id="scroll-top">
        <span class="la la-arrow-up"></span>
    </button>
...