Анализ доступности 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 #доступность

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

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

Хабр

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

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

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

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

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

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

Хабр

#Development #Findings
‘aria-label’ is a letdown · “One in three ‘aria-label’ implementations have likely issues.” https://ilo.im/162zei

_____
#CodeSmell #AriaLabel #ARIA #Accessibility #WebDev #Frontend #HTML

aria-label is a letdown | Wagtail CMS

One in three aria-label implementations have likely issues

Wagtail CMS
I've just found out about Aria labels. In my website, I have lots of non-descriptive links labeled "see more", which is supposed to be a bad practice in web design, but that for me are very practical in order to reduce information clutter and maintain an uniform layout. These links also work well according to its visual context, but now I'm thinking of adding aria labels and alt text to improve accessibility. #accessibility #webdesign #aria #arialabel #alttext https://stackoverflow.com/questions/22039910/what-is-aria-label-and-how-should-i-use-it
What is aria-label and how should I use it?

A few hours ago I read about the aria-label attribute, which: Defines a string value that labels the current element. But in my opinion this is what the title attribute was supposed to do. I looked

Stack Overflow
Not so short note on aria-label usage – Big Table Edition – HTML Accessibility

aria-label use

🇬🇧 Supercharge your headings in Hugo with Render Hooks

https://dariusz.wieckiewicz.org/en/supercharge-your-headings-in-hugo-with-render-hooks/

My approach for supercharging headings in the posts with Hugo, render hooks, with on click action and proper visualisation when copying a link to the clipboard.

#Hugo
#Headings
#RenderHooks
#Renderheading
#Markdown
#Copytoclipboard
#Clipboard
#Onclick
#Onclickaction
#Accessibility
#A11y
#Arialabel
#Mediaprint
#Anchor
#Title
#Datatitle
#Visualisation
#HTML
#CSS
#JavaScript
#WebDev

Supercharge your headings in Hugo with Render Hooks

My approach for supercharging headings in the posts with Hugo, render hooks, with on click action and proper visualisation when copying a link to the clipboard.

Dariusz Więckiewicz 🇬🇧