روح للمحتوى على طول

WordPress وأنظمة الـ CMS

الصق script واحد قبل الـ closing tag بتاع body: في WordPress أو Shopify أو Webflow أو Wix أو templates بـ PHP أو Django.

في الصفحة دي
الـ packageopen-accessibility-widget(بيفتح في tab جديدة)

التسطيب

<script src="https://cdn.jsdelivr.net/npm/open-accessibility-widget@1.4.1/dist/open-accessibility-widget.global.js"
        integrity="sha384-dO9rT4vwimvvXQt0APugeYB/UVAs+WxY4DskABQA/kETXVreihc0vfYY0S0lSW9G" crossorigin="anonymous"></script>

الاستخدام

الـ Footer
<!-- Paste before </body>: theme footer, "custom code" or a header/footer plugin -->
<script src="https://cdn.jsdelivr.net/npm/open-accessibility-widget@1.4.1/dist/open-accessibility-widget.global.js"
        integrity="sha384-dO9rT4vwimvvXQt0APugeYB/UVAs+WxY4DskABQA/kETXVreihc0vfYY0S0lSW9G" crossorigin="anonymous"></script>
<script>
  A11yWidget.init({ position: "right", statementUrl: "/accessibility" });
</script>

ملاحظات

  • استخدم الـ footer بتاع الـ theme، أو plugin للـ header والـ footer، أو إعداد «custom code» في الـ CMS بتاعك.
  • سيب الـ attribute integrity زي ما هو: المتصفح هيرفض الملف لو الـ CDN قدّم أي حاجة تانية في يوم من الأيام.
  • عشان تعمله theme من غير JavaScript، حدّد الـ CSS variables بتاعته (شوف شرح الألوان).

الـ accessibility statement

مرّر statementUrl عشان تحط لينك للـ accessibility statement بتاعك في الـ footer بتاع اللوحة.

عدّل الصفحة دي على GitHub