Skip to content

docs:uxw-localization-in-support - #268

Open
tokyojen wants to merge 24 commits into
mainfrom
uxw-localization
Open

docs:uxw-localization-in-support#268
tokyojen wants to merge 24 commits into
mainfrom
uxw-localization

Conversation

@tokyojen

@tokyojen tokyojen commented Jul 21, 2026

Copy link
Copy Markdown
Collaborator

💡 What is the current behavior?

Creating new page for the "Support and resources" section called Localization

GitHub Issue Number: #

🆕 What is the new behavior?

This page has 2 tabs - Overview and Writing

👨‍💻 Help & support

Summary by CodeRabbit

  • Documentation
    • Reorganized UX writing support and resources with curated sidebar navigation and updated page ordering.
    • Added a Localization guideline section covering translation-ready writing, RTL considerations, formatting, pluralization, and reusable placeholders.
    • Updated documentation metadata, related links, and navigation categories.
  • Bug Fixes
    • Improved documentation tab resolution when sidebar context is unavailable.
  • Improvements
    • Refined logo rendering and removed unused homepage scrolling behavior.

@netlify

netlify Bot commented Jul 21, 2026

Copy link
Copy Markdown

Deploy Preview for industrial-experience ready!

Name Link
🔨 Latest commit cb8424a
🔍 Latest deploy log https://app.netlify.com/projects/industrial-experience/deploys/6a7c68f3f4fabd00081c6180
😎 Deploy Preview https://deploy-preview-268--industrial-experience.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai

coderabbitai Bot commented Jul 21, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

  • @coderabbitai resume to resume automatic reviews.
  • @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

  • ▶️ Resume reviews
  • ✅ Review completed - (🔄 Check again to review again)
📝 Walkthrough

Walkthrough

The PR reorders UX writing documentation, adds a Localization category and tabbed pages, introduces localization guidance, updates explicit sidebar configuration and blog tags, adds @babel/runtime, and changes tab resolution to support missing sidebar data and Localization fallbacks.

Changes

UX writing localization documentation

Layer / File(s) Summary
Documentation navigation and page metadata
docs/guidelines/language/support-and-resources/*, docs/guidelines/language/support-and-resources/uxw-localization/*, sidebars.ts
Reorders UX writing pages and defines explicit UX Writing, Localization, and Support and resources navigation entries.
Localization overview guidance
docs/guidelines/language/support-and-resources/uxw-localization/overview.md
Adds localization fundamentals covering language, visuals, formatting, layout, compliance, support, and l10n versus i18n.
Localization-focused UX writing guidance
docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx
Adds guidance for translation-friendly copy, terminology, RTL considerations, layout expansion, grammatical variation, placeholders, writing specifications, and localization frameworks.
Tab resolution and supporting configuration
src/theme/DocItem/Layout/index.tsx, blog/tags.yml, package.json
Adds sidebar-safe tab resolution with a Localization fallback, new blog tags, and the Babel runtime dependency.

Estimated code review effort: 3 (Moderate) | ~25 minutes

Sequence Diagram(s)

sequenceDiagram
  participant Docusaurus
  participant sidebars.ts
  participant DocItemTabItemLayout
  participant DocTabsHeader
  Docusaurus->>sidebars.ts: resolve UX Writing navigation
  sidebars.ts-->>DocItemTabItemLayout: provide sidebar category
  DocItemTabItemLayout->>DocItemTabItemLayout: compute parent ID and tab list
  DocItemTabItemLayout->>DocTabsHeader: pass resolved tabs
Loading
🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name Status Explanation Resolution
Title check ❓ Inconclusive The title is related to the docs change, but it is too vague and non-descriptive to convey the main update. Use a clearer title like: "docs: add Localization support and resources pages".
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch uxw-localization

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 3

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@docs/guidelines/language/support-and-resources/uxw-localization/overview.md`:
- Line 81: Replace the vague “here” link text with descriptive
destination-specific text in both
docs/guidelines/language/support-and-resources/uxw-localization/overview.md
(lines 81-81), using wording such as “IX brand theme repository,” and
docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx
(lines 433-433), using wording such as “Element design system language packs.”
Keep the existing URLs unchanged.

In `@docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx`:
- Line 142: Correct the language name in the translation-testing guideline from
“Finish” to “Finnish,” leaving the rest of the sentence unchanged.
- Line 165: Update the sentence in the localization writing guidelines to
replace the ungrammatical “decrease than the original” phrasing with “are
shorter than the original,” preserving the existing meaning and surrounding
guidance.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 46534bea-814e-456c-94a4-cc56733da403

📥 Commits

Reviewing files that changed from the base of the PR and between 08f1bac and 6fa9928.

📒 Files selected for processing (8)
  • docs/guidelines/language/support-and-resources/AI-and-UX-writing.md
  • docs/guidelines/language/support-and-resources/UX-writing-principles.md
  • docs/guidelines/language/support-and-resources/UX-writing-resources.md
  • docs/guidelines/language/support-and-resources/ux-writer-role.md
  • docs/guidelines/language/support-and-resources/uxw-localization/_category_.json
  • docs/guidelines/language/support-and-resources/uxw-localization/index.mdx
  • docs/guidelines/language/support-and-resources/uxw-localization/overview.md
  • docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx

Comment thread docs/guidelines/language/support-and-resources/uxw-localization/overview.md Outdated
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request reorganizes the sidebar positions of several UX writing guidelines and introduces a new "Localization" section, which includes an overview page and detailed writing guidelines. The reviewer's feedback primarily addresses adherence to the repository's style guide, specifically requesting the removal of Oxford commas across multiple files, ensuring sentence case is used in headings, and correcting a typo ("Finish" to "Finnish").

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

Comment thread docs/guidelines/language/support-and-resources/uxw-localization/overview.md Outdated
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 3

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (4)
docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx (4)

239-261: 🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

Use the language name in the Chinese example.

希腊 is the country name; the language name is 希腊语. The current example contradicts the rule immediately above. (dict.revised.moe.edu.tw)

-		<li>希腊</li>
+		<li>希腊语</li>
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx`
around lines 239 - 261, Update the Chinese-language example in the “Provide
user-friendly language selection” donts list to use the correct language name
“希腊语” instead of the country name “希腊”, while leaving the surrounding examples
unchanged.

62-80: 🩺 Stability & Availability | 🟠 Major | ⚡ Quick win

Use Docusaurus admonition syntax
Both callouts use !!! info, which this Docusaurus setup doesn’t support. Replace them with :::info[...] ... ::: so the blocks render correctly.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx`
around lines 62 - 80, Replace the unsupported `!!! info "Meaning of the term
title"` admonition in the terminology guidance section with Docusaurus
`:::info[Meaning of the term title]` syntax, closing the block with `:::` while
preserving its existing content.

218-237: 🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

Mark the plural examples as illustrative, not complete rules

Several rows compress CLDR into suffix heuristics and omit other and fraction cases. Label them as examples or replace them with full CLDR categories so readers don’t treat them as implementation rules.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx`
around lines 218 - 237, Update the plural-forms table under “Consider different
linguistic rules” to clearly label its language-specific entries as illustrative
examples rather than complete implementation rules. Preserve the existing
examples, but add a concise qualification that they simplify CLDR behavior and
may omit categories such as “other” and fraction handling.

199-213: 🩺 Stability & Availability | 🟠 Major | ⚡ Quick win

Escape the literal placeholder braces in these MDX examples
The placeholder examples in the JSX and prose sections are parsed as MDX expressions; escape them as literal text (for example {'{count}'}) so the page renders correctly.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx`
around lines 199 - 213, Escape the literal placeholder braces in the
pluralization examples within “Use localization to handle pluralization,”
including {count} and {rowName} in JSX list items and the conditional code
example, using MDX-safe literal text so the documentation renders without
evaluating them as expressions.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@docs/guidelines/language/support-and-resources/uxw-localization/overview.md`:
- Around line 40-42: Update the locale-selection guidance near the
SiLocaleService reference to explicitly state that users can select and persist
their locale, correcting the sentence’s grammar while preserving its intended
behavior and example.

In `@docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx`:
- Around line 324-327: Remove the duplicated “translation” in the “Provide UX
writing specifications” section so the sentence refers to “translation
libraries” once, preserving the rest of the guidance and links unchanged.
- Around line 199-201: Update the “Use localization to handle pluralization”
guidance to clarify that application code should pass the relevant count into
localization, while language-specific plural rules must not be hard-coded in
product logic or writing style. Replace the absolute claim that product code
cannot handle pluralization without changing the intended localization-based
behavior.

---

Outside diff comments:
In `@docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx`:
- Around line 239-261: Update the Chinese-language example in the “Provide
user-friendly language selection” donts list to use the correct language name
“希腊语” instead of the country name “希腊”, while leaving the surrounding examples
unchanged.
- Around line 62-80: Replace the unsupported `!!! info "Meaning of the term
title"` admonition in the terminology guidance section with Docusaurus
`:::info[Meaning of the term title]` syntax, closing the block with `:::` while
preserving its existing content.
- Around line 218-237: Update the plural-forms table under “Consider different
linguistic rules” to clearly label its language-specific entries as illustrative
examples rather than complete implementation rules. Preserve the existing
examples, but add a concise qualification that they simplify CLDR behavior and
may omit categories such as “other” and fraction handling.
- Around line 199-213: Escape the literal placeholder braces in the
pluralization examples within “Use localization to handle pluralization,”
including {count} and {rowName} in JSX list items and the conditional code
example, using MDX-safe literal text so the documentation renders without
evaluating them as expressions.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 93c15383-6447-442b-93e8-f59e61037d07

📥 Commits

Reviewing files that changed from the base of the PR and between db43fb5 and cd16219.

📒 Files selected for processing (2)
  • docs/guidelines/language/support-and-resources/uxw-localization/overview.md
  • docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx

Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/theme/DocItem/Layout/index.tsx`:
- Around line 153-166: Update the first entry in the localizationTabs array to
use the label “Overview” instead of “Localization”; leave the second “Writing”
tab unchanged.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: a9f86052-23d5-490f-bb5c-181c10fff2e6

📥 Commits

Reviewing files that changed from the base of the PR and between cd16219 and 4dd4f71.

⛔ Files ignored due to path filters (1)
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (6)
  • blog/tags.yml
  • docs/guidelines/language/support-and-resources/uxw-localization/overview.md
  • docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx
  • package.json
  • sidebars.ts
  • src/theme/DocItem/Layout/index.tsx
🚧 Files skipped from review as they are similar to previous changes (2)
  • docs/guidelines/language/support-and-resources/uxw-localization/overview.md
  • docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx

Comment thread src/theme/DocItem/Layout/index.tsx Outdated
coderabbitai[bot]

This comment was marked as off-topic.

@tokyojen tokyojen left a comment

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All reviews were done regarding content by Kathrin and the UX writing team inside element markdown (code.siemens). The changes in formatting have been done and it is now ix design formatted. Ready to be merged and deployed.

@tokyojen tokyojen assigned tokyojen and danielleroux and unassigned tokyojen Jul 22, 2026
@tokyojen
tokyojen requested a review from Susanne254 August 5, 2026 11:43

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/theme/Logo/index.tsx`:
- Around line 34-39: Move the accessible label from the wrapper div to the
surrounding Link, using alt or title only when navbarTitle is absent or empty so
the link retains its existing title-based name otherwise; remove aria-label from
the div and preserve the logo rendering and sizing.
🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: bae472d0-0c10-4e1a-b5b3-fe0ecf1c0762

📥 Commits

Reviewing files that changed from the base of the PR and between 4dd4f71 and 0d0bd6a.

📒 Files selected for processing (7)
  • docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx
  • sidebars.ts
  • src/components/BorderTable/index.tsx
  • src/components/ColorTable/index.tsx
  • src/pages/index.tsx
  • src/theme/DocItem/Layout/index.tsx
  • src/theme/Logo/index.tsx
💤 Files with no reviewable changes (3)
  • src/components/ColorTable/index.tsx
  • src/components/BorderTable/index.tsx
  • src/pages/index.tsx
🚧 Files skipped from review as they are similar to previous changes (1)
  • sidebars.ts

Comment thread src/theme/Logo/index.tsx Outdated

@kathrinschalber kathrinschalber left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A few suggestions. Feel free to just resolve them if not applicable :)

Comment thread docs/guidelines/language/support-and-resources/uxw-localization/index.mdx Outdated
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated
Co-authored-by: Kathrin <123640803+kathrinschalber@users.noreply.github.com>
@tokyojen
tokyojen requested review from a team as code owners August 12, 2026 06:15
tokyojen and others added 2 commits August 12, 2026 08:17
Co-authored-by: Kathrin <123640803+kathrinschalber@users.noreply.github.com>
Co-authored-by: Kathrin <123640803+kathrinschalber@users.noreply.github.com>
Comment thread docs/guidelines/language/support-and-resources/uxw-localization/writing.mdx Outdated

@tokyojen tokyojen left a comment

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I reverted the code files I accidentally changed. There are still 2 changes in index.tsx and sidebars.ts so please do a final check on these to make sure the current change is correct

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants