Что можно поменять на сайте в 2021 году
Показы коллекций модных домов регулярно собирают большие аудитории благодарных зрителей. Просто побывать там уже здорово. Если же вы там по работе, то еще круче. Что нового/необычного/интересного приготовили дизайнеры? Какие идеи можно позаимствовать и использовать у себя и для себя? Посмотрим на мир высокой моды через призму веб-дизайна. Ведь точно так же составляются подборки трендов, которые будут определять дизайн сайтов в будущем году. Я собрал подборку идей, которые можно реализовать на сайтах в 2021 году. Идеи личные, но где-то они пересекаются с трендами.
Цвет года
Первая идея – цвет года. Ежегодно Pantone, компания, которая занимается цветовыми решениями и стандартами, объявляет цвет года. И 2021 год, по их мнению, будет вдохновлять нас двумя цветами.
Изображение: pantone.ruЭто не просто серый и желтый. Это «безупречный серый» и «освещающий», как их назвали. По ссылке выше есть подробное описание этой цветовой пары, загляните. Это, однако, никоим образом не означает, что нужно срочно менять цветовую гамму на своем сайте.
Хотя если у вас есть мысли насчет редизайна отдельных элементов на сайте, то вот вам готовая идея. Это одно из самых простых в применении решений, которое можно сделать не только на сайте, но и в соцсетях, например. Оформить обложки, баннеры, флаеры. Без фанатизма, конечно, но идея хорошая.
Горизонтальная прокрутка
Это уже чуточку сложнее в реализации, но эффект и впрямь налицо. Вместо того чтобы прокручиваться вниз, ваш сайт будет двигаться направо или налево. Как это выглядит, можно посмотреть здесь. Много вариантов, эффектов и идей для применения.
Примеры сайтов с горизонтальной прокруткой. Скриншот сайта awwwards.comОдин из не очевидных, на первый взгляд, плюсов такой компоновки – более удобное (хотя и необычное) пользование сайтами на телефонах. Листать страницы можно в стороны, по аналогии с пролистыванием экранов в Историях (как в Instagram).
Темная тема
Ну, с этим вообще просто. Если ваш сайт на WordPress, то в каталоге плагинов есть много готовых решений по запросу Dark Mode. Этот год примечателен тем, что в недавнем обновлении WordPress под номером 5.6 появилась новая встроенная тема Twenty Twenty-One. И в ней впервые для стандартных тем WordPress появился ночной режим. А это что-нибудь да значит.
Скриншот страницы Теплицы социальных технологий в Facebook.И если многие мобильные приложения уже обзавелись темной темой, то у сайтов это пока в новинку. Хотя тот же Facebook или YouTube обладают такой функцией. А вот на главную страницу Google ночью нужно заходить, слегка зажмурившись.
Векторная графика
С практическим применением для всего сайта будут проблемы, но для некоторых элементов точно нужно применять. Много трафика идет через мобильные устройства, а все эти разрешения экранов у телефонов, планшетов, часов и каких-нибудь утюгов не счесть и не предусмотреть. Поэтому векторные изображения – это спасение. Они будут отлично смотреться на любом экране.
В первую очередь, на формат svg можно перевести логотипы, что есть на сайте. Затем посмотреть на другие элементы. С фотографиями такой номер особо не прокатит, но начать с логотипа будет уже хорошим шагом.
Минимум зависимостей от внешних сервисов
Сейчас объясню. От домена и хостинга никуда не деться, это понятно. Но вот, например, шрифты. На огромном количестве сайтов шрифты подключены напрямую с сайта Google Fonts. И если взять гипотетическую ситуацию, когда этот сайт будет работать нестабильно, то первым делом отвалятся все шрифты на наших с вами сайтах.
Подстраховаться здесь просто – надо подключить нужные шрифты локально, на своем же хостинге. В итоге уходим от зависимости внешнего сервиса (Google Fonts) и пусть немного, но все же ускоряем загрузку сайта.
Еще бывают ситуации, когда на сайтах подключают изображения с внешних ресурсов. Ну, и тот самый YouTube – еще один понятный и знакомый пример. Грузить видео себе на сайт очень не рекомендую, конечно. Но вот иметь у себя на компьютере резерв в виде всех загруженных роликов будет очень уместно. Как минимум – в качестве запасного хранилища.
Скорость загрузки
Это мое личное пожелание ко всем сайтам и их владельцам. Мобильных устройств становится все больше, и у многих людей смартфон – основной источник серфинга в Интернете. Получается, что такие пользователи с большой долей вероятности десктопную версию вашего сайта так и не увидят.
Поэтому про скорость загрузки можно говорить вновь и вновь, и каждый раз это будет актуально. У многих даже дома есть участки со слабым приемом сигнала. И речь не столько про Wi-Fi, сколько про мобильный Интернет. Так вот посмотрите, как ваш сайт будет загружаться из такой точки. И сразу станет понятно, какие элементы сайта тормозят загрузку больше всего.
Что в итоге
Итак, мы побывали на показе высокой моды, увидели много новых коллекций именитых дизайнеров и даже приглядели несколько идей для воплощения. Именно идей. То же самое и со всеми этими трендами. Совсем не обязательно внедрять их все, будет точно непривычно. Но вот взять на заметку какие-то детали и внедрять их на своих сайтах – отличная идея.
Привычный сайт – это хорошо, но современный сайт – это не так уж и сложно. По опыту работы с сайтом все время появляются новые мысли, как можно реализовать тот или иной блок. И пусть изменения там будут незначительными, но ведь они будут. Это главное.
«Можно ли на своем сайте без разрешения размещать ссылки на другие сайты? Правда ли, что гугл за это наказывает неким фильтром?» — Яндекс Кью
Популярное
Сообщества
ИнтернетСайты+3
Вадим Неверов
·
11,1 K
Ответить1УточнитьDigitalriff.ru
591
Digitalriff. ru — агентство поискового продвижения сайтов и контекстной рекламы · 14 июн 2020 · digitalriff.ru
Отвечает
Александр Савенков
Если тырите чей-то контент, то размещать ссылку обзятельно надо, это закон об авторских правах. По поводу фильтра — не скажу, потому что не сталкивался.
Делаем SEO много — делаем хорошо=)
Комментировать ответ…Комментировать…
Global Media
6
5 авг 2020 · globalmediakom.ru
Отвечает
Игорь
Если вы используете чей-то авторский материал и на сайте автора указано что использование материала сайта обязательно с размещением гиперссылки — то обязательно. Главное что при размещении ссылки на своём сайте вы выставляли ей параметр nofollow. Nofollow – тег, который используют веб-мастера при размещении ссылок на сторонние ресурсы, чтобы не превратить сетевой ресурс… Читать далее
Комментировать ответ…Комментировать…
Anastasia Butenko1
17 авг 2019
Ну ясно конечно, что без разрешения ссылки размещать нельзя. А вот если есть разрешение, то ссылки размещать нужно. К тому же можно например зайти на http://ru.megaindex.com/ и посмотреть все ссылки, которые ведут на ваш сайт. А если интересно, то и все ссылки, которые размещали ваши конкуренты. Думаю, что так многие и делают.
Комментировать ответ…Комментировать…
Markus Saar
93
26 февр 2020
Ставьте, но задумывайтесь на кого именно вы ставите. Соблюдайте главный принцип: «Хорошие сайты ссылаются на хорошие сайты«.
Дополнительно проверяйте репутацию сайтов, чтобы они не были в черных списках поисковиков как «спам» или «зараженный вирусом».
Олег
6,3 K
местами экономист, немножко психолог, совсем чуть-чуть математик · 19 февр 2017
Можно. Более того, ссылки на чужие сайты — это одна из основ интернетов. Ни один вменяемый владелец сайта не возражает против того, чтобы вы поставили ссылку на его сайт. Рискну предположить, что нужно быть очень необычным идиотом для того, чтобы протестовать против такого подарка. Чем больше ссылок на сайт — тем сайту лучше. И, в частности, тем выше его позиции в… Читать далее
Вадим Неверов
19 февраля 2017
Я тут порылся, и нашел информацию о том, что бояться этого фильтра стоит не тем, кто размещает ссылку, а тем ,НА… Читать дальше
Комментировать ответ…Комментировать…
Вы знаете ответ на этот вопрос?
Поделитесь своим опытом и знаниями
Войти и ответить на вопросМогу ли я использовать.
.. Таблицы поддержки для HTML5, CSS3 и т. д.Могу ли я использовать
Поиск?
Индекс
CSS
- #rrggbbaa шестнадцатеричная нотация цвета
- :: селектор псевдоэлементов CSS first-letter
- :: placeholder псевдоэлемент CSS
- :: selection псевдоэлемент CSS
- : псевдокласс CSS по умолчанию
- 2
- :: placeholder псевдоэлемент CSS :dir() Псевдокласс CSS
- :focus-visible Псевдокласс CSS
- :has() реляционный псевдокласс CSS
- :in-range и :out-of-range псевдоклассы CSS
- :неопределенный псевдокласс CSS
- :is() псевдокласс CSS
- :необязательно Псевдокласс CSS
- :placeholder-show Псевдокласс CSS
- @font-face Веб-шрифты
- Смешение элементов HTML/SVG
- calc() как значение единицы измерения CSS
- Нечувствительные к регистру селекторы атрибутов CSS
- ch (символ) единица
- Четкие края/пиксельные изображения
- Селекторы CSS 2. 1
- CSS ::marker псевдоэлемент
- CSS : селектор любой ссылки
- CSS : селекторы только для чтения и : чтение-запись
- CSS @when / @else условные правила
- CSS все свойства
- Анимация CSS
- Внешний вид CSS
- CSS background-attachment
- CSS background-blend-mode
- CSS background-position Edge offsets
- CSS background-repeat round and space
- CSS 9-decoration0012
- Цвет вставки CSS
- Каскадные слои CSS
- Свойство CSS clip-path (для HTML)
- Функция CSS color()
- Конические градиенты CSS
- Запросы контейнера CSS (размер) 0
- Контейнер CSS 0 Единицы запроса CSS Containment
- CSS content-visibility
- CSS Counter Styles
- CSS Counters
- CSS Cross-Fade Function
- CSS значение currentColor
- CSS Device Adaptation 9001 CSS2
- display: content
- Функция CSS element()
- CSS-исключения уровня 1
- Запросы функций CSS
- Эффекты фильтров CSS
- Функция CSS filter()
- Псевдоэлемент первой строки CSS CSS
- Модуль гибкого макета
- 2 CSS Font
- 2 Loading
- CSS font-display
- CSS font-feature-settings
- CSS font-palette
- CSS font-size-adjust
- CSS font-stretch
- CSS font-variant-alternates 900-11 CSS font-variant цифра
- CSS Сгенерированное содержимое для псевдоэлементов
- CSS курсоры захвата и захвата
- CSS градиенты
- CSS Grid Layout (уровень 1)
- CSS висящая пунктуация
- CSS перенос переноса 11set 90 CSS image-image-1
- Начальное значение CSS
- Встроенный блок CSS
- Выравнивание содержимого CSS: равномерное пространство
- Зажим линии CSS
- Логические свойства CSS
- Маски CSS Математические функции CSS
- min(), max() и зажим ()
- CSS min/max-width/height
- CSS Motion Path
- CSS namespaces
- CSS свойства контура
- CSS свойство overflow
- CSS overflow-anchor (привязка прокрутки) 90havior page
- CSS overscroll break properties
- CSS Paint API
- CSS position:fixed
- CSS position:sticky
- CSS print-color-adjust
- CSS Regions
- CSS Repeating Gradients 9001 CSS2
- resize property
- CSS revert value
- CSS Scroll Snap
- CSS Scroll-behavior
- CSS Shapes Level 1
- CSS Subgrid
- CSS Table display
- CSS text-indent
- CSS text-justify
- CSS text-orientation
- Свойство сенсорного действия CSS
- Неустановленное значение CSS
- Выбор пользователя CSS: нет
- Переменные CSS (пользовательские свойства)
- CSS widows & orphans
- CSS свойство will-change
- Свойство режима записи CSS
- Двухмерные преобразования CSS3
- Трехмерные преобразования CSS3
- Параметры фонового изображения CSS3
- Изображения границ CSS3
- Радиус границ CSS3 (закругленные углы) 12012 CSS01
- 9001 Размер рамки
- Цвета CSS3
- Курсоры CSS3 (исходные значения)
- Курсоры CSS3: увеличение и уменьшение масштаба
- Кернинг шрифта CSS3
- Ориентация изображения CSS3
- CSS3 Медиа-запросы
- CSS3 Multiple backgrounds
- CSS3 Multiple column layout
- CSS3 object-fit/object-position
- CSS3 Opacity
- CSS3 Overflow-wrap
- CSS3 selectors
- CSS3 tab-size
- CSS3 text-align-last
- CSS3 Text-overflow
- CSS3 Text-shadow
- CSS3 Transitions
- CSS3 word-break
- display: flow-root
- display: run-in
- Font unicode-range subsetting
- свойство gap для Flexbox0012
- GetComputEdStyle
- INTRINSIC & EXTINSIC SIZICE
- Значения цвета LCH и лаборатории
- СВЕДЕНИЯ СВЕДЕНИЯ CSS Property
- Media Запросы: Media Media Media. -scheme медиа-запрос
- медиа-запрос с ограничением движения
- Rebeccapurple color
- rem (корень em) юниты
- аргумент списка выбора :not()
- аргумент списка селектора псевдоклассов CSS :nth-child и :nth-last-child
- Маленькие, большие и динамические единицы области просмотра
- SVG в фоновом режиме CSS
- значение system-ui для семейства шрифтов
- текст -decoration styling
- text-emphasis styling
- TTF/OTF — поддержка шрифтов TrueType и OpenType
- значения ui-serif, ui-sans-serif, ui-monospace и ui-rounded для семейства шрифтов
- Variable fonts
- Единицы области просмотра: vw, vh, vmin, vmax
- Window.devicePixelRatio
- :focus-within Псевдокласс CSS
- Background-clip: text
- background-position-x & background-position-y
- CSS -webkit-user-drag property
- CSS @scroll -timeline
- CSS Backdrop Filter
- CSS Canvas Drawings
- CSS Переменные среды env()
- CSS font-smooth
- CSS overflow: overlay
- CSS pointer CSSer-events (для HTML) Reflections
- 0012
- CSS стиль полосы прокрутки
- CSS text-size-adjust
- CSS text-stroke и text-fill
- CSS масштабирование
- CSS3 функция attr() для всех свойств
- Явный комбинатор потомков >>
- Высокое качество пары и лигатуры
- CSS с заданной областью действия
- Все функции CSS
SVG
- SVG (базовая поддержка)
- Эффекты SVG для HTML
- Шрифты SVG 90 90 Фильтры SVG
- 21 SVG fragment identifiers
- SVG in HTML img element
- SVG SMIL animation
- SVG vector-effect: non-scaling-stroke
- All SVG features
JS
- Array. prototype.find
- Array.prototype .findindex
- Array.Prototype.includes
- Функции стрел
- ASM.JS
- Асинхровые функции
- BIGINT
- CONST
- Дата.0012
- ECMASCRICT 5
- ECMASCRIPT 5 Строгой режим
- классы ES6
- ES6 Генераторы
- ES6 Номер
- ES6 Template Litervalt Модули JavaScript через тег script
- Модули JavaScript: динамический импорт()
- Анализ JSON
- let
- localeCompare()
- Lookbehind в регулярных выражениях JS
- Object.Entries
- Object.colues Метод
- Обещание. Прототип. Финально
- Обещания
- Прокси объект
- Параметры REST
- Shareed Array Buffer
- String.Prototyple.inclustes
- 2
- STROTIPLY.PROTIPLY. , String.prototype.padEnd()
- Temporal
- Typed Arrays
- unhandledrejection/rejectionhandled events
- Decorators
- Import maps
- Object. observe привязка данных
- Все функции JS
Введение в веб-доступность | Web Accessibility Initiative (WAI)
Резюме
Когда веб-сайты и веб-инструменты правильно спроектированы и запрограммированы, люди с ограниченными возможностями могут ими пользоваться. Однако в настоящее время многие сайты и инструменты разрабатываются с ограничениями доступности, которые затрудняют или делают невозможным их использование некоторыми людьми.
Обеспечение доступности Интернета приносит пользу отдельным лицам, компаниям и обществу. Международные веб-стандарты определяют, что необходимо для доступности.
Доступность в контексте
Сила Интернета в его универсальности.
Тим Бернерс-Ли, директор W3C и изобретатель World Wide Web
Доступность для всех, независимо от инвалидности, является важным аспектом.
Сеть изначально предназначена для работы для всех людей, независимо от их оборудования, программного обеспечения, языка, местоположения или способностей. Когда Интернет достигает этой цели, он становится доступным для людей с различными слуховыми, двигательными, зрительными и когнитивными способностями.
Таким образом, влияние инвалидности радикально меняется в Интернете, поскольку Интернет устраняет барьеры для общения и взаимодействия, с которыми многие люди сталкиваются в физическом мире. Однако когда веб-сайты, приложения, технологии или инструменты плохо спроектированы, они могут создавать барьеры, мешающие людям пользоваться Интернетом.
Доступность важна для разработчиков и организаций, которые хотят создавать высококачественные веб-сайты и веб-инструменты, а не исключать людей из использования их продуктов и услуг.
Что такое веб-доступность
Веб-доступность означает, что веб-сайты, инструменты и технологии спроектированы и разработаны таким образом, чтобы ими могли пользоваться люди с ограниченными возможностями. В частности, люди могут:
- воспринимать, понимать, перемещаться и взаимодействовать с Интернетом
- внести свой вклад в Интернет
Доступность в Интернете включает в себя все ограничения, влияющие на доступ к сети, в том числе:
- слуховой
- познавательный
- неврологический
- физический
- речь
- визуальный
Доступность Интернета также полезна людям без инвалидности, например:
- люди, использующие мобильные телефоны, смарт-часы, смарт-телевизоры и другие устройства с небольшими экранами, различными режимами ввода и т. д.
- пожилых людей с изменяющимися способностями в связи со старением
- человек с «временной инвалидностью», такой как сломанная рука или потерянные очки
- человек с «ситуационными ограничениями», например, при ярком солнечном свете или в среде, где они не могут слушать звук
- человек, использующих медленное подключение к Интернету или имеющих ограниченный или дорогой трафик
7-минутный видеоролик с примерами того, как доступность важна для людей с ограниченными возможностями и полезна для всех в различных ситуациях, см. по адресу:
Дополнительная информация о специальных возможностях
- Если вы хотите узнать больше о том, как различные виды инвалидности влияют на использование Интернета, и прочитать о сценариях использования Интернета людьми с ограниченными возможностями, см. раздел Как люди с ограниченными возможностями используют Интернет.
- Если вам нужны дополнительные примеры преимуществ для других, см. мобильный ресурс Общий веб-опыт: барьеры, общие для пользователей мобильных устройств и людей с ограниченными возможностями, мультимедиа, используемый людьми с ограниченными возможностями и без них, а также заархивированные преимущества веб-доступности для людей с ограниченными возможностями и без них .
Доступность важна для отдельных лиц, предприятий и общества
Интернет становится все более важным ресурсом во многих аспектах жизни: образование, занятость, правительство, торговля, здравоохранение, отдых и многое другое. Крайне важно, чтобы Интернет был доступен, чтобы обеспечить равный доступ и равные возможности для людей с различными способностями. Доступ к информационным и коммуникационным технологиям, включая Интернет, определяется как основное право человека в Конвенции Организации Объединенных Наций о правах инвалидов (КПИ ООН).
Интернет предлагает возможность беспрецедентного доступа к информации и взаимодействия для многих людей с ограниченными возможностями. То есть барьеры доступности для печатных, аудио- и визуальных средств массовой информации могут быть гораздо легче преодолены с помощью веб-технологий.
Доступность поддерживает социальную интеграцию людей с ограниченными возможностями, а также других лиц, таких как:
- пожилые люди
- человек в сельской местности
- человек в развивающихся странах
Существует также веское экономическое обоснование доступности. Как показано в предыдущем разделе, доступный дизайн улучшает общее взаимодействие с пользователем и его удовлетворенность, особенно в различных ситуациях, на разных устройствах и для пожилых пользователей. Доступность может улучшить ваш бренд, стимулировать инновации и расширить охват рынка.
Доступ в Интернет требуется законом во многих ситуациях.
Дополнительная информация о специальных возможностях важна
- Общая информация о бизнес-преимуществах содержится в документе «Экономическое обоснование цифровой доступности».
- Примеры преимуществ доступности аудио- и видеоматериалов приведены в разделе «Преимущества для организаций».
- Руководство по выяснению юридических требований находится в архиве Legal and Policy Factors.
Обеспечение доступности Интернета
Доступность в Интернете зависит от нескольких компонентов, работающих вместе, включая веб-технологии, веб-браузеры и другие «пользовательские агенты», инструменты разработки и веб-сайты.
Инициатива W3C по обеспечению доступности веб-ресурсов (WAI) разрабатывает технические спецификации, рекомендации, методы и вспомогательные ресурсы, описывающие решения по обеспечению доступности. Они считаются международными стандартами веб-доступности; например, WCAG 2.0 также является стандартом ISO : ISO/ IEC 40500.
Дополнительная информация о том, как сделать Интернет доступным
- Подробнее об этих аспектах доступности, работающих вместе, см. в разделе «Основные компоненты веб-доступности».
- Руководство по доступности веб-контента (WCAG), Руководство по доступности средств разработки (ATAG), ARIA для доступных многофункциональных интернет-приложений и другие важные ресурсы представлены в Обзоре стандартов доступности W3C.
- Чтобы узнать больше о том, как W3C WAI разрабатывает материалы посредством многостороннего международного участия и о том, как вы можете внести свой вклад, см. разделы О W3C WAI и Участие в WAI.
Обеспечение доступности вашего веб-сайта
Многие аспекты специальных возможностей достаточно просты для понимания и реализации. Некоторые решения специальных возможностей более сложны и требуют больше знаний для реализации.
Наиболее эффективно и действенно включать специальные возможности с самого начала проектов, чтобы вам не приходилось возвращаться назад и переделывать работу.
Дополнительная информация о доступности вашего веб-сайта
- Для ознакомления с требованиями доступности и международными стандартами см. Принципы доступности.
- Чтобы понять некоторые распространенные барьеры доступности с точки зрения тестирования, см. Easy Checks — A First Review of Web Accessibility.
- Некоторые основные соображения по проектированию, написанию и разработке специальных возможностей см. в разделе Советы по началу работы.
- Когда вы будете готовы узнать больше о разработке и проектировании, вы, вероятно, воспользуетесь такими ресурсами, как:
- Как познакомиться с WCAG (Краткий справочник)
- Руководства по веб-доступности
- Сведения об управлении проектами и организационных вопросах см. в разделе «Планирование и управление веб-доступностью».
Если вам нужно быстро исправить проблему сейчас, см. раздел Первая помощь по обеспечению доступности в Интернете: подходы к промежуточному ремонту.
Оценка доступности
При разработке или изменении дизайна веб-сайта оценивайте доступность на ранних стадиях и на протяжении всего процесса разработки, чтобы выявить проблемы доступности на раннем этапе, когда их легче решить. Простые шаги, такие как изменение настроек в браузере, могут помочь вам оценить некоторые аспекты доступности. Всесторонняя оценка, чтобы определить, соответствует ли веб-сайт всем принципам доступности, требует больше усилий.
Существуют инструменты оценки, которые помогают с оценкой. Однако ни один инструмент сам по себе не может определить, соответствует ли сайт правилам доступности. Чтобы определить, доступен ли сайт, требуется компетентная человеческая оценка.
Дополнительная информация об оценке доступности
- Ресурсы, помогающие при оценке доступности, описаны в разделе Обзор оценки доступности веб-сайтов.
Примеры
Альтернативный текст для изображений
Изображения должны включать эквивалентный альтернативный текст (замещающий текст) в разметке/коде.
Если замещающий текст не предоставляется для изображений, информация об изображении недоступна, например, для людей, которые не могут видеть и использовать программу чтения с экрана, которая читает вслух информацию на странице, включая замещающий текст для визуального изображения.
При предоставлении эквивалентного альтернативного текста информация доступна для слепых людей, а также для людей, которые отключают изображения (например, в районах с дорогой или низкой пропускной способностью). Он также доступен для технологий, которые не могут видеть изображения, таких как поисковые системы.
Ввод с клавиатуры
Некоторые люди не могут пользоваться мышью, в том числе многие пожилые пользователи с ограниченным контролем мелкой моторики. Доступный веб-сайт не зависит от мыши; он делает все функции доступными с клавиатуры. Затем люди с ограниченными возможностями могут использовать вспомогательные технологии, имитирующие клавиатуру, такие как речевой ввод.
Стенограммы для аудио
Точно так же, как изображения недоступны для людей, которые не могут видеть, аудиофайлы недоступны для людей, которые не могут слышать. Предоставление текстовой расшифровки делает аудиоинформацию доступной для глухих или слабослышащих людей, а также для поисковых систем и других технологий, которые не слышат.
Для веб-сайтов легко и относительно недорого предоставлять стенограммы. Существуют также службы транскрипции, которые создают текстовые расшифровки в формате HTML.
Дополнительные примеры
- Советы по началу работы
- Easy Checks — первый обзор веб-доступности
- Перспективы веб-доступности — видео и описания
W3C WAI предоставляет широкий спектр ресурсов по различным аспектам стандартов веб-доступности, обучения, тестирования/оценки, управления проектами и политики. Мы рекомендуем вам изучить этот веб-сайт или просмотреть список ресурсов WAI.