Клавиша / esc

blockquote

Роль для цитат, взятых из других источников.

Время чтения: меньше 5 мин

Кратко

Скопировано

Относится к категории структурных ролей. Используется для определения области с цитатой. Есть у 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>