blockquote

Относится к категории структурных ролей. Используется для определения области с цитатой. Есть у HTML-тега <blockquote> по умолчанию.

        
          
          <div role="blockquote">  Простота — необходимое условие прекрасного.</div><p>— Л. Н. Толстой, <cite>Из письма Л. Н. Андрееву.</cite></p>
          <div role="blockquote">
  Простота — необходимое условие прекрасного.
</div>
<p>— Л. Н. Толстой, <cite>Из письма Л. Н. Андрееву.</cite></p>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Добавьте к тегу атрибут role="blockquote". Роль можно использовать для всех тегов, но лучше применять к семантически нейтральным (<div>, <span>).

Одно из правил использования ARIA – не использовать ARIA, если в HTML есть семантический эквивалент. В большинстве случаев для цитат лучше использовать HTML-тег <blockquote>. Тег поддерживается всеми современными браузерами.

        
          
          <!-- Лучше так ✅ --><blockquote>  <p>Простота — необходимое условие прекрасного.</p></blockquote><!-- Не забываем указать автора и источник --><p>— Л. Н. Толстой, <cite>Из письма Л. Н. Андрееву.</cite></p>
          <!-- Лучше так ✅ -->
<blockquote>
  <p>Простота — необходимое условие прекрасного.</p>
</blockquote>
<!-- Не забываем указать автора и источник -->
<p>— Л. Н. Толстой, <cite>Из письма Л. Н. Андрееву.</cite></p>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать