2021-08-11-accessible-table.md

---
title: Досту́пність і таблиці
date: 2021-08-11 12:44:34 +03:00
mtime: 2021-08-11 13:45:50 +03:00
---

Чесно кажучи, в контексті доступності таблиці лякають мене найбільше.

Колись у дев'яностих я чимало робив табли́чну верстку з усіма тодішніми прико́лами, хитрощами і жахі́ттям. Всі ці кляті прозорі гіфки-розпо́рки. Комірки, об'єднані по горизонталі і вертикалі. Фон комірок, що повторюється. «Резинові» макети.

І навіть та всра́та хоботня́ була в мільйон раз простіша, аніж зробити просту таблицю з простими даними _правильно_.

<table>
  <caption>Статистика цього сайту</caption>
  <thead style="position: sticky">
    <tr>
      <th scope="col">Рік</th>
      <th scope="col">Пости</th>
      <th scope="col">Обсяг</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">2017</th>
      <td>6</td>
      <td>3 <abbr title="кібібайти">КіБ</abbr></td>
    </tr>
    <tr>
      <th scope="row">2018</th>
      <td>7</td>
      <td>8,9 <abbr title="кібібайт">КіБ</abbr></td>
    </tr>
    <tr>
      <th scope="row">2020</th>
      <td>36</td>
      <td>42,8 <abbr title="кібібайт">КіБ</abbr></td>
    </tr>
    <tr>
      <th scope="row">2021</th>
      <td>55</td>
      <td>117,9 <abbr title="кібібайт">КіБ</abbr></td>
    </tr>
  </tbody>
</table>

Я почав і тут же зупинився. Навіть не уявляю, куди копати далі.