Topic · Tag
مطالب و یادداشت‌هایی که این موضوع را دنبال می‌کنند — از جدید به قدیم.
۴ یادداشت
Notes
سورج شهپرنیاخیلیها برای زیباتر شدنِ فرم، خطِ دورِ فیلدها را کامل حذف می‌کنند و ناخواسته کاربری را که با کیبورد کار می‌کند گم می‌کنند. راهِ درست این است که نشانگر را فقط وقتی نشان بدهی که واقعاً لازم است؛ هم تمیز می‌ماند هم هیچ‌کس جا نمی‌ماند.
button:focus-visible {
outline: 2px solid var(--brand);
outline-offset: 2px;
}وقتی چیزی در صفحه بی‌صدا عوض می‌شود، مثلِ ذخیره‌شدنِ یک فرم، کاربرِ نابینا هیچ نمی‌فهمد. یک ناحیهٔ کوچکِ اعلان، پیام را برایش می‌خواند؛ دسترس‌پذیری کارِ اضافه نیست، احترام است و در ایران هنوز جای کارِ زیادی دارد.
<div role="status" aria-live="polite">
تغییرات ذخیره شد
</div>حالتِ شب دیگر یک تجمل نیست؛ خیلی‌ها شب با گوشی خرید و مطالعه می‌کنند. به‌جای دو سایتِ جدا، بگذار خودِ سیستمِ کاربر تصمیم بگیرد و رنگ‌ها را بچرخان؛ راحتیِ چشم، مدتِ ماندنِ کاربر را بیشتر می‌کند.
@media (prefers-color-scheme: dark) {
:root { --bg: #0b0b0f; }
}انیمیشن قشنگ است، تا وقتی که سرِ کسی را گیج نکند. بعضی کاربران با حرکتِ زیاد حالشان بد می‌شود؛ به تنظیمِ سیستمِ آن‌ها گوش بده و اگر خواستند، حرکت را کم کن. ظرافتِ واقعی، بلد بودنِ خاموش کردنِ افکت است.
@media (prefers-reduced-motion: reduce) {
* { animation: none; transition: none; }
}