إذا كنت مطور وتريد تنفيذ الدوال في موقعك, فمرر إشعارات بهذه الدالة مع هذه الأمثلة.
document.ariaNotify("This is a test");
استبدل النص بالإشعار الذي تريد تمريره.
يمكنك أيضًا استدعائها على عنصر محدد كما في هذا المثال الذي يربط الإشعار بمحرر نصوص في الموقع:
document.querySelector("#text-editor").ariaNotify("Test");
ويمكنك تحديد أولوية الإشعارات كما يلي:
document.ariaNotify("Background task completed", { priority: "normal" });
هنا الأولوية هي الافتراضية.
أما في هذا المثال, فستكون الأولوية مرتفعة.
document.ariaNotify("Unable to save changes, connection lost", { priority: "high" });
يسبق الإشعار الثاني في أولوية النطق.
يتم تحديد لغة الإشعار بحسب لغة الصفحة أو أقرب لغة تم استخدامها في موقعك.
أما لاستخدام Origin Trial لتسجيل موقعك حتى يتاح له اختبار الميزة, فانتقل إلى الصفحة التي ستجد رابطها في نهاية الشرح.
سجل الدخول باستخدام GitHhub, ثم أضف عنوان موقعك.
ستحصل على رمز خاص مع طريقتين لاستخدامه.
إما <meta> tag تقوم بإضافتها في head صفحة معينة أو جميع صفحات موقعك.
أو استخدام HTTP Header عن طريق تعديل Server response وتختلف الطريقة بحسب برامج التحكم على خادمك.
تنتهي التجربة في 14 أكتوبر 2025.
تشير بعض المصادر إلى توفر الميزة وتفعيلها بشكل افتراضي بدءًا من Chrome 140.
انضم مطور Playroom إلى التجربة, وبالتالي, يمكنكم اختبار الميزة بعد تفعيلها من المتصفح على إصدار الويب من منصة Playroom.
ملاحظات:
هذه الميزة في مرحلة غير مكتملة, لكنها ستجعل نطق الإشعارات والأحداث في الويب أكثر كفاءة مع قارئات الشاشة.
على الرغم من قدرة الميزة على ترتيب تمرير الإشعارات, إلا أن أولوية النطق تعود لقارئات الشاشة, وبالتالي, يجب على بعض قارئات الشاشة إجراء بعض التحديثات للتوافق مع هذه الميزة.
نذكركم بالمقال المفصل من كتابة الأستاذ محمود عاطف من فريق نافذة التقنية, والذي يشرح الكثير من التفاصيل لجعل موقعك أكثر توافقية مع معايير إمكانية الوصول.
عالم الويب وإمكانية الوصول (Accessibility)
https://blog.tecwindow.net/707/web_accessibility
صفحة التسجيل:
https://developer.microsoft.com/microsoft-edge/origin-trials/trials/a05622fb-4cd9-42f4-ac8d-1a2f62de139b
إعلان مايكروسوفت:
https://blogs.windows.com/msedgedev/2025/05/05/creating-a-more-accessible-web-with-aria-notify
تفاصيل برمجية عن الميزة:
https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/Accessibility/AriaNotify/explainer.md
تابعوا نافذة التقنية على WhatsApp:
https://www.whatsapp.com/channel/0029Va0tWYNICVfmctXiCt3V
على Telegram:
https://t.me/TecWindow
#أخبار #شروحات #برمجة #Google #Chrome #Microsoft #Edge