Как сделать многоточие доступным в нумерации страниц? - PullRequest
Новая
       16

Как сделать многоточие доступным в нумерации страниц?

0 голосов
/ 10 мая 2019

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

Мой инстинкт заключается в том, чтобы включить какой-нибудь пояснительный текст внутри "визуально-скрытый «промежуток», как я это сделал здесь. 

<nav aria-label="pagination">
  <ul class="pagination__list">
    <li class="pagination__item">
      <a href="#"><span class="visually-hidden">Page </span>1</a>
    </li>
    <!-- skipping pages 2 - 10 to keep things manageable -->
    <li class="pagination__item">
      <span class="pagiantion__skip-indicator"><span class="visually-hidden">Skipping pages 2 to 10</span>&hellip;</span>
    </li>
    <li class="pagination__item">
      <a href="#"><span class="visually-hidden">Page </span>11</a>
    </li>
    <li class="pagination__item">
      <a href="#"><span class="visually-hidden">Page </span>12</a>
    </li>
    <li class="ti_pagination__item">
      <a href="#" class="active" aria-current="page"><span class="visually-hidden">Page </span>13</a>
    </li>
    <li class="pagination__item">
      <a href="#"><span class="visually-hidden">Page </span>14</a>
    </li>
    <li class="pagination__item">
      <a href="#"><span class="visually-hidden">Page </span>15</a>
    </li>
    <!-- skipping pages 16-99 to keep things manageable -->
    <li class="pagination__item">
      <span class="pagiantion__skip-indicator"><span class="visually-hidden">Skipping pages 16 to 99</span>&hellip;</span>
    </li>
    <!-- Last page -->
    <li class="pagination__item">
      <a href="#"><span class="visually-hidden">Page </span>100</a>
    </li>
  </ul>
</nav>

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

1 Ответ

0 голосов
/ 11 мая 2019

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

Предоставление поля ввода для перехода на указанную страницу может быть более полезным дополнением.

...