قابلیت دسترسی را بیاموزید

چه ابزارهایی معمولاً برای کمک به افراد دارای معلولیت در استفاده از وب استفاده می‌شوند؟

هر تعداد پاسخ را که مناسب می‌دانید انتخاب کنید.

دستگاه‌های خروجی بریل

صفحه خوان ها

ایستگاه‌های اتصال

تنظیمات سیستم عامل

یک راه مؤثر برای ایجاد تغییر در وب چیست؟

هر تعداد پاسخ را که مناسب می‌دانید انتخاب کنید.

در شبکه‌های اجتماعی شکایت کنید.

اقامه دعوی کنید.

مستقیماً با توسعه‌دهندگان یک شرکت تماس بگیرید.

بالاترین سطح استانداردهای WCAG چیست؟

سطح AAA

سطح A

بریزید

نمونه‌هایی از قابل اجرا بودن چیست؟

هر تعداد پاسخ را که مناسب می‌دانید انتخاب کنید.

همه ویدیوها کنترل دارند.

کاربران زمان کافی برای تکمیل فرم دارند.

همه عناصر فعال از صفحه کلید و صفحه لمسی پشتیبانی می‌کنند.

از زبان ساده استفاده شده است.

کدام یک از موارد زیر بهترین روش برای ساخت یک دکمه‌ی قابل دسترس است؟

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

سایت شما یک کتاب درسی آنلاین چندزبانه است که در آن چندین زبان در یک صفحه نمایش داده می‌شوند. بهترین راه برای تشخیص زبان متن به فناوری کمکی چیست؟

یک lang اصلی برای <html> و زبان‌های اضافی برای عناصری که حاوی محتوایی به زبان متفاوت هستند، تنظیم کنید.

نگران نباشید، AT می‌تواند به طور خودکار هر زبان را بخواند.

تمام زبان‌ها را در عنصر <html> قرار دهید. برای مثال <html lang="en,lt,pl,pt">

کدام مثال از استایل CSS با استفاده از `:focus` در پس‌زمینه سفید، قابل دسترس‌ترین است؟

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

هدف از لینک رد شدن چیست؟

به کاربر کیبورد کمک کنید تا از روی گروه‌های لینک‌های اضافی یا بی‌فایده عبور کند.

به کاربر کیبورد کمک کنید تا از محتوای بی‌اهمیت عبور کند.

بهترین راه برای تغییر سبک یک عنصر با جاوا اسکریپت چیست؟

از جاوا اسکریپت برای تغییر کلاس یک عنصر استفاده کنید و سبک مورد نظر را به فایل استایل CSS خود اضافه کنید.

از جاوا اسکریپت برای اعمال سبک پویا مستقیماً در یک عنصر HTML استفاده کنید.

آیا همه اکشن‌های جاوااسکریپت می‌توانند از کاربران کیبورد پشتیبانی کنند؟

بله، همه اقدامات به طور خودکار از کاربران صفحه کلید پشتیبانی می‌کنند.

بله، اما ممکن است مجبور شوید کارهای اضافی انجام دهید.

خیر، شما فقط می‌توانید از کاربران کیبورد با HTML معنایی پشتیبانی کنید.

چگونه می‌توانید تصاویر پیچیده را قابل دسترس کنید؟

هر تعداد پاسخ را که مناسب می‌دانید انتخاب کنید.

توضیح را بعداً در مقاله قرار دهید.

متن جایگزین طولانی با توضیحات کامل اضافه کنید.

ویژگی aria-describedby را به تصویر اضافه کنید.

برای توضیحات بیشتر از لینک استفاده کنید.

رنگ به تنهایی برای مستندسازی کافی نیست. چه چیز دیگری به خوانندگان کمک می‌کند تا عناصر رابط کاربری را شناسایی کنند؟

الگو

متن

آیکون

همه جواب ها درست هستند

چه چیزی می‌توانیم بسازیم که منعکس کننده تنظیمات سیستم عامل برای حرکت باشد؟

@prefers-reduced-motion

جاوا اسکریپت تغییر وضعیت می‌دهد

برای خوانا بودن متن، همیشه باید از کنتراست بالا بین متن و پس‌زمینه استفاده کنم.

نادرست

درست است، واقعی

چه فونت‌هایی برای دسترسی‌پذیری بهتر هستند؟

فونت‌های قابل دسترس

فونت‌های سیستمی مانند Arial و Verdana.

فرقی نمی کند.

کدام یک از موارد زیر، ورودی فرم با بیشترین دسترسی است؟

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

آیا اجزای قابل دسترسی همیشه برای کاربران قابل دسترسی هستند؟

خیر، ابتدا باید قطعات خود را آزمایش کنید.

بله، شما می‌توانید بدون کار اضافی از این اجزا استفاده کنید.

برای اطمینان از دسترسی‌پذیری سایت خود، چه نوع آزمایشی باید انجام دهید؟

هر تعداد پاسخ را که مناسب می‌دانید انتخاب کنید.

تست خودکار

تست دستی

تست کاربر

آزمایش فناوری کمکی

آزمایش ارزیابی.

چه خطاهایی در تست خودکار شناسایی می‌شوند؟

هر تعداد پاسخ را که مناسب می‌دانید انتخاب کنید.

زبان فراگیر

متن جایگزین (alt text) وجود ندارد

مشکلات کنتراست رنگ

برچسب‌های توصیفی فرم

خطاهای ARIA

چه عناصری باید استانداردهای کنتراست رنگ WCAG را رعایت کنند؟

نمادها

سرفصل ها

متن متن، متن متن

همه موارد فوق

بهترین نرم‌افزار صفحه‌خوان برای تست دسترسی‌پذیری چیست؟

یکی نیست

آرواره‌ها

صداگذاری

اورکا

هدف از آزمایش با فناوری کمکی چیست؟

برای آزمایش نقص‌های وب‌سایت یا برنامه شما.

برای تجربه کردن همان چیزی که افرادی که از فناوری کمکی استفاده می‌کنند، تجربه می‌کنند.

چه ابزارهایی معمولاً برای کمک به افراد دارای معلولیت در استفاده از وب استفاده می‌شوند؟

یک راه مؤثر برای ایجاد تغییر در وب چیست؟

بالاترین سطح استانداردهای WCAG چیست؟

نمونه‌هایی از قابل اجرا بودن چیست؟

کدام یک از موارد زیر بهترین روش برای ساخت یک دکمه‌ی قابل دسترس است؟

سایت شما یک کتاب درسی آنلاین چندزبانه است که در آن چندین زبان در یک صفحه نمایش داده می‌شوند. بهترین راه برای تشخیص زبان متن به فناوری کمکی چیست؟

کدام مثال از استایل CSS با استفاده از :focus در پس‌زمینه سفید، قابل دسترس‌ترین است؟

هدف از لینک رد شدن چیست؟

بهترین راه برای تغییر سبک یک عنصر با جاوا اسکریپت چیست؟

آیا همه اکشن‌های جاوااسکریپت می‌توانند از کاربران کیبورد پشتیبانی کنند؟

چگونه می‌توانید تصاویر پیچیده را قابل دسترس کنید؟

رنگ به تنهایی برای مستندسازی کافی نیست. چه چیز دیگری به خوانندگان کمک می‌کند تا عناصر رابط کاربری را شناسایی کنند؟

چه چیزی می‌توانیم بسازیم که منعکس کننده تنظیمات سیستم عامل برای حرکت باشد؟

برای خوانا بودن متن، همیشه باید از کنتراست بالا بین متن و پس‌زمینه استفاده کنم.

چه فونت‌هایی برای دسترسی‌پذیری بهتر هستند؟

کدام یک از موارد زیر، ورودی فرم با بیشترین دسترسی است؟

آیا اجزای قابل دسترسی همیشه برای کاربران قابل دسترسی هستند؟

برای اطمینان از دسترسی‌پذیری سایت خود، چه نوع آزمایشی باید انجام دهید؟

چه خطاهایی در تست خودکار شناسایی می‌شوند؟

چه عناصری باید استانداردهای کنتراست رنگ WCAG را رعایت کنند؟

بهترین نرم‌افزار صفحه‌خوان برای تست دسترسی‌پذیری چیست؟

هدف از آزمایش با فناوری کمکی چیست؟

کدام مثال از استایل CSS با استفاده از `:focus` در پس‌زمینه سفید، قابل دسترس‌ترین است؟