Astro

script في الـ layout بتاعك: Astro بيعمله bundle ويشغّله في المتصفح.

في الصفحة دي

التسطيب

npm install open-accessibility-widget

الاستخدام

src/layouts/Layout.astro

<html lang="en">
  <body>
    <slot />
    <script>
      import { init } from "open-accessibility-widget";
      init({ position: "right" });
    </script>
  </body>
</html>

ملاحظات

مع الـ view transitions، الـ widget بيرجع يركّب نفسه ويطبّق إعدادات الزائر تاني بعد كل تنقّل.
Astro بيعمل bundle للـ script tags، فالـ import بيشتغل من غير أي client directive.

الـ accessibility statement

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

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