Validator CheckでSVGがErrorでした

W3C ValidationチェッカーでSVGがErrorと判定されました。


原因はSVG内のオブジェクトIDの記述。
SVGはXML名前空間なので、id はXMLの命名規則に従う必要があるらしい。本件では先頭がアンダースコアの後にマルチバイト文字(日本語)が続く形が不正と判定されました。Illustratorが日本語レイヤー名(「レイヤー 2」「デザイン」)をエスケープしてそのまま id にしたためです。

対応としては、SVGファイルを開いてidを書き換えても良いですが、そもそもIllustratorからの書き出し設定を変更しておけばこうはならない。
SVG書き出しオプションで、オブジェクトIDを「最小」としておけばidは、a, b, c のようになり今回の問題は発生しなくなる。