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


Хороший случай для Eval в JavaScript
Хороший случай для Eval в JavaScript Или: Как генерировать динамические html-теги внутри шаблонов lit-html? eval иногда путают с evil . Мы также иногда слышим, что есть случаи, когда это необходимо. Это один из таких случаев... Проект lit — это фреймворк для работы с веб-компонентами. В ярких версиях 1.x и 2.x мы сильно полагались на lit . Пока мы усердно работаем над Vivid 3.x, мы по-прежнему поддерживаем и добавляем функции в 2.x . Одной из таких функций было..
Доступность сделает ваш код лучше
(Эта запись в блоге также доступна на DEV.to ) Прежде чем углубляться в этот пост, вы должны знать, что такое специальные возможности. Хорошим местом для начала может быть эта статья Что такое доступность от MDN. Обычно самым важным и наиболее распространенным аргументом в пользу написания доступных веб-приложений, который я вижу, является, короче говоря, возможность сделать ваши приложения доступными для пользователей, которые полагаются на вспомогательные технологии. Одно..
Проверьте доступность с помощью @axe-core/playwright и сохраните в виде файла Excel.
Что такое тестирование доступности? Тестирование доступности — это практика, позволяющая сделать ваши веб-приложения и мобильные приложения доступными как можно большему количеству людей. Это делает приложения доступными для людей с ограниченными возможностями, такими как нарушения зрения, слуха и другие физические или когнитивные нарушения. Сегодня мы собираемся создать простой проект драматурга с помощью @axe-core/playwright и сохранить результат в виде файла Excel. Во-первых,..
A11y Unlocked: тесты автоматизации чтения с экрана
За год, прошедший после моего последнего поста A11y Testing: Automating ScreenReaders на тему автоматизации чтения с экрана, мы сейчас находимся в лучшем положении благодаря прогрессу, достигнутому в стандартах и ​​инструментах. Приятно видеть, что Группа сообщества W3C ARIA-AT сформирована с миссией улучшить взаимодействие программ чтения с экрана путем создания набора спецификаций, стандартов тестирования и автоматизации тестирования, чтобы довести экосистему программ чтения с экрана..
Доступность (A11y) почему это так важно?
Что такое "a11y" 🤔? A11y — ДОСТУПНОСТЬ Почему мы пишем «a11y»? Потому что между буквами «а» и «у» 11 других букв :) Что такое доступность сети? Наверняка вас раздражала медленная загрузка страницы, нечитаемый шрифт, плохая и странная навигация, размытые и перекрывающиеся цвета, а также страница, которая плохо выглядит и не работает на мобильном устройстве. Эти проблемы могут быть незначительными неудобствами для нас, но для людей с ограниченными возможностями они могут..
Перехватывать фокус в компоненте React
Некоторые действия в веб-приложении требуют переключения внимания пользователя. Мы будем использовать пакет focus-trap , чтобы перехватывать фокус внутри узла DOM или компонента React. При разработке интерактивных приложений для современной сети изменения заключаются в том, что вам потребуется создавать элементы наложения. Когда такие элементы активны, остальная часть страницы обычно визуально скрыта, и пользователю разрешено взаимодействовать только с этим элементом. Мы можем..
Почему сочетания клавиш и специальные возможности на других языках клавиатуры редко работают
Использование сочетаний клавиш важно как при проблемах со специальными возможностями, так и в целом, поскольку использование клавиатуры гораздо точнее, чем прикосновение к мыши и наведение указателя. К сожалению, сочетания клавиш никогда не работают, вероятно, если вы используете неанглийскую раскладку клавиатуры, но почему это так? Вы могли бы подумать, что набрав «Shift +?» даст один и тот же результат независимо от того, на каком языке вы говорите, и одно и то же «/». В facebook вы..