Публикации по теме 'accessibility'


Улучшение видимости фокуса — фокус внутри или имеет(:фокус)?
Ранее мы видели, как стилизовать элемент в режиме фокуса с помощью псевдоклассов CSS :focus и :focus-visible для лучшей доступности. Что, если мы хотим стилизовать родительский элемент, когда его дочерний элемент находится в фокусе, и сделать его более заметным для пользователя на многолюдной странице? Какие у нас есть варианты для достижения этой цели? Давайте узнаем в этой статье, начиная с псевдокласса :focus-within . Использование псевдокласса :focus-within В то время..

Файтинг FOUT
Веб-шрифты хороши, когда работают правильно. Работая с Интернетом, у вас всегда есть шанс, что ваши пользователи будут подключаться к Интернету с ненадежным доступом. Или, может быть, у них отключен Javascript (да, у некоторых все еще есть!). Или, может быть, что-то сломалось в вашем коде. Веб-шрифты, хотя они могут сделать ваш сайт отличным, являются главным кандидатом на роль точки отказа между вашими пользователями и вашим контентом. Давайте посмотрим на некоторые из..

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

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

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

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

Как я изучаю JavaScript с ограниченными возможностями обучения
Использование Jupyter Notebooks для заметок JavaScript! Это не первое мое родео с использованием JavaScript (JS). Еще в 2009 году я поступил в аспирантуру Университета Южной Флориды. В первом семестре моей программы магистратуры я решил записаться на курс JavaScript. Программа требовала, чтобы вы прошли один курс языка программирования. Было два варианта: Flash и JavaScript. Поскольку я знал, что флэш-память уходит, я выбрал JavaScript в качестве единственного жизнеспособного..