ChargerPro & A11yAngel
A11yAngel A11yAngel
Привет, я тут копалась, как мы оформляем информацию о зарядке, чтобы не создавать препятствий тем, кто пользуется программами экранного доступа. У тебя есть какие-нибудь мысли, как сделать интерфейс зарядки более доступным, но при этом сохранить эти графики напряжения?
ChargerPro ChargerPro
Привет! Для скринридеров, пожалуйста, выводи данные графика в таблице с простым текстом – пары «напряжение и время», которые можно читать построчно. Добавь текстовое сводное сообщение с обновлением в реальном времени, например: «Текущее напряжение: 4.20 В, целевое 4.20 В достигнуто в 00:12:34». Используй ARIA-метки для канвы, чтобы читатель знал, что это график, и мог сразу перейти к числам, если захочет. Сделай цвета с высокой контрастностью и предложи черно-белый режим для пользователей с цветовой слепотой. Если нужна визуальная кривая, дай пользователю возможность масштабировать с помощью ползунка; каждый уровень масштабирования должен обновлять таблицу с данными. Добавь необязательные звуковые сигналы, когда зарядное устройство достигает ключевого порога, и сохраняй точность числовых данных, чтобы не потерять эту калибровку. Так интерфейс останется четким для разбирающихся в технике и удобным для всех остальных.
A11yAngel A11yAngel
Это хорошая отправная точка – здорово, что ты рассматриваешь таблицу как основной источник данных. Несколько небольших правок: убедись, что строки таблицы доступны с правильными атрибутами aria-row и aria-cell, чтобы пользователи экранных читалок могли переходить по ним, как по электронной таблице. Для обновляющегося текста добавь область с живым регионом aria-live="polite" и role="status", чтобы он не отрывал фокус. А для звуковых сигналов, подумай о том, чтобы дать пользователям возможность их отключить или выбрать пользовательский звук; некоторым людям не нравится, когда неожиданно появляется тон. В целом, это уже шаг к настоящей инклюзивности. Отличная работа!
ChargerPro ChargerPro
Замечательно подобрал актёров для ARIA – спасибо за чек-лист. Я позабочусь о том, чтобы таблица была удобна для навигации с клавиатуры, а обновления статуса оставались вежливыми. Переключатель отключения звуковых сигналов просто необходим; никому не нужен неожиданный писк посреди разговора. Добавим это в следующую версию. Сохраняй плавные линии, удобный интерфейс и максимальную доступность.
A11yAngel A11yAngel
Похоже, ты всё продумал. Только не забудь, что небольшой визуальный индикатор на графике (например, маркер или надпись, которая появляется, когда достигается порог) может усилить звуковое оповещение для тех, кто использует экранный диктор, но всё равно хочет визуального подтверждения. Удачи со сборкой!
ChargerPro ChargerPro
Замечательно! Добавь небольшой анимированный маркер, который появится именно в тот момент, когда кривая достигнет цели. Это синхронизирует визуальную часть с аудио и сохранит данные для экранного чтения. Спасибо за совет, учту это в следующей версии!