Атрибут abbr

Последнее обновление: 03.02.2011

Атрибут abbr — сокращение для ячеек заголовка таблицы.

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

<table>
<tr>
<th>Занятое место</th>
<th>Имя и версия браузера</th>
<th>Процент пользователей</th>
</tr>
<tr>
<td>1</td>
<td>Firefox 3</td>
<td>22%</td>
</tr>
<tr>
<td>2</td>
<td>Interner Explorer</td>
<td>15%</td>
</tr>
</table>

Голосовой браузер прочитает таблицу в следующей последовательности: "Занятое место 1 Имя и версия браузера Firefox 3 Процент пользователей 22% Занятое место 2 Имя и версия браузера Interner Explorer Процент пользователей 15%" Не очень удобно, когда длинные заголовки колонок будут постоянно повторяться — пользователь после первого полного прочтения заголовков поймет что к чему, дальше достаточно более краткой формы. Для этого и нужен атрибут abbr:

<table>
<tr>
<th abbr="место">Занятое место</th>
<th abbr="браузер">Имя и версия браузера</th>
<th abbr="процент">Процент пользователей</th>
</tr>
<tr>
<td>1</td>
<td>Firefox 3</td>
<td>22%</td>
</tr>
<tr>
<td>2</td>
<td>Interner Explorer</td>
<td>15%</td>
</tr>
</table>

При таком коде пользователь услышит так: "Занятое место 1 Имя и версия браузера Firefox 3 Процент пользователей 22% место 2 браузер Interner Explorer процент 15%".

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

Тип значения текст
Значение по умолчанию нет
Применим к:
Аналог в CSS нет

Пример

<th abbr="место">Занятое место</th>
Твой код:
Результат:
большой полигон

Заметки

По теме:

Показать комментарии