Является ли мое использование элементов блочных цитат приемлемым с точки зрения доступности? - PullRequest
0 голосов
/ 14 января 2019

У меня есть простой способ вывести некоторую разметку, которую я могу использовать, что приводит к:

<blockquote>The quote</blockquote>
<blockquote>The quotee</blockquote>

Например (1):

<blockquote>The secret of getting ahead is getting started.</blockquote>
<blockquote>- Mark Twain</blockquote>

Мне немного странно, как будто содержание цитаты должно быть автономным. А также то, что при этом я мог бы вызвать некоторые нежелательные результаты с помощью вспомогательных технологий, таких как программы чтения с экрана, полагаясь на семантическую разметку.

Если бы он был автономным, то потребовалась бы дополнительная разметка, чтобы надежно оформить цитату иначе, чем цитату с CSS, например (2):

<blockquote>
  The secret of getting ahead is getting started.
  <span>- Mark Twain</span>
</blockquote>

Все чувства по поводу инкапсуляции, кто-нибудь знает, есть ли ощутимая разница в том, как эти разные подходы представлены пользователям?

1 Ответ

0 голосов
/ 14 января 2019

Ваш последний пример лучше, так как он сгруппирован, но также используйте cite https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite:

cite:before {
 content: '- ';
}
<blockquote>
    The secret of getting ahead is getting started.
    <cite>Mark Twain</cite>
</blockquote>

Просто стиль цитирования:

...