🔵 عنوان مقاله
How to test the new ARIA Notify API with Cypress
🟢 خلاصه مقاله:
ARIA Notify API راهی استاندارد برای اعلام پیام‌های مهم به فناوری‌های کمکی فراهم می‌کند و وابستگی به الگوهای شکننده مثل aria-live را کاهش می‌دهد. برای اطمینان از دسترس‌پذیری، می‌توان با رویکرد ارتقای تدریجی ابتدا از این API استفاده کرد و در نبود آن به fallback مبتنی بر aria-live برگشت. در Cypress بهترین کار این است که فراخوانی‌های مربوط به اعلان را در یک تابع کمکی کپسوله کرده و در تست‌ها آن را stub/spy کنید؛ سپس با ایجاد کنش کاربریِ محرکِ اعلان، روی پیام و متادیتاهای مورد انتظار assertion بگیرید و سناریوی fallback را هم بررسی کنید. Mark Noonan همین الگو را نشان می‌دهد: تشخیص قابلیت، stub کردن، assertion دقیق روی پیام‌ها، و پرهیز از اتکا به خروجی صفحه‌خوان، در کنار تست‌های ناوبری با صفحه‌کلید و اجرای کراس‌براوزر در CI.
#Accessibility #ARIA #Cypress #WebTesting #A11y #AssistiveTechnology #FrontEnd #WebDevelopment
🟣لینک مقاله:
https://cur.at/jZIFr5U?m=web
➖➖➖➖➖➖➖➖
👑 @software_Labdon
How to test the new ARIA Notify API with Cypress
🟢 خلاصه مقاله:
ARIA Notify API راهی استاندارد برای اعلام پیام‌های مهم به فناوری‌های کمکی فراهم می‌کند و وابستگی به الگوهای شکننده مثل aria-live را کاهش می‌دهد. برای اطمینان از دسترس‌پذیری، می‌توان با رویکرد ارتقای تدریجی ابتدا از این API استفاده کرد و در نبود آن به fallback مبتنی بر aria-live برگشت. در Cypress بهترین کار این است که فراخوانی‌های مربوط به اعلان را در یک تابع کمکی کپسوله کرده و در تست‌ها آن را stub/spy کنید؛ سپس با ایجاد کنش کاربریِ محرکِ اعلان، روی پیام و متادیتاهای مورد انتظار assertion بگیرید و سناریوی fallback را هم بررسی کنید. Mark Noonan همین الگو را نشان می‌دهد: تشخیص قابلیت، stub کردن، assertion دقیق روی پیام‌ها، و پرهیز از اتکا به خروجی صفحه‌خوان، در کنار تست‌های ناوبری با صفحه‌کلید و اجرای کراس‌براوزر در CI.
#Accessibility #ARIA #Cypress #WebTesting #A11y #AssistiveTechnology #FrontEnd #WebDevelopment
🟣لینک مقاله:
https://cur.at/jZIFr5U?m=web
➖➖➖➖➖➖➖➖
👑 @software_Labdon
www.cypress.io
How to test the new ARIA Notify API with Cypress
The ARIA Notify API is a new way to communicate live page updates to assistive technology like screen readers. This helps make interactive web applications more accessible and solves some problems with current workarounds. It currently has experimental status…
👍1