SDTT показывает «Вопрос», но не «Ответ»

Question

Для часто задаваемых вопросов я пытаюсь объединить HTML, WAI-ARIA и микроданные (используя Schema.org), но проверка SDTT просто показывает Question, а не Answer.

<section class="accordion" role="tablist" aria-live="polite">
    <details>
        <summary aria-controls="panel0" role="tab" itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
            <p temprop="name">How to beat the boss...spoiler alert !</p>
            <meta itemprop="answerCount" content="1"/>
        </summary>
            <div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                <p aria-labelledby="tab0" role="tabpanel" itemprop="text"> Just aim to the red spots near his eyes Keep shooting at these spots until the eyes open, then hit quickly both eyes with your laser beam.</p>
           </div>
    </details>
</section>

Answer 1

SDTT показывает Answer, но он находится на том же уровне, что и Question (поэтому они не связаны).

Причина этого в том, что вы добавили Answer не к Question, а к родительскому элементу (который отсутствует в вашем фрагменте).

div со свойством acceptedAnswer должно быть дочерним элементом элемента с Question. Если это невозможно с вашей разметкой (поскольку Answer не должен быть частью элемента summary), вы можете использовать атрибут itemref Microdata:

<details>

  <summary aria-controls="panel0" role="tab" itemprop="mainEntity" itemscope itemtype="https://schema.org/Question" itemref="answer">
    <p temprop="name">How to beat the boss...spoiler alert !</p>
    <meta itemprop="answerCount" content="1"/>
  </summary>

  <div id="answer" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
    <p aria-labelledby="tab0" role="tabpanel" itemprop="text"> Just aim to the red spots near his eyes Keep shooting at these spots until the eyes open, then hit quickly both eyes with your laser beam.</p>
  </div>

</details>

(я добавил itemref="answer" к Question и id="answer" к Answer.)