Привет, Хабр! Предлагаю Вашему вниманию перевод статьи «Make These Changes to Meet Web Design Accessibility Standards» автора Richard Pilton

Что такое доступность?

Доступность (всё чаще мы её так и называем Accessibility) — это дизайн продуктов, устройств или услуг, которые могут использовать как можно больше людей, включая людей с ограниченными возможностями, такими как нарушение зрения, двигательные трудности, трудности в обучении или глухота.

Плюсы доступности

Главное преимущество успешного проектирования доступной платформы — сделать ваше приложение или веб-сайт доступным для всех, но есть немало других преимуществ.

Cloud gaming

Для начала разберемся, что же такое облачный стриминг — метод запуска игр, позволяющий вам при слабом железе, но достаточно качественном интернет-соединении, запускать любые игры, не думая об их системных требованиях. На ваше устройство вы передаете лишь команды управления, которые по интернет-соединению отправляются прямиком на удаленный сервер, где уже запущена игра, а затем после внесения соответствующих изменений, сигнал в качестве видео потока возвращается обратно к вам.

Помимо очевидных плюсов, что не нужно больше думать об обновлении железа или ПО, такой тип сервисов хорошо еще и тем, что вывод изображения возможен практически на любое устройство, фактически превращая даже телефон или планшет в портативную консоль, которая не будет страдать от нехватки производительности.

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

С этого момента начинаются сложности, допустим возьмем любой онлайн-кинотеатр, вы нажимаете кнопку воспроизведения и где-то в другом городе или даже стране пробуждается облачный жесткий диск и куча микро сервисов и они начинают активно искать видео, которое вы хотите посмотреть, обрабатывают его и как можно быстрее доставляют на ваше устройство и все это они делают за две секунды буферизации, которые нужно подождать перед просмотром.
С играми все сложнее, облакам приходиться не только выводить саму игру на ваш экран, но еще обрабатывать целую кучу информации (передвижение игрока, его действия, внезапные динамические сцены с множеством элементов, сохранение данных о прогрессе и т.д.). Все это ведет к колоссальной нагрузке на серверы и требует большой и постоянной скорости интернет-соединения.

Доброго времени суток, Хабр. Представляю Вашему вниманию перевод статьи: «Artificial intelligence X human brain complexity» автора Andre Lisboa.

• Будут ли технологические достижения в области машинного обучения и искусственного интеллекта представлять серьезную угрозу для работы переводчиков?
• Будут ли лингвисты-переводчики заменены компьютерами?
• Как переводчики могут адаптироваться к этим изменениям?
• Достигнет ли компьютерный перевод 100% точности в течение следующего десятилетия?

Приветствую, Хабр! Представляю вашему вниманию перевод статьи «9 Extremely Useful HTML Tricks» автора Klaus.

У HTML есть много практических секретов, которые могут вам пригодиться.


Ниже приведены 9 чрезвычайно полезных трюков HTML.

Привет, Хабр! Представляю вашему вниманию перевод статьи «The 6 most common mistakes developers when writing HTML and CSS» автора Stas Melnikov.

Использование атрибута placeholder вместо элемента label

Часто разработчики используют атрибут placeholder вместо элемента label. Но в этом случае пользователи скринридера (программы чтения с экрана) не могут заполнять поля, потому что скринридер не может прочитать текст из атрибута placeholder.

<input type="email" placeholder="Enter your email">

Поэтому я рекомендую использовать элемент label для поля имени и атрибут placeholder для примера данных, которые пользователь должен заполнить.

<label>
  <span>Enter your email</span>
  <input type="email" placeholder="e.g. example@gmail.com">
</label>

Использование элемента img для разметки декоративной графики

Я часто вижу, как разработчики путают декоративную графику с изображениями контента. Например, они размечают социальные иконки с помощью элемента img.

<a href="https://twitter.com" class="social">
  <img class="social__icon" src="twitter.svg" alt>
  <span class="social__name">Twitter</span>
</a>

Но иконка социальной сети — это декоративная иконка, которая помогает пользователям быстрее понять смысл элемента, не читая текст. Если мы удаляем значок, мы не теряем значение элемента, поэтому мы можем использовать для него свойство background-image.