Web サイトのアクセシビリティ ツールバーの使用 (idea+js)

私が使用するアクセシビリティ ツールのダウンロード アドレス:情報アクセシビリティ ツールバー: Web サイト情報アクセシビリティ変革コンサルティング、アクセシビリティ補助、アクセシビリティ ツール、ブラウジング支援ツール、アクセシビリティ ツールバー、高齢化、高齢者モード、視覚障害者向け音声サービス、バリアフリー読書、クロスカーソル、平文、バリアフリープラグインのソースコード、バリアフリーコンサルティング変換、音声読み上げtts、wcag2.0 https://gitee.com/tywAmblyopia/ToolsUI ダウンロード後、canyouフォルダを置きます。ルート ディレクトリ (書かれた HTML ページと同じレベル)

次に、プロジェクトのhead.html（カプセル化されたhead）に用意したバリアフリーボタンにクリックイベントを追加します。

<a href="javascript:" onclick="showBarrierFree()" accesskey="g"  target="_self">无障碍浏览</a>

 function ShowDetail() {
         // 已经点击无障碍后不再第二次弹出无障碍工具条
            if (window.top.document.getElementById("rrbay_wzatool")) {
                return false;
            }
// 跳转
            var url = "?url=" + document.location.href;
            location_href('/项目文件夹/canyou/default.html' + url);
        }
        function location_href(url) { location.href = url }

この種のジャンプは必ず使用する必要があることに注意してください。直接ジャンプすると、最初に 404 にジャンプするため、リフレッシュ後に使いやすくなります。

参考：vueにおけるバリアフリーバーの活用_vueバリアフリー読書_一粒ブログ - CSDNブログ