设计1 分钟

RTL 从文档开始,并延伸到每个组件

阿拉伯语会改变首屏方向、间距逻辑与混排方式。把完成的 LTR 页面整体翻转并不够。

页面渲染前,路由语言会传入根 layout。阿拉伯语在 html 上设置 lang 和 dir=rtl,zh-cn 则按 BCP 47 输出为 zh-CN。浏览器从首屏开始就采用正确阅读方向,无需等待客户端晚些时候切换样式。

文档方向只是第一层。组件使用逻辑方向的 start 与 end 间距,方向性图标有明确的 RTL 处理,标题字距会为连写的阿拉伯文字取消。文章正文还用 bdi 隔离拉丁字母和数字片段,使 HMAC-SHA256 在阿拉伯语句子中保持顺序。

这些规则能减少一类已知错误,但不能代替母语编辑和逐屏测试。阿拉伯语界面仍需检查行长、控件顺序、焦点移动和混排内容。RTL 是贯穿 markup、CSS、组件与编辑 QA 的系统属性。

相关洞察

RTL 从文档开始,并延伸到每个组件 | Wize Digital