دسترسی در توسعه Frontend – جامعه dev

سلام دوست! بیایید در مورد چیزی صحبت کنیم که همیشه مورد توجه آن را که شایسته آن است ، مورد توجه قرار نمی دهد: دسترسی در توسعه جلوبشر بله ، این همان چیزی است که ما دانستن ما باید به آن اهمیت دهیم اما گاهی اوقات به پایین لیست کارها فشار می آوریم. هشدار Spoiler: این مهمتر از آنچه فکر می کنید مهمتر است (و از راه ترسناک تر).

چرا حتی باید اهمیت دهیم؟

اول از همه ، بیایید واقعی شویم. وب برای هر کسبشر نه فقط افرادی که دارای دید کامل ، رفلکس های رعد و برق یا آخرین اسباب بازی ها هستند. این برای مادربزرگ شما است که همه چیز را زوم می کند ، دوست شما که با یک صفحه کلید پیمایش می کند ، و آن شخص که به یک خواننده صفحه نمایش متکی است تا مرور کند. دسترسی به برنامه وب شما فقط مربوط به تیک زدن یک جعبه برای انطباق نیست – این مربوط به یک انسان مناسب است. به علاوه ، این برای تجارت خوب است. در دسترس تر = کاربران بیشتر = چهره های شادتر.

اصول: آن را سرنگون نکنید

دسترسی به معنای بازنویسی کل پایگاه کد شما نیست. کوچک شروع کنید. در اینجا چند برد سریع وجود دارد:

1. متن alt برای تصاویر: به طور جدی ، سخت نیست. فقط آنچه را که در تصویر وجود دارد شرح دهید. اگر تزئینی است ، در یک alt خالی پرتاب کنید (alt=""). رونق ، شما فقط به کسی کمک کرده اید که از یک خواننده صفحه استفاده کند.

2. ناوبری صفحه کلید: آیا کسی می تواند بدون اینکه در یک سیاه چاله گیر بیفتد از طریق سایت شما تب داشته باشد؟ آن را آزمایش کنید. اگر اینطور نیست ، آن حالت های تمرکز را برطرف کنید و مطمئن شوید که همه چیز قابل دستیابی است.

3. چک کنتراست: آن متن خاکستری روشن بر روی پس زمینه سفید ممکن است زیبایی شناسی به نظر برسد ، اما این یک کابوس برای خوانایی است. از ابزارهایی مانند Contrast Contrast Checker استفاده کنید تا مطمئن شوید که رنگ های شما در دسترس است.

4. معنایی HTML:

   s are great, but they’re not superheroes. Use the right tags for the job— برای دکمه ها ،