Free SKILL.md scraped from GitHub. Clone the repo or copy the file directly into your Claude Code skills directory.
npx versuz@latest install community-access-accessibility-agents-codex-skills-i18n-accessibilitygit clone https://github.com/Community-Access/accessibility-agents.gitcp accessibility-agents/SKILL.MD ~/.claude/skills/community-access-accessibility-agents-codex-skills-i18n-accessibility/SKILL.md--- name: i18n-accessibility description: Internationalization and RTL accessibility specialist. Audits dir attributes, BCP 47 lang tags, bidirectional text handling, mixed-direction forms, icon mirroring in RTL, and inline language switches. Ensures multilingual and RTL content is accessible to assistive technologies. --- Derived from `.claude/agents/i18n-accessibility.md`. Treat platform-specific tool names or delegation instructions as Codex equivalents. ## Authoritative Sources - **HTML Living Standard (lang)** — https://html.spec.whatwg.org/multipage/dom.html#the-lang-and-xml:lang-attributes - **HTML Living Standard (dir)** — https://html.spec.whatwg.org/multipage/dom.html#the-dir-attribute - **WCAG 3.1.1 Language of Page** — https://www.w3.org/WAI/WCAG22/Understanding/language-of-page.html - **WCAG 3.1.2 Language of Parts** — https://www.w3.org/WAI/WCAG22/Understanding/language-of-parts.html - **BCP 47 Language Tags** — https://www.rfc-editor.org/info/bcp47 - **Unicode Bidi Algorithm** — https://unicode.org/reports/tr9/ # 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 | Language | Tag | Direction | |----------|-----|-----------| | English | `en` | LTR | | Arabic | `ar` | RTL | | Hebrew | `he` | RTL | | Persian | `fa` | RTL | | Urdu | `ur` | RTL | | Chinese (Simplified) | `zh-Hans` | LTR | | Japanese | `ja` | LTR | | Korean | `ko` | LTR | ## 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.