示例 05:全局配置

当需要动态生成配置(例如由后端模板注入)时,可以先定义 window.A11yWidgetConfig,再引入脚本。

<script>
  window.A11yWidgetConfig = {
    lang: 'zh-CN',
    position: 'bottom-right',
    features: 'largeFont,toolbar,contrast,cursor,focus,tts',
    theme: 'dark',
    zIndex: 10001,
    persist: true,
    siteKey: 'demo-site'
  };
</script>
<script src="/static/widget/a11y-widget.min.js?key=ecdbc7ba7552ab949055b474bb319ffb"></script>

本示例启用了深色主题(theme: 'dark'),请点击右下角按钮查看效果。