alternative version
Смотреть что такое «alternative version» в других словарях:
Alternative versions of Batman — Alternate versions of Batman Publisher DC Comics First appearance Detective Comics #27 (May 1939) Created by Bob Kane, Bill Finger … Wikipedia
Version 2.0 — Studio album by Garbage Released May 11th, 1998 (See release hist … Wikipedia
Alternative fuel vehicle — refers to a vehicle that runs on a fuel other than traditional gasoline or diesel; any method of powering an engine that does not involve solely petroleum (e.g. electric car, gasoline electric hybrid, solar powered). Due to a combination of heavy … Wikipedia
Alternative theories of the bombing of Pan Am Flight 103 — suggest that Abdelbaset Ali Mohmed Al Megrahi, a Libyan agent who was convicted on 270 counts of murder for the bombing of Pan Am Flight 103, may actually be innocent. At the end of the Pan Am Flight 103 bombing trial an international observer… … Wikipedia
Alternative medicine — Alternative medical systems … Wikipedia
Alternative splicing — produces two protein isoforms. Alternative splicing (or differential splicing) is a process by which the exons of the RNA produced by transcription of a gene (a primary gene transcript or pre mRNA) are reconnected in multiple ways during RNA… … Wikipedia
Alternative country — Stylistic origins Country, alternative rock, neotraditional country, progressive country, outlaw country, country rock, punk rock Cultural origins Late 20th century Typical instruments … Wikipedia
Alternative PHP Cache — Entwickler APC Maintainers Aktuelle Version 3.1.9 (14. Mai 2011) Betriebssystem Multi Platform Kategorie Skriptsp … Deutsch Wikipedia
Alternative Zahlungsmöglichkeiten — sind Zahlungsmöglichkeiten, die als Alternative zu Kreditkartenzahlungen verwendet werden. Die meisten alternativen Zahlungsmöglichkeiten sind speziell auf ein bestimmtes Wirtschaftssystem ausgerichtet oder wurden extra für den elektronischen… … Deutsch Wikipedia
Alternative Orange — (Pomarańczowa Alternatywa) est le nom d’un mouvement souterrain anarchiste, qui a été fondé en 1981 à Wrocław, une ville située dans le sud ouest de Pologne, par Waldemar Fydrych, connu comme « Major » (railleur usurpateur… … Wikipédia en Français
Alternative orange — (Pomarańczowa Alternatywa) est le nom d’un mouvement souterrain anarchiste, qui a été fondé en 1981 à Wrocław, une ville située dans le sud ouest de Pologne, par Waldemar Fydrych, connu comme « Major » (railleur usurpateur… … Wikipédia en Français
Как правильно написать alt-текст
Перед тем, как перейти к примерам, разберёмся с необходимостью альтернативного текста в разных ситуациях.
Когда alt-текст нужен
Как правильно писать
Примеры использования
Картинка
Так можно описать, если в статье есть текст, который рассказывает о фотографии.
Если текста нет, например, у нас галерея изображений, тогда нужно описать картинку более детально:
Ссылка
Диаграмма
Если текста со статистикой нет, то придётся всю статистику вынести в alt :
Картинка с текстом
Просто переносим текст в alt :
Figure и figcaption
Когда alt-текст не нужен
Когда картинка декоративная и не имеет смысла.
Как не стоит писать
Если так делать, то скринридеры, либо начнут говорить, что это «картинка» (бессмыслица), либо прочитают «пробел» (ещё более бессмысленно).
Что будет, если забыть про alt-текст
Основных проблем две: пользователи ничего не увидят, а скринридеры могут прочитать неправильно или не то. Например, NVDA ничего не скажет, JAWS скажет «Графическое изображение без описания», а VoiceOver скажет название файла.
Чаще всего в такой ситуации вообще удаляют alt :
Искусственный интеллект и alt
ИИ в социальных сетях неплохо справляется с генерацией текстов для изображений. Можно ознакомиться в Фейсбуке, Инстаграме или Гугл-картинках.
Если посмотреть сейчас на автоматическую генерацию текстов, то там всегда присутствует доля предположения — «на изображении может находиться 1 человек».
С абстрактными картинками всё ещё хуже, так как ИИ вообще не понимает, что происходит.
Alt-текст — капля в море фронтенда
Всё остальное — в тренажёрах по вёрстке. 11 вводных глав бесплатно, и −30% на подписку в первую неделю.
Нажатие на кнопку — согласие на обработку персональных данных
alternative version
Смотреть что такое «alternative version» в других словарях:
Alternative versions of Batman — Alternate versions of Batman Publisher DC Comics First appearance Detective Comics #27 (May 1939) Created by Bob Kane, Bill Finger … Wikipedia
Version 2.0 — Studio album by Garbage Released May 11th, 1998 (See release hist … Wikipedia
Alternative fuel vehicle — refers to a vehicle that runs on a fuel other than traditional gasoline or diesel; any method of powering an engine that does not involve solely petroleum (e.g. electric car, gasoline electric hybrid, solar powered). Due to a combination of heavy … Wikipedia
Alternative theories of the bombing of Pan Am Flight 103 — suggest that Abdelbaset Ali Mohmed Al Megrahi, a Libyan agent who was convicted on 270 counts of murder for the bombing of Pan Am Flight 103, may actually be innocent. At the end of the Pan Am Flight 103 bombing trial an international observer… … Wikipedia
Alternative medicine — Alternative medical systems … Wikipedia
Alternative splicing — produces two protein isoforms. Alternative splicing (or differential splicing) is a process by which the exons of the RNA produced by transcription of a gene (a primary gene transcript or pre mRNA) are reconnected in multiple ways during RNA… … Wikipedia
Alternative country — Stylistic origins Country, alternative rock, neotraditional country, progressive country, outlaw country, country rock, punk rock Cultural origins Late 20th century Typical instruments … Wikipedia
Alternative PHP Cache — Entwickler APC Maintainers Aktuelle Version 3.1.9 (14. Mai 2011) Betriebssystem Multi Platform Kategorie Skriptsp … Deutsch Wikipedia
Alternative Zahlungsmöglichkeiten — sind Zahlungsmöglichkeiten, die als Alternative zu Kreditkartenzahlungen verwendet werden. Die meisten alternativen Zahlungsmöglichkeiten sind speziell auf ein bestimmtes Wirtschaftssystem ausgerichtet oder wurden extra für den elektronischen… … Deutsch Wikipedia
Alternative Orange — (Pomarańczowa Alternatywa) est le nom d’un mouvement souterrain anarchiste, qui a été fondé en 1981 à Wrocław, une ville située dans le sud ouest de Pologne, par Waldemar Fydrych, connu comme « Major » (railleur usurpateur… … Wikipédia en Français
Alternative orange — (Pomarańczowa Alternatywa) est le nom d’un mouvement souterrain anarchiste, qui a été fondé en 1981 à Wrocław, une ville située dans le sud ouest de Pologne, par Waldemar Fydrych, connu comme « Major » (railleur usurpateur… … Wikipédia en Français
Расширенные версии песен
Расширенные версии песен — сингловые ремиксы песен, обыкновенно выпускаемые на 12-дюймовых виниловых синглах.
[править] История
Впервые 12″ синглы появились в 1970-е годы XX века. Запись на 12″ виниле сингловой записи подразумевала наличие более широких, чем на 7″ и LP, канавок, в результате чего такая запись была более долговечной. Пик популярности 12″ синглов пришёлся на 1980-е годы. В это время многие поп- и рок-исполнители стали помещать на 12″ пластинки расширенные версии песен. В 90-е популярность виниловых пластинок как носителей информации резко упала, большинство слушателей перешло на CD. С начала двухтысячных 12″ синглы выпускаются в основном для ди-джеев и содержат расширенные танцевальные ремиксы песен.
С середины 1980-х, на заре популярности CD, расширенные версии выпускались также и на CD-синглах (обычно полностью дублировавших 12″ релизы), однако после падения популярности винилов расширенные версии перестали выпускаться поп- и рок-музыкантами, а на CD стали записывать различные ремиксы титульной песни и Б-сайды. Расширенные ремиксы теперь выпускаются на 12″ синглах (зачастую только в виде промо-синглов) в основном в стиле электронной танцевальной музыки для проигрывания в ночных клубах.
[править] Расширенные версии
Обыкновенно расширенные версии длились 5 — 7 минут (при средней продолжительности стандартной 7″ версии 3 — 4 минуты).
Песни могли быть расширены различными способами. Зачастую (особенно на раннем этапе) добавлялись новые инструментальные секции («Billy Jean» Майкла Джексона), также могли быть добавлены новые вокальные партии («Love is the Hero» Билли Сквайера), могли даже добавляться повторения куплетов («Man on the Prowl» группы Queen). Изредка добавлялись совершенно новые куплеты или строки («Shove It» и «Manipulator» группы The Cross), при этом сам костяк песни сохранялся не тронутым. Часто расширяли вступление и окончание. Позже появилась мода в качестве расширенных версий выпускать совершенно новые миксы песен, не только добавляя новые элементы, но и изменяя само звучание песен, заменяя отдельные части композиций на новые («Breakthru», «Scandal» Queen, «Strange Frontier» Роджера Тэйлора).
Сегодня в электронной танцевальной музыке расширенные ремиксы получают в основном путём расширения вступления и окончания (чистый танцевальный бит в начале и в конце нужен для упрощения сведения с другими треками) и добавления в запись секций с танцевальным битом и вокальными сэмплами из оригинальной версии (обычно хуки из припева). Расширенные танцевальные версии могут длиться более 7 — 8 минут.
Расширенные версии обыкновенно озаглавливались приписками «Extended Version», «12″ Version», «12″ Mix», «Extended Mix» к оригинальному названию песни. В современной танцевальной музыке распространены обозначения «Extended Mix», «Club Mix», «Dance Mix» и т.п. Изредка использовались оригинальные названия для расширенных миксов (например, «Hammer to Fall (Headbanger’s Mix)» Queen, «In One of My Weaker Moments (Drama Mix)» Аниты Добсон).
Руководство по alt-text от слабовидящего веб-разработчика
Эта статья содержит всё, что вам нужно знать об alt-text! Когда их использовать и как идеально их подготовить. Подготовил я, Дэниель, веб-разработчик с частичной потерей зрения, который ежедневно использует скринридер.
Мой опыт с картинками в вебе
Во время сёрфинга в вебе я использую сочетание увелителя экрана и скринридера. Как показывает практика, увеличение экрана удобнее на дисплеях большого размера, а скринридер — на меньших устройствах.
Как и всем остальным, мне попадается в интернете большое количество изображений. При использовании скринридера я завишу от текстового описания картинок — alt-text — которое произносится вслух.
Часто alt-text не помогает, часто это просто потеря времени, потому что не передаёт никакого смысла.
Проиллюстрирую на примере главной страницы The Verge. Вот как она выглядит для зрячих:
А ниже то, что вижу я. Я заменил картинки на текст, который читает мой скринридер:
Не очень помогает, правда?
Вот наиболее типичные ошибки alt-text, с которыми я сталкиваюсь:
Что такое alt-text
Alt-text — это описание изображения, что демонстрируется людям, которые по каким-то причинам не могут увидеть картинку. Среди прочего, alt-text помогает:
Они очень важны! Настолько важны, что в правилах Web Content Accessibility Guidelines (WCAG) они указаны самым первым пунктом:
Любое нетекстовый контент, который демонстрируется пользователю, должен иметь текстовую альтернативу, которая служит эквивалентной цели.
— Правило WCAG 1.1.1
Как добавить alt-text?
В HTML alt-text является атрибутом элемента img:
Большинство систем управления контентом (CMS), вроде WordPress, позволяют ввести alt-text при загрузке изображения:
Соответствующее поле обычно называется “Alt-text”, “Alternative text” или “Alt”, но в некоторых интерфейсах оно именуется как «Описание изображения» или что-нибудь подобное.
Создадим идеальный alt-text!
Вот шаги для создания великолепных текстовых атрибутов.
Опишите изображение
Это может показаться очевидным, но alt-text должен описывать изображение. Например:
«Группа людей на железнодорожной станции»
«Счастливый ребёнок, играющий в песочнице»
«Очередь из пяти человек в супермаркете»
Что не стоит включать в описание:
Содержимое alt-text зависит от контекста
Как описать изображение — зависит от контекста. Позвольте привести пример:
Если бы это изображение было в статье по фотографии, то alt-text мог бы звучать так:
«Чёрно-белая фотография крупным планом человека на улице, лицо в фокусе, фон размыт».
Если изображение находится на сайте о телесериалах, то соответствующий alt-text может быть совершенно иным:
«Звезда сериала Адам Ли напряжённо смотрит через дождь».
Так что пишите максимально осмысленный alt-text для пользователей в том контексте, в котором они находятся.
Будьте лаконичны
Читая предыдущий раздел, вы могли подумать: «Я как зрячий человек вижу на картинке много деталей, вроде того, кто там изображён, как сделан снимок, тип куртки, примерный возраст мужчины и так далее. Почему бы не сделать детальное, длинное описание, так что пользователь с нарушением зрения получит столько же информации, сколько я?»
Рад, что вы спросили!
Если честно, вы можете получить всю необходимую информацию об изображении одним взглядом — именно этого эффекта мы пытаемся достичь для пользователей со скринридерами. Дайте необходимую информацию в описании alt-text, но сделайте его максимально лаконичным и точным.
Один из нескольких случаев, когда уместен длинный alt-text — если вы описываете изображение с важным текстом. В идеале у вас не должно быть изображений с текстом, но иногда приходится их использовать. Например, как на скриншотах или фотографиях знаков.
Но общее правило — сохранять лаконичность и избегать многословности.
Не говорите, что это изображение
Не начинайте alt-text словами «Изображение. », «Фотография. » и тому подобными. Скринридер добавляет это по умолчанию. Так что если вы напишете «Изображение. » в alt-text, то скринридер прочитает «Изображение изображение. », когда пользователь наведёт на него фокус. Не очень приятно.
Единственное, вы можете закончить alt-text сообщением, что это особый вид изображения, например, иллюстрация.
«Пёс прыгает через обруч. Иллюстрация».
Завершение точкой.
Завершайте alt-text точкой. Это позволит скринридеру сделать небольшую паузу после последнего слова alt-text, что более приятно звучит.
Не используйте атрибут title
Во многих интерфейсах есть поле для добавления в тег изображения атрибута title-text рядом с alt-text. Не нужно его использовать! Никто их не использует — они не работают на тачскринах, а на десктопах отображаются, если пользователь наведёт курсор на изображение и ненадолго задержит его там, чего никто не делает. Кроме того, добавление title-text заставляет некоторые скринридеры читать и title-text, и alt-text, что является избыточным. Так что просто не добавляйте title-text.
Когда не следует использовать alt-text
Повторяющиеся изображения в фидах
Представьте, что вы просматриваете фид в твиттере. Каждый раз, когда хотите прочитать новый твит, вам сначала нужно прослушать «Изображение из профиля пользователя ». По-моему, это будет очень раздражать!
Другие примеры фидов:
Иконки с текстом
Рядом с иконками всегда должно быть текстовое описание. Если так, то у иконки не должно быть alt-text. Позвольте объяснить!
В качестве примера посмотрите на кнопки социальных сетей:
Если вы укажете текст в атрибуте alt-text для иконки Facebook, то скринридер произнесёт что-то вроде «Facebook Facebook». Очень избыточно!
Окей, технически это не касается alt-text, но всё равно важно: убедитесь, что у иконки и текста ссылки одинаковый атрибут link, для большего удобства пользователей. Примерно так:
Другая типичная ошибка — это иконки на кнопках меню:
Если на кнопке меню отсутствует текстовая надпись — что, по-моему, очень неудобно для пользователей — тогда нужно добавить к ней alt-text (или, как вариант, описать её функциональность в самом коде, как aria-label). Объясните функцию иконки, например, «Меню». Не пишите «Три горизонтальные линии» или «Основной гамбургер» — к сожалению, это реальные примеры, которые мне встречались.
Если на иконке меню есть надпись, то поле alt-text следует оставить пустым. Я часто встречаю кнопки меню, которые звучат как «Меню меню». Однажды мне даже попался «Гамбургер меню меню». Немного сбивает с толку, вы не находите?
Изображения в ссылках
Обычно изображение с ссылкой сопровождается текстовой ссылкой. Как в этом примере:
В этом случае изображение и ссылка должны иметь одинаковый link-tag в HTML. Поле alt-text можно оставить пустым. Пользователю важно услышать текст по ссылке. Описание alt-text для изображения только отвлечёт, добавив ненужную информацию. Скорее всего, это изображение будет в статье по ссылке, и там уже можно дать хорошее описание в alt-text.
Если вам очень, очень нужно поместить в ссылку изображение без сопутствующего текста, тогда alt-text должен описать, куда ведёт ссылка, а не само изображение.
Декоративные изображения
По возможности, не несущие смысловой нагрузки декоративные изображения лучше публиковать как фоновые изображения в CSS. Наверное, само собой понятно, что для них вообще не нужен alt-text.
Я бы классифицировал как декоративные большинство изображений, которые вы вставляете в текст. Там не нужен alt-text. Например, картинка на заглавной странице Netflix:
Особые случаи
Логотипы в баннере
Логотипы в баннерах почти всегда ссылаются на главные страницы веб-сайтов. По поводу атрибута alt-text в логотипе мнения немного отличаются.
Некоторые говорят, что там следует указывать название компании, тот факт, что это логотип, и направление ссылки. Например, так:
«Axess Lab, логотип, ссылка на главную страницу».
По-моему, это слегка многословно. Слишком много шума! Поскольку мой скринридер уже сказал, что это картинка со ссылкой, то мне кажется, достаточно названия компании. Из того факта, что это картинка, я предположу, что это логотип, а из того факта, что это ссылка — предположу, что она следует конвенциям и ведёт на заглавную страницу.
Масштабируемая векторная графика (SVG) — это формат изображений, который становится всё более популярен в интернете. И он мне нравится! Такие изображения остаются резкими при масштабировании, занимают меньше места и быстрее загружаются.
Есть два основных способа добавить SVG на страницу HTML.
Разве компьютер не может сделать это за меня?
Хотя машинное обучение и искусственный интеллект быстро улучшаются и могут довольно точно описать некоторые изображения, пока они недостаточно хороши в понимании релевантного контекста. Кроме того, машины недостаточно хорошо понимают смысл «краткости» и часто используют слишком много или слишком мало слов.
В реальности Facebook разработал функцию для автоматического описания изображений. Но мне такие описания кажутся слишком обобщёнными. Прямо сейчас одно изображение в моём фиде описано как «Кот в помещении». В реальности на фотографии кот охотится за игрушечной мышью.
Так что извините, вам всё ещё придётся писать атрибуты alt-text самостоятельно!