Привет, и добро пожаловать назад, когда мы возвращаемся, и мы говорим о проектировании для
доступности еще раз.
Так что, как я говорил вам все больше и больше классных,
аккуратных вещей, я иногда чувствую необходимость успокоить вас и
напомнить вам об основах, когда вы создаете свою страницу.
И часть этих основ заключается в том, что я хочу напомнить вам, что содержание вашей
страницы должно быть в вашем HTML.
Я имею в виду, что это может быть действительно заманчиво добавлять контент через цвета
, изображения и т. Д., То, что люди могут не воспринимать, но
вы не обязательно думаете об этом, когда,
как визуальный пользователь, вы вроде как приносите его.
Поэтому я хочу, чтобы вы делали при проектировании своих страниц, тестировании и
перепроектировании, тестировании и перепроектировании, помните то, что мы называем руководящими принципами PUR.
Мы хотим, чтобы ваши страницы были восприимчивы, оперативны, понятны и надежны.
И воспринимаемый и
понятный действительно соответствует тому, что вы делаете с вашим CSS.
Так что для того,
чтобы вещи были восприимчивы, я просто хочу, чтобы вы вспомнили пару вещей.
Во-первых, всегда не забудьте предоставить текстовые альтернативы для ваших изображений.
Ваши изображения не должны передавать информацию полностью самостоятельно.
Убедитесь, что вы предоставляете субтитры и стенограммы для видео и аудио.
Теперь не у всех есть доступ к инструментам, чтобы предоставить вам это
бесплатно, но там, где вы работаете или куда вы идете в школу, могут помочь вам.
Убедитесь, что вы используете эту правильную семантическую разметку
, чтобы контент мог быть представлен по-разному.
Я хочу, чтобы ты использовал этот навигационный тег.
Я хочу, чтобы вы использовали тег фигуры вместо тега изображения.
То, что происходит, так это то, что у людей есть код, который
они уже написали, и они хотят быть немного ленивыми и не должны менять свой HTML,
потому что когда они это делают, они должны изменить свой CSS.
Идите вперед и внесите изменения.
Это действительно будет того стоить.
Сделать его легким для
пользователей для подключения, чтобы увидеть их содержимое, используя действительно хороший цветовой контраст.
Вы были бы очень удивлены, если бы вы поняли, сколько людей не могут получить доступ к
информации в Интернете, потому что они действительно не могут видеть, что вы там положили.
Далее, давайте поговорим о том, что значит, чтобы ваша страница была работоспособной.
Я имею в виду, что все функциональные возможности, которые идут на вашу страницу,
должны быть доступны с клавиатуры.
Не ожидайте, что все будут использовать мышь, чтобы перейти на вашу страницу.
Не ожидайте, что некоторые вещи, это нормально,
чтобы некоторые вещи были доступны только если вы наведите на них курсор.
Пользователи должны иметь контроль над всеми сроками и лимитами.
Так что если у вас есть эти видео в СМИ, убедитесь, что вы вкладываете это в то, что есть
панель управления, чтобы они выключили вещи, выключили их, перемотку и т.д.
Это то, что на самом деле важно для меня,
потому что у меня есть члены семьи, которые занимаются этим, это то, что вы хотите убедиться, что
что у вас нет какого-то контента, который мигает все время.
Я говорю не о программе Флэша.
Я говорю о вещах, которые будут мигать на экране, и
у пользователя нет контроля, чтобы отключить его.
Это может привести к припадкам.
Вы хотите предоставить способы помочь пользователям перемещаться по вашей странице.
Не делай это головоломкой, где они должны понять, как добраться туда, куда они
хотят пойти.
Это ваша работа, чтобы сделать его как можно проще для них, чтобы найти контент и
выяснить, где они находятся на вашей странице.
Вот лишь несколько быстрых примеров различных способов,
которые люди иногда получают доступ в Интернет, будь то ручка,
клавиатура, пульт дистанционного управления, какая-то доступная клавиатура или
даже какие-то слоеные устройства, которые они могут использовать для навигации по Интернету.
Далее, давайте поговорим о том, что я имею в виду, когда страница понятна.
Как правило, вы хотите, чтобы ваш язык был коротким и сладким на вашей странице.
Если вы не автор и не показываете свои работы,
люди будут проводить на вашей странице всего несколько секунд.
Сделайте им легче понять, что вы пытаетесь сказать.
Когда у вас есть текст, дополненный иллюстрациями, видео
и другими форматами, если это необходимо, вы хотите убедиться, что вы используете
хороший универсальный дизайн, чтобы люди могли получить к нему доступ.
Навигация, информационная структура, они должны быть действительно отделены и
различимы от вашего контента.
Сделать людей, облегчить людям, чтобы уйти, вернуться к определенным страницам и т.д.
И, наконец, сделать ваши страницы работать предсказуемым образом.
Это может быть запутанная вещь, о которой можно просто говорить, но
если вы когда-либо были на веб-сайте, где вы просто не можете понять, как
вернуться на страницу, которую вы были три страницы назад, облегчите людям, чтобы получить это.
Наконец, помогите пользователям избегать и исправлять ошибки.
Это зависит от вас, а не от них, чтобы выяснить, как получить доступ к информации.
Наконец, R, прочный в PUR.
Является ли ваш сайт функциональным через различные технологии, смартфон,
устройство чтения с экрана, ноутбук, ручки?
Когда вы работаете со мной, и
мы идем дальше, мы поговорим о адаптивном дизайне на некоторых последующих занятиях.
И это гарантирует, что ваша страница выглядит наилучшим образом, что она может выглядеть
на разных размерах экрана.
Но это больше, чем размеры экрана, вам также нужно думать о вещах, как мы сказали,
ручки и средства чтения с экрана.
Таким образом, будут синтаксические ошибки, которые у вас могут быть в вашем коде
, которые не влияют на то, как выглядит страница для вас.
Ты вошел, это выглядит великолепно, ты типа, я золотая.
Вы должны помнить, что эти синтаксические ошибки могут испортить другие технологии.
Поэтому убедитесь, что вы придерживаетесь стандартов и
гарантируете будущую совместимость с новыми браузерами.
И самый простой способ сделать это - перейти на validator.w3c.org и
wave.webaim.org для проверки вашего кода.
Это просто, быстро, и это действительно даст вам гораздо лучшую страницу.
Так что, просто для обзора, я не прошу вас делать большие шаги.
Я просто хочу, чтобы ты делал мелочи правильно.
И это действительно начинается с правильных HTML-тегов.
Стайлинг на самом деле может сделать его труднее для некоторых людей, чтобы получить доступ к информации
, поэтому тест, тест.
Пусть люди смотрят на вашу страницу.
Пусть они дадут вам обратную связь.
Не принимай это лично.
Дело не в твоем кодировании.
Речь идет о том, чтобы сделать отличный продукт.
Наконец, попасть в раннюю привычку
использовать эти различные инструменты доступности.
Они здесь, чтобы сделать вашу жизнь проще, а не сложнее.
Наконец, единственное, с чем я действительно борюсь, со студентами,
это все мы хотим делать новые крутые вещи.
Но крутые новые стили и классные новые технологии
не должны быть за счет доступности и людей, просматривающих вашу страницу.
Так что действительно я надеюсь, что, когда вы изучаете этот код, и
вы немного нервничаете об использовании всех этих классных вещей, которые
вы изучаете, вы помните, что это не о том, чтобы иметь самую крутую веб-страницу.
Речь идет о том, чтобы иметь чистую страницу, которая действительно отображает информацию,
которую вы хотите получить в Интернете.
Удачи.