Skip to main content

Как добавить описание изображения

Описания изображений, также называемые альтернативным текстом, — это простой способ сделать >x< доступным для людей с ограниченными возможностями. Как и твиты, описания изображений должны соответствовать Правилам >x<.

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

Добавить описание изображения можно в четыре этапа.

Как добавить описание изображения
  1. 1. Загрузив в твит изображение, нажмите на нем значок +ALT. («ALT» означает «альтернативный текст» — это другое название описания изображений.)

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop

    2. Введите описание изображения в текстовом поле. Описание этого изображения: «Маленькая белая чашка с крошечной ручкой с порцией темно-коричневого эспрессо и светло-коричневой пенкой сверху. Чашка стоит на маленьком белом блюдце на деревянном столе коричневого цвета». В углу текстового поля расположен счетчик символов. Мы использовали 178 символов из 1000 возможных.

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop

    3. Нажмите Готово. В углу изображения появится значок ALT. После добавления описания символ + больше не отображается на значке.

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop

    4. Нажмите Твитнуть. На изображении в опубликованном твите будет виден значок ALT. При нажатии на этот значок внизу экрана будет появляться описание изображения.

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop
    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop
Как добавить описание к нескольким изображениям
  1. Если вы пользуетесь iOS и добавляете в твит несколько изображений, они будут отображаться в горизонтальной прокрутке. Нажмите значок +ALT на каждом из них, чтобы добавить описание.

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop

    Когда вы добавите описания, на изображениях появится значок ALT. Люди, просматривающие ваш твит, смогут нажать этот значок, чтобы прочитать описание изображения.