Fluid Typography: Прогнозування проблеми з масштабуванням тексту користувачем


Стаття Руслана Євича зосереджується на проблемі, відомій як WCAG Failure Under 1.4.4 Resize Text (AA). Це коли користувач масштабує сторінку, а текст стає меншим. Це часто виникає при використанні респонсивного тексту.
🚀 Автор наводить приклад зі статті Адріана Розеллі "Responsive Type and Zoom". Спробуйте змінити ширину viewport до 800px і побачите, як текст стає меншим при масштабуванні до 220%. Різкого збільшення розміру тексту не буде, незалежно від того, наскільки ви масштабуєте.
💡 Євич пропонує рішення для прогнозування цієї проблеми на етапі розробки. Хоча його відкриття не гарантують 100% уникнення проблеми, він впевнений, що це допоможе розробникам уникнути грубих помилок в реальних випадках використання.
- 📌 Проблема WCAG Failure Under 1.4.4 Resize Text (AA) при масштабуванні сторінки
- 📌 Використання респонсивного тексту може призвести до цієї проблеми
- 📌 Євич пропонує рішення для прогнозування цієї проблеми на етапі розробки
Для підготовки контенту ми дослідили статті, присвячені сучасним підходам у створенні сайтів, UX/UI дизайну та просуванню в Google:
https://www.smashingmagazine.com/2022/12/fluid-typography-predict-problem-users-zoom-in/