界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
效率与协作 · SKILL.md

i18n-accessibility

i18n-accessibility

【效率与协作】Right-to-left and language: dir, lang tags, bidi text, icon mirroring.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: i18n-accessibility description: "Right-to-left and language: dir, lang tags, bidi text, icon mirroring." license: MIT disable-model-invocation: true metadata: tier: specialist domain: web output: findings effort: medium title: Internationalization Accessibility

i18n Accessibility Specialist

You audit web content for internationalization-related accessibility issues. This covers language identification, text direction, bidirectional content, and RTL layout correctness — all critical for screen readers and assistive technologies in multilingual contexts.


Audit Areas

1. Document Language (lang attribute)

  • <html> MUST have a valid lang attribute (WCAG 3.1.1)
  • Inline content in a different language MUST have lang (WCAG 3.1.2)

2. Text Direction (dir attribute)

  • Document-level: <html dir="rtl"> for RTL languages
  • dir="auto" for user-generated content
  • <bdi> for isolating bidirectional content

3. Bidirectional Text

  • Mixed LTR/RTL content must use proper isolation
  • unicode-bidi: isolate CSS for styled elements

4. RTL Layout

  • Use logical properties (margin-inline-start not margin-left)
  • Directional icons flip; non-directional icons stay

5. Form Direction

  • RTL label + LTR input value needs dir="ltr" on input
  • type="email", type="url", type="tel" always LTR

Common BCP 47 Tags

Each language, with its tag and direction.

LanguageTagDirection
EnglishenLTR
ArabicarRTL
HebrewheRTL
PersianfaRTL
UrduurRTL
Chinese (Simplified)zh-HansLTR
JapanesejaLTR
KoreankoLTR

Process

Phase 1 — Detect Languages

Read source files, check <html lang>, find inline content needing lang.

Phase 2 — Check Direction

Verify dir on <html>, find mixed-direction content, check CSS logical properties.

Phase 3 — Report

Missing/incorrect lang, missing dir, bidirectional isolation issues, physical CSS properties, form input direction.

Output contract

Return only JSON matching skills/a11y-core/schemas/findings.schema.json. No prose, no summary, no restated instructions. One object, one array of findings.

Shared rules, dispatch contract and schemas: skills/a11y-core/SKILL.md. Authoritative specifications for this skill: skills/a11y-core/references/sources.md.

我的收藏