Анализ доступности Open Academy для незрячих и текстовых ИИ-моделей + рекомендации по улучшению удобства использования

Open Academy — это Telegram mini app для обучения финансам (в будущем и другим направлениям) прямо внутри Telegram и в удобном формате слайдов. В этой статье я разбираю доступность интерфейса Open Academy с точки зрения незрячего пользователя и показываю, какие элементы можно улучшить.

https://habr.com/ru/articles/1006754/

#accessibility #screen_reader #arialabel #tabindex #UX #интерфейсы #Telegram_mini_app #доступность

My friend is looking for some text-to-speech software to help with some reading at uni. I know a lot of people on here use screenreaders, so I thought this would be the place to ask. He currently uses Windows and iOS. He also has Linux installed on another partition, but it doesn't get a lot of use.

Any recommendations?

#SoftwareRecommendations #ScreenReader #screen_reader #TextToSpeech

Как скринридер «видит» сайт: DOM, accessibility tree и API простыми словами

Когда мы говорим про скринридеры, почти все сначала думают так: «Ну он просто читает HTML со страницы». Это не так. Скринридер не видит экран, не читает HTML напрямую, и не “ходит” по странице, как человек с мышкой. Между страницей в браузере и скринридером есть несколько промежуточных слоёв. И именно из-за них доступность либо работает, либо полностью ломается.

https://habr.com/ru/articles/1001642/

#ccessibility #доступность #UX #UI #screen_reader #скринридер #accessibility_tree #семантика_HTML #клавиатурная_навигация #focus_management

Разбор доступности Moni для незрячих пользователей: взгляд незрячего разработчика

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

https://habr.com/ru/articles/1001316/

#accessibility #web3 #arialabel #tabindex #screen_reader #UX #frontend #интерфейсы #доступность

Как я, будучи незрячим, анализирую рынок, или инструмент в помощь незрячему криптоинтузиасту

К сожалению я не могу видеть графики, смотреть тренды и прочее, поэтому вероятность вложиться на хаях значительно повышается :-). я думал... И придумал недавно бота, который должен помочь с этим. Представлю его в сем посте. Посмотреть, к чему я пришёл

https://habr.com/ru/articles/986216/

#accessibility #screen_reader #web3 #криптовалюты #Анализ_рынка #пользовательский_опыт #Telegram_бот

[Перевод] Просто используй кнопку

Мне часто доводится вести странные споры с фанатами фреймворков о том, действительно ли <div> «столь же хорош», как и <button> . Спойлер: нет. И давайте выясним, почему.

https://habr.com/ru/articles/962632/?utm_source=habrahabr&utm_medium=rss&utm_campaign=962632

#фреймворки #div #button #доступность_сайта #screen_reader

[Перевод] Просто используй кнопку

Мне часто доводится вести странные споры с фанатами фреймворков о том, действительно ли <div> «столь же хорош», как и <button> . Спойлер: нет. И давайте выясним, почему.

https://habr.com/ru/articles/962632/

#фреймворки #div #button #доступность_сайта #screen_reader

[Перевод] Самый большой секрет HTML: тег <output>

Все разработчики знают о теге <input> , это рабочая лошадка веба. Но что такое <output> ? Большинство его никогда не касались. Кто-то даже не подозревает о его существовании. И очень жаль, ведь этот тег решает проблему, которую мы годами пытались решить связкой <div> и ARIA : динамические результаты, по умолчанию объявляемые программам для чтения экрана. Этот тег уже много лет находится в спецификации, но почему-то скрывается у всех на виду .

https://habr.com/ru/articles/957618/

#output #доступность_сайта #screen_reader