ページの特定箇所が翻訳されない
このページでは、「特定の箇所だけ翻訳されない」場合のよくある原因と対応方法を紹介します。
#1,翻訳されない箇所が「DOMテキスト」ではない(画像・SVG・canvas・擬似要素など)
Autolingualは、基本的にHTML上のテキスト(DOMテキスト)を対象に翻訳を行います。
そのため、見た目は文字に見えていても、実際には以下のような形式で表示されている場合、翻訳が反映されないことがあります。
- 画像として文字が埋め込まれている(バナー画像など)
- SVGで文字を描画している
- canvasで文字を描画している
- CSSの擬似要素の
contentに文字を入れている
#対応方法
- 該当箇所をHTMLのテキストとして表示するように修正してください。
- 画像の場合は、画像置換機能で差し替えて対応できる場合があります。
画像置き換え方法につきましては、下記ページもご参照ください。
【プロジェクト画面】2-3-2.ライブモード(ライブプレビュー/ライブ編集機能)
上記をご確認いただいても解消しない場合は、運営までお問い合わせください。
#2,対象サイトの実装や設計により、一部分の翻訳ができない場合がある
対象サイトの実装や設計によっては、一部分の翻訳がうまくできない可能性があります。
-
テキストであってもAutolingual翻訳の対象外となるケース
- iframe
- Shadow DOM
- その他セキュリティ要件
まずは、該当箇所が上記に該当していないかをご確認ください。
以下ドキュメントに記載のAutolingualサポート範囲をご確認ください。
上記をご確認いただいても解消しない場合は、運営までお問い合わせください。