♿ 40-60% интерфейса Moni требует доработки для незрячих пользователей, но большинство проблем не сложные
Незрячий разработчик разобрал доступность web3-проекта Moni. Доступность в финтех и web3 редко рассматривается как обязательная часть архитектуры. Внимание уделяется визуальной составляющей, а сценарии использования без мыши или без экрана остаются вне фокуса.
Выяснил: примерно 40-60% интерфейса требует доработки с точки зрения accessibility. Большинство проблем не архитектурно сложные, это вопросы корректного использования aria-атрибутов, логичной структуры заголовков и поддержки клавиатурной навигации.
Внутри:
– Кнопки без описания: под полем «Check account» должна быть кнопка поиска, но есть элемент "По щелчку" без описания;
– Заголовки на каждой строке: неудобно слушать текст, когда каждая строка это заголовок уровня 1 или 2;
– Таблицы представлены кнопками: столбцы это кнопки, нет нормальной HTML-таблицы с table, tr, th, td;
– Слияние строк без пробелов: «Ethereum$395.790.1 ETH100%+0%», «L117.62%-1.93%», «Smarts244+1»;
– Курсор не попадает в модальные окна: после клика по «Manage filters» курсор не переходит к настройкам;
– Поиск недоступен с клавиатуры: ввел HYPE, что-то появилось на экране, но с клавиатуры не смог поймать и перейти;
– Кнопки навигации без названий: первая и последняя в постраничной навигации неподписанные, лучше «First» и «Last»;
– Решения простые: использовать aria-label=«Name» у элементов, tabindex=-1 и .focus в JS для фиксации курсора, разделять блоки h2 и h3 заголовками.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Рабочие истории
Верстаю вторую книжку Андрея Шапиро, называется «Рабочие истории».
О макете:
1. Первая книжка, «Карта процесса-опыта», получилась немного похожей на альбом, потому что сами карты потребовали увеличенного формата. В этот раз автор захотел, чтобы книжка была похожа на книжку и «честный труд».
2. Основной текст идет сплошняком, без искусственного разделения на страницы и развороты. Для монолитности я заменил швейцарский абзац на абзацный отступ и, немного посомневавшись (гротеск всё-таки), выключил основной текст по ширине. При этом «дополнительные» тексты внутри основного — примеры и списки — выровнены по левому краю.
3. На каждой странице есть широкое левое поле, куда встают заголовки, сноски, нумерация примеров (собственно «историй»), картинки и некоторые другие блоки.
4. От прошлого макета остался шрифт Formular, текстовые стили, ну и общий вайб (боже, что я несу).
Планируем сдать в печать в апреле-мае.
Как стильно оформили санузел 2 м² в «убитой» хрущевке: https://www.inmyroom.ru/posts/43854
Минутка тестирования:
Разработчик Ian Curtis тестирует 3D сцену на экране ноутбука созданную с помощью Blender и World Labs Three.js
💯 Мало кто говорит о том, что у веб-дизайнеров есть свой скрытый враг — тревожный дизайн. Он проявляется, когда мы слишком стараемся всё объяснить пользователю и не даём ему возможности самому обдумывать свои шаги на сайте.
В карточках разбираем, в чём проявляется тревожный дизайн и как его распознать 👉
Случалось ли вам попадать в эту ловушку ради уверенности, что пользователь все поймет?
Апелляционный суд Франции встал на сторону Shein и отказался закрывать его маркетплейс, пишет WWD. Судьи отметили, что полная блокировка площадки была бы чрезмерным наказанием, хотя и признали, что продажа нелегальной продукции нанесла «серьезный ущерб общественному порядку».
Разбирательство вокруг китайского ретейлера началось после сообщений о том, что на платформе продавалась запрещенная продукция, включая товары для взрослых, при покупке которых возраст не проверялся должным образом. Скандал совпал с открытием первого офлайн-магазина бренда в Париже и вызвал широкий общественный резонанс.
Власти Франции сначала требовали полностью запретить деятельность сайта в стране, но позже ограничились попыткой приостановить только маркетплейс. Суд учел, что компания уже предприняла меры: временно остановила работу площадки, провела аудит товаров и усилила контроль за продавцами. Сомнительные товары Shein снял с продажи.
Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News
📱 Логотип по сетке в иллюстраторе
Иконки в одном стиле за 4 минуты
В новом ролике показал, как сделать иконки или любые другие картинки для вашей презы в одном стиле с помощью JSON промта.
Прикрепляю вам ссылку на чат, чтобы было удобно скопировать промт и протестировать в своих работах.
🌟Смотреть инструкцию на YouTube
🌟Смотреть без VPN
______________________
Также напоминаю, что в новом ролике я буду разбирать презентации подписчиков. За вчера пришло всего пара работ, поэтому шанс, что на разбор попадет именно твоя работа очень большой 🤭
Скидывайте не ссыте)
