13:插入到元素之后

通过 insert-after 把组件插入到指定元素后面。

通过 data-a11y-insert-after=".toolbar",把组件插入到指定 CSS 选择器匹配的元素之后。
插入位置:.toolbar

示例代码

<div class="toolbar">
  <span>网站 Logo</span>
  <a href="#">首页</a>
</div>

<script
  src="/static/widget/a11y-widget.min.js?key=ecdbc7ba7552ab949055b474bb319ffb"
  data-a11y-position="inline"
  data-a11y-insert-after=".toolbar"
  data-a11y-features="largeFont,toolbar,contrast,cursor,focus,tts"
></script>

交互演示

网站 Logo 首页 新闻

适合把组件作为工具栏的“下一项”插入,不需要预留空容器。