Перейти к содержимому

Антипаттерн раскрытия: когда доступный интерфейс неудобен для пользователя — веб-доступность для ...

Ariel Ferro

0:00 / 0:00

Антипаттерн раскрытия: когда доступный интерфейс неудобен для пользователя — веб-доступность для ...

14 просмотров · 17 ч назад
Ariel Ferro
76 подписчиков
14 просмотров · 17 ч назад
Уведомление может сработать идеально — и при этом заставить пользователей прилагать больше усилий для поиска нужной информации. 👉 Поддержите бесплатное обучение по вопросам доступности: ☕ Поддержите меня, купив мне кофе → https://buymeacoffee.com/ariel.ferro Подумайте о собственном опыте: что помогает вам решить, стоит ли открывать раскрывающийся раздел, когда это происходит, и когда это отнимает у вас время? В этом эпизоде ​​мы рассмотрим, как подписи к уведомлению формируют ожидания и влияют на решения пользователей, прежде чем раскрыть скрытый контент. Мы рассмотрим, как расплывчатые подписи, повторяющиеся элементы управления и скрытая информация могут создавать дополнительные усилия для людей, использующих программы чтения с экрана или другие вспомогательные технологии, а также для людей, которым сложные или неоднозначные интерфейсы кажутся когнитивно сложными. Мы также рассмотрим, что сообщают значки, как интерактивный контент меняет опыт, и когда сворачивание контента делает страницу проще, но усложняет задачу. 👇 Ссылки на все бесплатные инструменты и ресурсы закреплены в верхнем комментарии! ⏱️ Разделы 0:00 Введение 0:33 Презентация 2:10 Что такое шаблон раскрытия информации? Понимание раскрытия информации в контексте веб-доступности 3:43 Чего ожидает пользователь, прежде чем открыть раскрытие информации? 6:20 Слишком много раскрытий информации: когда простое взаимодействие становится сложным 7:19 Раскрытие информации против аккордеона, вкладок и меню. 8:31 Доступные метки раскрытия информации: понятные, полезные и не вводящие в заблуждение 9:59 Интерактивный контент внутри раскрытий информации: ссылки, формы и фокус 12:12 Когда раскрытие информации перестает помогать пользователю? 13:08 Ключевые выводы и заключительные мысли 14:14 Заключение 🎧 Другие эпизоды Если вам понравилось это видео, вам понравится и вся серия подкастов, где мы углубляемся в тему доступности:    • Web Accessibility For All   Я @Ariel Ferro, специалист по доступности и инженер-программист с более чем 20-летним опытом разработки программного обеспечения и более чем десятилетним опытом работы в области цифровой доступности. «Веб-доступность для всех» — это подкаст, в котором мы изучаем доступность с практической точки зрения, сочетая стандарты, инженерию, UX, дизайн-системы и реальную разработку продуктов. Если вы работаете в сфере дизайна, разработки или управления цифровыми продуктами, подпишитесь и включите уведомления, чтобы не пропустить будущие эпизоды о веб-доступности. ☕ Поддержите эту работу На создание этого подкаста уходит много часов исследований, написания, озвучивания и редактирования. Вы можете помочь мне продолжать: • Поддержите меня, купив мне кофе → https://buymeacoffee.com/ariel.ferro Для незрячих создателей и любопытных зрителей Я создаю каждый эпизод не визуально, используя доступные инструменты: • Нейронные голоса в Windows 11, NVDA и Narrator • Иногда ElevenLabs или Voicebooking для сэмплов • Музыка и эффекты: Pixabay Audio → https://pixabay.com • Изображения: ChatGPT (DALL·E) + Google Gemini • Создание видео: OneImageVideo.com → https://oneimagevideo.com • Монтаж и сведение: Audacity → https://www.audacityteam.org/ + расширение NVDA → https://nvda-addons.org/addon.php?id=193 Если вы незрячий и хотите творить: это возможно. Я делаю все это с помощью бесплатных или недорогих инструментов. Если я могу это сделать, то и вы сможете. ⚖️ Отказ от ответственности Данный контент предназначен исключительно для образовательных целей. Все высказанные мнения являются моими собственными и не отражают позицию какого-либо работодателя или организации. Обратите внимание, что диалоги и сценарии, представленные на рабочем месте, являются вымышленными драматизациями, используемыми в иллюстративных целях. Ссылки предоставлены в информационных целях и не подразумевают одобрения. #Доступность #A11y #ДоступностьВеб-сайтов #ЦифроваяДоступность #ИнклюзивныйДизайн