В области видимости нет элемента p, но виден закрывающий тег p. с помощью html-валидатора WCAG 2.0 на моей странице блога Wordpress

Я пытаюсь проверить свой сайт WordPress на соответствие стандарту WCAG 2.0 AA, я впервые сталкиваюсь с этим, и у меня есть эта ошибка с помощью валидатора html.

Я искал другие вопросы о той же ошибке, но не помог. Ошибка возникает на странице моего блога на моем сайте Wordpress, и на самом деле она отображается, когда у меня есть опубликованная статья, если я удалю свой пост, тогда ошибки не будет.

Я также проверил свою (единственную) статью, и там нет ни пустого абзаца, ни каких-либо невстроенных элементов, которые я заметил внутри абзацев. Я включаю код индексного файла, как показано в инструментах разработчика Chrome, я вижу, что настоятельно рекомендуется не публиковать изображения кода, но я думаю, что в этом случае лучше сделать это так, если я ошибаюсь или если я должен опубликовать любую другую информацию, пожалуйста, скажите мне, спасибо всем за ваше время!

Редактировать: Друзья, спасибо всем за ваши немедленные ответы, я очень ценю! Итак, я поместил код в текст, теперь проблема в том, что я не знаю, как отредактировать этот фрагмент кода, как я уже говорил ранее, это код, который отображается в инструментах разработчика Chrome, и я не могу найти этот код в любом из файлов php или css темы. Я проверил статью, которая вызывает у меня ошибку, во всей статье есть только теги и внутри файла . Лично я никаких тегов не ставил и не заметил... Извините, я понимаю, что, возможно, недостаточно понимаю, но я действительно не могу найти другого способа описать это... Всем спасибо еще раз за ваше терпение!

Код:

<div id="wrapper">
    <div id="contentwrapper">
        <div id="content">

<div class="post-49 post type-post status-publish format-standard hentry category-uncategorized">
        <h2 class="entry-title" id="post-49"><a f="https://badwitchstudios.gr/2020/01/21/daz-studio-blender-ue4-mixamo-tutorial/" rel="bookmark" title="DAZ STUDIO/BLENDER/UE4/MIXAMO TUTORIAL">
        DAZ STUDIO/BLENDER/UE4/MIXAMO TUTORIAL        </a></h2>
      <div class="entry">
        <p>.......</p>
<div class="belowpost">
<div class="postdate">January 21, 2020</div>
<div><a class="more-link" href="https://badwitchstudios.gr/2020/01/21/daz-studio-blender-ue4-mixamo-tutorial/">Read More</a></div>
</p></div>
      </div>
    </div>                    

        </div>
            </div>
</div>

Edit2: Хорошо, дело решено, я связался с авторами, и они сразу же нашли код ошибки и исправили его для меня, так что это был фрагмент кода в файле extras.php, после функции '.get_the_date() был лишний пробел. Исходный код был:

function indigo_new_excerpt_more($more) { global $post; вернуть ' '.get_the_date() .' Я БЫ)) . '">'. esc_html__('Подробнее', 'индиго-лайт') .' '; } add_filter('excerpt_more', 'indigo_new_excerpt_more');

Так что мне просто нужно было удалить лишнее пространство после функции '.get_the_date(), и это было решено.


person the_black_planet    schedule 28.01.2020    source источник
comment
но я думаю, что в данном случае лучше сделать так - категорически нет. Выкладывайте код, а не картинку.   -  person Turnip    schedule 28.01.2020
comment
Должно быть совершенно очевидно, что у вас есть 3 тега <div> внутри <p></p>, но только 2 </div>. Кроме того, в соответствии со спецификацией у вас не должно быть НИКАКИХ div внутри абзаца.   -  person Turnip    schedule 28.01.2020
comment
Не публикуйте скриншоты текста. Их нельзя найти или скопировать, и они не очень удобны в использовании. И читать тяжело. Вместо этого вставьте код в виде текста прямо в свой вопрос.   -  person Aleksey Potapov    schedule 28.01.2020


Ответы (1)


В вашем коде довольно беспорядочно открываются и закрываются HTML-теги.

Я предлагаю вам более внимательно проанализировать, где вы открываете и закрываете тег и что заворачивается тегом.

Ошибка, особенно возникающая в строке 107, вызвана тем, что вы открываете три <div> в элементе <p>, но просто закрываете два из них.

Поэтому в качестве первого улучшения добавьте </div> перед </p>.

Затем убедитесь, что вы используете одинаковое количество открывающих и закрывающих тегов.

person SteffPoint    schedule 28.01.2020
comment
Спасибо, мой друг, как вы можете видеть в моем отредактированном посте, это код из инструментов разработчика Chrome, и я не могу редактировать его напрямую, я изо всех сил пытался найти файл php, которому соответствует этот код, но безуспешно. . - person the_black_planet; 28.01.2020
comment
То есть вы не сами написали исходный код? В DevTools вы можете редактировать исходный код, но он просто отображается локально на вашем компьютере, что означает, что вы не можете изменить файл на сервере. Вам нужен доступ к корню кода и изменить его там. Если код был написан не вами, вы всегда можете сообщить о нем как об ошибке тому, кто его написал. - person SteffPoint; 28.01.2020
comment
Еще раз спасибо SteffPoint! Да, я не писал код сразу, я просто создал дочернюю тему для темы (Indigo Lite), которую я использую, и до сих пор редактировал некоторые файлы php и css. Так что, я думаю, я должен сделать, как вы мне посоветовали, связаться с разработчиками темы и попросить их о помощи. Еще раз спасибо, мой друг, и всем ребятам, которые ответили мне, как только проблема будет решена, я сообщу об этом, берегите себя! - person the_black_planet; 28.01.2020
comment
Не за что дружище :) - person SteffPoint; 29.01.2020