Topic · Tag
مطالب و یادداشت‌هایی که این موضوع را دنبال می‌کنند — از جدید به قدیم.
۳ یادداشت
Notes
سورج شهپرنیادر صفحهٔ یک دورهٔ آنلاین، سرفصل‌ها را جمع و باز کن تا کاربر غرقِ متن نشود. جالب این‌جاست که برای این کار به هیچ کدِ سنگینی نیاز نداری؛ خودِ مرورگر ابزارش را دارد. سبک‌ترین راه، معمولاً بادوام‌ترین راه است.
<details>
<summary>فصل اول</summary>
<p>مقدمه و اهداف دوره</p>
</details>وقتی چیزی در صفحه بی‌صدا عوض می‌شود، مثلِ ذخیره‌شدنِ یک فرم، کاربرِ نابینا هیچ نمی‌فهمد. یک ناحیهٔ کوچکِ اعلان، پیام را برایش می‌خواند؛ دسترس‌پذیری کارِ اضافه نیست، احترام است و در ایران هنوز جای کارِ زیادی دارد.
<div role="status" aria-live="polite">
تغییرات ذخیره شد
</div>روی گوشی‌های امروزی، دکمهٔ چسبیده به پایینِ صفحه اغلب زیرِ نوارِ خانه گم می‌شود. کمی فاصلهٔ امن بگذار و ارتفاع را با واحدِ درستِ موبایل بگیر؛ تفاوتِ یک اپِ حرفه‌ای با یک صفحهٔ ساده، در همین چند پیکسل است.
.bar {
padding-bottom: env(safe-area-inset-bottom);
min-height: 100svh;
}