Content bug: <browser compatibility link invalid in Non-English page>

[wssdll]

What page(s) did you find the problem on?

It is a widespread problem over many pages.

There is an example:
https://developer.mozilla.org/zh-CN/docs/Web/API/ResizeObserver#browser_compatibility

Specific page section or heading?

The experimental label, #browser_compatibility link.

What is the problem?

The experimental label, #browser_compatibility archor link cannot be positioned correctly.

I think it’s because of the incorrect ID translated.

What did you expect to see?

There is a correct example:
https://developer.mozilla.org/ja/docs/Web/API/WritableStream#browser_compatibility

Did you test this? If so, how?

Manual test.

[hamishwillee]

@escattone @peterbe This should probably move to yari (but I don't have the magic power).

Essentially the translated string for this (and other) macros uses the same hard coded anchor #browser_compatibility for the browser compatibility section - for Japanese you can see it here: https://github.com/mdn/yari/blob/main/kumascript/macros/SeeCompatTable.ejs#L7

The "easy" fix would be to translate the anchor too, but then of course we have to let the translators know what the standard name for this section should be. Maybe a better approach would be to include the anchor browser_compatibility in the code generated by the macro - presumably then it will use the heading anchor if it exists and go straight to the macro if not. Just a thought.

[peterbe]

The problem is that https://github.com/mdn/translated-content/blob/50513730f1bfcc9ec23f19600f756606c2498d52/files/zh-cn/web/api/resizeobserver/index.html#L66 should be changed to:

<h2 id="browser_compatibility">浏览器兼容性</h2>

but I'm a bit surprised why it didn't do that automatically at build-time.

[peterbe]

Now I understand why it doesn't "force" it to become id="browser_compatibility" in build-time. If the <h2> has an id it takes that.

I was wrong in saying that it should be changed to:

<h2 id="browser_compatibility">浏览器兼容性</h2>

It can remain as:

<h2 id="浏览器兼容性">浏览器兼容性</h2>

But we'll need to change the SeeCompatTable.ejs macro for zh-CN.

[liyuhang1997]

I think we should translate SeeCompatTable.ejs and keep existing page id corresponding to language.