当需要动态生成配置(例如由后端模板注入)时,可以先定义 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'),请点击右下角按钮查看效果。