آموزش بوت استرپ
راهنمای جامع و آموزش گام به گام طراحی قالب وبسایت با bootstrap

مرور محدودیت ها 

دسترسی کامل از یک پروژه که با بوت استرپ ساخته شده است، بستگی شدیدی به نشانه گذاری نویسنده، یک ظاهر اضافه، و اسکریپت های آن ها دارد. با این حال با توجه به اینکه به درستی انجام شده است، باید به طور کامل برای ایجاد وب سایت ها و برنامه های کاربردی با بوت استرپ A/AA/AAA)0.WCAG2بخش 508 و شبیه به استاندارد های دسترس پذیری استفاده کرد.

 

نشانه ساختاری 

یک ظاهر طراحی و طرح بندی بوت استرپ را می توان به طیف گسترده ای از ساختار نشانه گذاری اعمال کرد. این مستندات با هدف ارائه بهترین نمونه های عملی به توسعه دهندگان برای نشان دادن استفاده از خود بوت استرپ و نشان دادن نشانه گذاری مناسب معنایی، از جمله راه هایی که در آن نگرانی های دسترسی به قابلیت های بالقوه می تواند مورد توجه قرار گیرد.

 

اجزای تعاملی 

اجزای تعاملی بوت استرپ مانند محاوره های مودال، منوهای کشویی و راهنمایی های سفارشی - برای کاربران لمسی، ماوس و صفحه کلید طراحی شده اند. با استفاده از مطالب مرتبط  WAI-ARIA نقش ها و صفات، این اجزاء نیز باید با استفاده از تکنولوژی های کمک پذیر قابل فهم باشند.

از آنجا که اجزای Bootstrap به طور هدفمند طراحی شده اند که نسبتا عمومی باشند. نویسندگان ممکن است نیاز به اضافه کردن نقشها و ویژگی های بیشتر ARIA و همچنین رفتار جاوا اسکریپت برای دقیق بودن ماهیت دقیق و قابلیت اجزای آنها داشته باشند. این معمولا در اسناد ذکر شده است.

 

color contrast

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

 

محتوای بصری پنهان

محتوایی که باید تنها شوند اما برای فن آوری های کمک کننده مانند خوانندگان صفحه نمایش قابل دسترسی است، می تواند با استفاده از کلاس sr. فقط مدل شود. می توانند در شرایطی که اطلاعات اضافی یا نشانه های نیز به کاربران غیر بصری منتقل شود مفید باشد.

 

 <p class="text-danger"> <span class="sr-only">Danger: </span> This action is not reversible </p>

 

برای کنترل های تعاملی بصری پنهان، مانند لینک"skip" سنتی، تنها -sr. می تواند با کلاس sr-focusable. ترکیب شود. این اطمینان حاصل خواهد شد که کنترل هنگامی که متمرکز شده قابل رویت باشد.

 

 
 <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>