جستجو برای:
سبد خرید 0
  • خانه
  • شبکه و امنیت
    • تکنسین شبکه
      • پسیو شبکه و طراحی Data Center
      • CompTIA
      • Help Desk
      • فیبر نوری
      • دوربین های مداربسته
      • سیستم های امنیتی
      • IOT & BMS
    • مایکروسافت
      • ویندوز سرور (MCSA , MCSE)
      • شیرپوینت
      • SQL Server
      • System Center
      • سرویس های تخصصی
    • سیسکو
      • CCNA
      • CCNP Enterprise
      • CCNP Security
      • CCNP Collaboration
      • CCNP Data Center
      • CCNP Service Provider
      • CyberOps Professional
      • DevNet Professional
      • CCIE
    • مجازی سازی ، Cloud و Storage
      • VMware
      • HPE
      • EMC
      • بکاپ و مانیتورینگ شبکه
      • AWS
    • لینوکس
      • دوره های پایه و LPIC
      • سرویس های تخصصی لینوکس
      • سرویس های امنیتی لینوکس
      • بکاپ و مانیتورینگ
      • Embedded
      • هاستینگ
    • امنیت
      • fortinet
      • Splunk
      • GIAC Certified
      • Security Operations Center (SOC)
    • میکروتیک و وایرلس
    • جونیپر
    • تلفن های سانترال و VOIP
    • دواپس
  • برنامه نویسی و طراحی سایت
    • افزونه وردپرس
      • سئو و بهینه سازی
      • فروشگاهی (ووکامرس)
      • بکاپ و امنیت
      • صفحه ساز
      • آموزشی
      • افزونه های کاربردی
      • پشتیبانی و چت
      • ابزار های مدیریتی
      • تبلیغات و بازاریابی
      • فرم ساز
      • افزونه های گالری
      • افزونه های شبکه اجتماعی
      • افزونه های رزرو آنلاین و نوبت دهی
    • خدمات طراحی سایت
    • سئو و دیجیتال مارکتینگ
    • آموزش وردپرس
    • سرویس های Open Source
      • Vtiger CRM
      • ERP Odoo
      • کلاس آنلاین و ویدئو کنفرانس
    • پایتون (هوش مصنوعی و…)
    • Secure Coding
  • برق و الکترونیک
    • تعمیرات قطعات کامپیوتر و لب تاپ
    • تعمیرات هارد و ریکاوری اطلاعات
    • تعمیرات پرینتر و لوازم اداری
    • تعمیرات تجهیزات شبکه
  • مدیریت
    • مدیریت فناوری اطلاعات
      • ISO/IEC 27001
      • ISC2 & ISACA Certification
      • ITIL
      • انستیتو دواپس
      • COBIT
      • PMBOK
      • SCRUM
    • مدیریت مالی و سرمایه‌گذاری
    • استارتاپ
    • مدیریت اجرایی MBA
    • روانشناسی
      • روانشناسی بازار های مالی
      • انگیزشی
  • وبینار و کلاس آنلاین
    • سامانه LMS (مودل فارسی)
    • بیگ بلو باتن
    • سرویس ویدئو کنفرانس
 
خدمات شبکه فراز نتورک
ورود
[suncode_otp_login_form]
گذرواژه خود را فراموش کرده اید؟
عضویت
[suncode_otp_registration_form]
  • 021-66416682
  • Info[@]faraznetwork.ir
خدمات شبکه فراز نتورک
  • خانه
  • شبکه و امنیت
    • تکنسین شبکه
      • پسیو شبکه و طراحی Data Center
      • CompTIA
      • Help Desk
      • فیبر نوری
      • دوربین های مداربسته
      • سیستم های امنیتی
      • IOT & BMS
    • مایکروسافت
      • ویندوز سرور (MCSA , MCSE)
      • شیرپوینت
      • SQL Server
      • System Center
      • سرویس های تخصصی
    • سیسکو
      • CCNA
      • CCNP Enterprise
      • CCNP Security
      • CCNP Collaboration
      • CCNP Data Center
      • CCNP Service Provider
      • CyberOps Professional
      • DevNet Professional
      • CCIE
    • مجازی سازی ، Cloud و Storage
      • VMware
      • HPE
      • EMC
      • بکاپ و مانیتورینگ شبکه
      • AWS
    • لینوکس
      • دوره های پایه و LPIC
      • سرویس های تخصصی لینوکس
      • سرویس های امنیتی لینوکس
      • بکاپ و مانیتورینگ
      • Embedded
      • هاستینگ
    • امنیت
      • fortinet
      • Splunk
      • GIAC Certified
      • Security Operations Center (SOC)
    • میکروتیک و وایرلس
    • جونیپر
    • تلفن های سانترال و VOIP
    • دواپس
  • برنامه نویسی و طراحی سایت
    • افزونه وردپرس
      • سئو و بهینه سازی
      • فروشگاهی (ووکامرس)
      • بکاپ و امنیت
      • صفحه ساز
      • آموزشی
      • افزونه های کاربردی
      • پشتیبانی و چت
      • ابزار های مدیریتی
      • تبلیغات و بازاریابی
      • فرم ساز
      • افزونه های گالری
      • افزونه های شبکه اجتماعی
      • افزونه های رزرو آنلاین و نوبت دهی
    • خدمات طراحی سایت
    • سئو و دیجیتال مارکتینگ
    • آموزش وردپرس
    • سرویس های Open Source
      • Vtiger CRM
      • ERP Odoo
      • کلاس آنلاین و ویدئو کنفرانس
    • پایتون (هوش مصنوعی و…)
    • Secure Coding
  • برق و الکترونیک
    • تعمیرات قطعات کامپیوتر و لب تاپ
    • تعمیرات هارد و ریکاوری اطلاعات
    • تعمیرات پرینتر و لوازم اداری
    • تعمیرات تجهیزات شبکه
  • مدیریت
    • مدیریت فناوری اطلاعات
      • ISO/IEC 27001
      • ISC2 & ISACA Certification
      • ITIL
      • انستیتو دواپس
      • COBIT
      • PMBOK
      • SCRUM
    • مدیریت مالی و سرمایه‌گذاری
    • استارتاپ
    • مدیریت اجرایی MBA
    • روانشناسی
      • روانشناسی بازار های مالی
      • انگیزشی
  • وبینار و کلاس آنلاین
    • سامانه LMS (مودل فارسی)
    • بیگ بلو باتن
    • سرویس ویدئو کنفرانس
اینجا شروع کنید
آخرین اطلاعیه ها
لطفا برای نمایش اطلاعیه ها وارد شوید
0

وبلاگ

خدمات شبکه فراز نتورک > دانلود رایگان > کلاس های آنلاین > بیگ بلو باتن > قابلیت Accessibility یا دسترسی پذیری در BigBlueButton

قابلیت Accessibility یا دسترسی پذیری در BigBlueButton

1401/09/22
ارسال شده توسط مهندس موسی رشوند
بیگ بلو باتن
قابلیت Accessibility یا دسترسی پذیری در BigBlueButton

قابلیت Accessibility یا دسترسی پذیری در BigBlueButton

بررسی اجمالی

بر اساس محدوده پروژه، تمرکز بر ناتوانی های مربوط به اختلالات بینایی، شنوایی و حرکتی قرار گرفته است. ما کلاینت BigBlueButton HTML5 را طوری طراحی کرده‌ایم که بدون در نظر گرفتن هر گونه ناتوانی زمینه‌ای، تا حد امکان برای بسیاری از کاربران قابل دسترسی باشد.

مشتری از دستورالعمل‌های کنتراست رنگ WCAG 2.0 برای همه عناصر بصری، علاوه بر طراحی فراگیر زیبایی‌شناختی، پیروی می‌کند. پشتیبانی از صفحه‌کلید و صفحه‌خوان، به‌ویژه برای صفحه‌خوان متن باز NVDA، بهبود یافته است. JAWS، نرم افزار پیشرو صفحه خوان پولی بازار نیز با مشتری سازگار است.

توجه: چند کنترل جزئی در کلاینت وجود دارد که به طور کامل در دسترس نیستند، برای مثال انتخابگر رنگ در تنظیمات زیرنویس بسته است.

دسترسی

هنگام پرداختن به دسترسی به وب، چند فاکتور کلیدی وجود دارد که باید در حین توسعه به خاطر داشته باشیم

  1. ترتیب برگه
  2. کنتراست رنگ
  3. تمرکز
  4. مفاهیم
  5. آزمایش کردن

ترتیب برگه

هدف هنگام اجرای دستور برگه، اطمینان از منطقی و ساده بودن عناصر موجود در دنباله برگه است.

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

توجه: تعدادی از کاربران از جمله موارد زیر.

  • کسانی که دارای اختلالات بینایی هستند، که به صفحه خوان یا ذره بین صفحه متکی هستند.
  • کسانی که مهارت محدودی دارند و برای استفاده از ماوس به استفاده از صفحه کلید وابسته هستند.
  • کسانی که فقط می توانند از یک سوئیچ برای کنترل کامپیوتر استفاده کنند.

همه با استفاده از دکمه تب در یک صفحه حرکت می کنند.

ترتیب عناصر در DOM مکان آنها را در ترتیب برگه ها برای عناصری که باید فوکوس دریافت کنند تعیین می کند. عناصری که به صورت بومی فوکوس دریافت نمی کنند را می توان با افزودن ویژگی tabindex=”0” در ترتیب برگه ها قرار داد.

احتیاط: هنگام استفاده از ویژگی tabindex، معمولاً باید از مقادیر مثبت اجتناب شود زیرا عناصر را خارج از ترتیب برگه طبیعی قرار می دهد، این می تواند مشکلاتی را برای کاربران صفحه خوان که به پیمایش DOM از طریق یک روش خطی متکی هستند، ایجاد کند.

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

ChromeLens

ارائه شده توسط ngzhian

اسکرین شات ChromeLens یک افزونه مرورگر برای کمک به تست دسترسی به وب سایت

https://chrome.google.com/webstore/detail/chromelens/idikgljglpfilbhaboonnpnnincjhjkd?hl=fa

تمرکز

تعیین می کند که رویدادهای صفحه کلید در هر لحظه در صفحه کجا می روند. به صورت بصری با حلقه ای در اطراف عنصر متمرکز نشان داده می شود و برای کاربران مهم است که تشخیص دهند چه عنصری را در صفحه نمایش انتخاب کرده اند. عناصر تعاملی در رابط کاربری مشتری html5 دارای یک حلقه فوکوس سفارشی هستند که روی آنها اعمال می شود.

تصویری که یک نماد با فوکوس و یک نماد بدون فوکوس را نشان می دهد

HTML5 به طور پیش فرض از outlineویژگی برای نشان دادن بصری تمرکز استفاده می کند. با توجه به محدودیت های آن، طرح کلی روی شفاف تنظیم شده است، بنابراین فقط در تم های پنجره با کنتراست بالا قابل مشاهده است (برای کسانی که دارای اختلالات بینایی مربوط به رنگ هستند).

تصویری که برچسب آریا صوتی پیوستن را روی نماد صوتی پیوستن نشان می‌دهد

برچسب‌های آریا (Aria) هنگام پیمایش با صفحه‌خوان بسیار مهم هستند، این برچسب‌ها به‌طور گسترده در سراسر مشتری برای ارائه اعلان‌های شنیداری برای عناصر انتخاب‌شده استفاده شده‌اند.

ناوبری صفحه کلید

سرویس گیرنده HTML5 چندین بهبود در جهت یابی صفحه کلید پیش فرض ایجاد کرده است. قابل‌ توجه‌ترین افزونه، مدیریت اتاق بریک‌آوت است، که اکنون امکان اختصاص کاربران به اتاق‌های مختلف وجود دارد.

تصویر متحرک نشان دهنده انتساب کاربران به اتاق های مختلف

کلید های میانبر صفحه کلید

تعدادی میانبر صفحه کلید ارائه شده است که با استفاده از accessKeyویژگی HTML5 تنظیم شده است.

ترکیبی عملکرد
Shift + Alt + O گزینه ها را باز کنید
Shift + Alt + U فهرست کاربران را تغییر دهید
Shift + Alt + M نادیده/باصدا کردن
Shift + Alt + J به Audio بپیوندید
Shift + Alt + L صدا را ترک کنید
Shift + Alt + P تغییر حالت چت عمومی (لیست کاربران باید باز باشد)
Shift + Alt + H پنهان کردن چت خصوصی
Shift + Alt + G بستن چت خصوصی
Shift + Alt + R بالا بردن دست را تغییر دهید
Shift + Alt + A منوی اقدامات را باز کنید
Shift + Alt + K پنجره اشکال زدایی را باز کنید
نوار Space فعال کردن ابزار Pan (Presenter)
وارد تغییر حالت تمام صفحه (ارائه کننده)
فلش راست اسلاید بعدی (ارائه کننده)
فلش سمت چپ اسلاید قبلی (ارائه کننده)

توجه: ویژگی accessKey دارای محدودیت‌های خاصی مانند عدم امکان تنظیم کلید اصلاح کننده برای فعال کردن میانبر است.

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

کنتراست رنگ

هنگامی که با تضاد رنگ سروکار داریم، در مورد یافتن رنگ‌هایی برای طرحی صحبت می‌کنیم که نه تنها حداکثر کنتراست را اعمال می‌کند، بلکه کنتراست مناسب بین محتوا و پس‌زمینه آن را برای کسانی که اختلالات بینایی کم، کمبود رنگ یا از دست دادن کنتراست را تجربه می‌کنند، می‌دهد.

مشتری HTML5 تضمین می کند که تمام طرح های بصری حداقل نسبت کنتراست رنگ را برای متن معمولی و همچنین متن بزرگ در پس زمینه، که توسط استانداردهای WCAG 2.0 AA توصیف شده است، برآورده می کنند. کنتراست (حداقل): درک معیار موفقیت 1.4.3.

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

تصویر نشان دهنده ماشین حساب نسبت کنتراست

https://webaim.org/resources/contrastchecker/

رنگ های اجرا شده در حال حاضر

تصویری که رنگ های عنصر اجرا شده فعلی را نشان می دهدتصویری که رنگ‌های تایپوگرافی اجرا شده را نشان می‌دهد

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

توجه: افزونه ChromeLens همچنین امکان مشاهده مرورگر خود را با استفاده از شخصیت‌های مختلف کاربرانی که ممکن است محتوای وب را با اختلالات بینایی مختلف مشاهده کنند، فراهم می‌کند. این به ویژه در هنگام تصمیم گیری در مورد طرح های رنگی مناسب که به بهترین وجه با طیف وسیع تری از کاربران مطابقت دارد، مفید است.

نصب و راه اندازی سرویس BigBlueButton

# قابلیت Accessibility یا دسترسی پذیری در BigBlueButton

# دسترسی پذیری در BigBlueButton

 

قبلی نمای کلی بیگ بلو باتن (BigBlueButton)
بعدی آموزش نصب و راه اندازی وب هوک (webhooks) در BigBlueButton

دیدگاهتان را بنویسید لغو پاسخ

برای نوشتن دیدگاه باید وارد بشوید.

  • آفیس (136)
    • آموزش اکسس (8)
    • آموزش اکسل (26)
    • آموزش پاورپوینت (24)
    • آموزش ورد (24)
    • طراحی و مستندسازی شبکه (Visio) (50)
    • عمومی (4)
  • ایمیل سرور (25)
    • Exchange Server (2)
    • MDaemon (13)
    • کریو کانکت (8)
  • پسیو شبکه (12)
    • دکل های مخابراتی (9)
  • تعمیرات (231)
    • آیفون و دزدگیر اماکن (26)
    • الکترونیک (16)
    • تعمیرات پرینتر (16)
    • تعمیرات تجهیزات میکروتیک (8)
    • تعمیرات لپ تاپ (23)
    • تعمیرات لوازم جانبی کامپیوتر (7)
    • تعمیرات لوازم خانگی (34)
    • تعمیرات مانیتور و تلوزیون (14)
    • تعمیرات منابع تغذیه (پاور) (26)
    • تعمیرات موبایل و تبلت (13)
    • تعمیرات هارد ، فلش و استوریج (22)
    • مادربرد و کارت گرافیک (34)
  • تکنسین شبکه (Help Desk) (2)
  • سانترال (14)
  • سخت افزار (15)
    • پردازنده (1)
    • پرینتر و اسکنر (2)
    • لپ تاپ (4)
    • مادربورد (3)
    • مانیتور (2)
    • مودم و اکسس پوینت (1)
    • وب کم و دوربین دیجیتال (1)
  • سرویس های هاستینگ (230)
    • ClamAV (3)
    • CloudLinux (4)
    • cpanel (27)
    • DirectAdmin (76)
    • Imunify360 (2)
    • Kernelcare (2)
    • Kloxo (1)
    • LightTPD (1)
    • LiteSpeed (5)
    • Outgoing Spam Monitor (osm) (2)
    • Plesk (4)
    • SolusVM (2)
    • Varnish Cache (2)
    • Virtualizor (9)
    • Webmin (1)
    • WHM (1)
    • WHMCS (3)
    • آپاچی (1)
    • دیتا سنتر (59)
    • سرور (17)
    • سرویس های ابری (13)
    • نرم افزارهای ریموت دسکتاپ (5)
  • سیسکو (31)
  • طراحی وب سایت (8)
  • کلاس های آنلاین (227)
    • Cisco Webex (1)
    • Discord (1)
    • Google Meet (1)
    • Iomad (1)
    • Kaltura (1)
    • LiteCart (1)
    • Matrix (2)
    • OpenMeetings (1)
    • Slack (1)
    • ZOOM (1)
    • ادوب کانکت (64)
    • بیگ بلو باتن (50)
    • جیتسی (7)
    • راکت چت (چت سازمانی) (26)
    • رکورد فیلم آموزشی (2)
    • مودل فارسی (62)
  • گرافیک و انیمیشن (7)
  • لینوکس و یونیکس (170)
  • مانیتورینگ (18)
    • solarwinds (17)
  • مایکروسافت (70)
    • MCSE (39)
    • SCCM (3)
    • SCOM (1)
    • SQL Server (1)
    • شیرپوینت (2)
  • مجازی سازی شبکه (16)
    • Veeam (10)
    • VMware Esxi (4)
  • مدیریت و امنیت اطلاعات (7)
  • میکروتیک (113)
  • وب مستر (155)
    • آموزش HTML & CSS (41)
    • آموزش وردپرس (61)
    • ایمیل مارکتینگ (1)
    • بوت استرپ (6)
    • سئو (13)
    • کسب در آمد از اینترنت (12)
    • یوتیوب (18)
  • ویپ (2)
    • ایزابل (2)
  • ویتایگر CRM (36)
    • Odoo / Open ERP (1)
  • ویندوز (11)
    • ویندوز 10 (6)
    • ویندوز 11 (3)
    • ویندوز 7 (2)
هر گونه دخل و تصرف در محتوای آموزشی سایت فراز نتورک منع و پیگرد قانونی دارد، استفاده با ذکر منبع آزاد می باشد