网站服务

阿联酋网站无障碍:面向迪拜企业的 WCAG 2.2 实用指南

阿联酋《国家数字无障碍政策》有哪些要求,WCAG 2.2 AA 级标准在实践中意味着什么,以及如何测试和修复一个中英双语的企业网站。

Yellow tactile paving tiles running along a railway platform edge beside a white train

迪拜网站无障碍,阿联酋的网站无障碍,指的是把网站建设成让残障人士(阿联酋称之为“坚定者”)以及年长用户都能感知、操作和理解的网站。公认的评判基准是 W3C 的《网页内容无障碍指南》。阿联酋《国家数字无障碍政策》要求联邦政府服务达到 WCAG 2.1 AA 级标准,并要求私营部门机构加以考虑。对迪拜企业而言,实际可行的做法是以 WCAG 2.2 AA 级为目标:它涵盖了 2.1 版的全部标准,并新增了九项。

本文说明该政策的具体内容、AA 级标准对一个中英双语的普通企业网站意味着什么、首先应进行哪些检查,以及如何发布一份诚实的无障碍声明。内容基于我们在2026年9月查阅的文件。

本文是对已公布标准和政府政策的实用解读,并非法律意见。如果您的企业受某个行业监管机构发证监管,例如卫生、教育或金融监管机构,请向该监管机构或律师确认是否有额外的无障碍规定适用于您。

要点摘要

  • 该国家政策于2024年3月发布,并指定 TDRA 为主管机关。
  • 其技术附件为公共服务网站设定了 WCAG 2.1 AA 级标准;u.ae 平台则表示其最低目标是 WCAG 2.1 和 2.2 AA 级。
  • WCAG 2.2 设有三个等级,合规性以整个页面为单位评判,而非页面的某个部分。
  • 阿拉伯语页面在标记中既需要语言声明,也需要从右至左的方向声明。
  • 自动化工具有帮助,但 W3C 指出,确认无障碍仍需要人工判断。

迪拜网站无障碍:截至2026年9月,阿联酋政策对数字无障碍的规定

根据 TDRA 的公告,这份日期为2024年3月的《国家数字无障碍政策》是在 TDRA 的职责范围内制定,并经内阁通过的。其既定目标是为“坚定者”和高级公民(该政策将其定义为六十岁及以上人群)营造一个无障碍的数字环境。

适用对象

  • 直接适用:联邦各部委、机构和公共机构,以及为其开发网站、应用程序和数字服务的顾问、承包商和服务提供商。
  • 鼓励适用:地方政府机构、半官方机构和私营部门机构,政策要求它们参考该文件并尽力遵循。
  • 通过监管机构适用:负责监管某一行业的联邦机构,须与其发证监管的私营企业沟通,核查其对该政策的遵循情况。

该政策的目标部分还提到了提供公共服务的私营部门,并以卫生、教育和电子商务为例。如果您的公司向政府销售产品或服务、为某个联邦客户运营门户网站,或从事受监管的行业,那么即便该政策并非面向所有网站的普遍法律,无障碍要求仍可能出现在合同或发证条件之中。

对网站的具体要求

该政策附件一规定,公共服务网站必须符合 WCAG 2.1 AA 级标准,并遵循 W3C 的最佳实践。随后还列出了对政府网站的更多期望,包括文本朗读功能、手语支持、可调节字号、完整的键盘导航、图片文字替代说明、无障碍表单、清晰的提示信息以及易于理解的内容。该附件面向的是政府机构,但它也很好地反映了阿联酋用户日后可能提出的期望。

迪拜网站无障碍:用通俗语言理解 WCAG 2.2

WCAG 依据四项原则组织:内容必须可感知、可操作、可理解,并且要建设得足够可靠,能与浏览器和辅助技术良好配合。在这四项原则之下,是分为 A、AA、AAA 三个等级的可测试成功标准,AA 级包含 A 级的全部内容。W3C 于2023年10月首次将 WCAG 2.2 发布为正式建议标准,目前该标准的版本日期为2024年12月12日。

根据 W3C 对此次变化的说明,WCAG 2.2 保留了 2.1 版的全部标准,移除了“4.1.1 解析”一项,并新增了九项标准。其中六项新标准属于 A 或 AA 级,这也是为什么一个几年前符合 2.1 AA 级的网站,如今可能已不再符合 2.2 AA 级的原因。我们的UI UX 设计页面说明了这些较新标准如何影响应用程序和门户网站的界面设计。

合规认定是针对完整页面的,页面头部符合标准,不代表整个页面就是无障碍的。

这条规则对加载第三方组件的网站尤为重要。一个预订插件、聊天气泡或支付框架如果不符合标准,可能导致整个页面无法合规,因此在测试时应把嵌入式工具也纳入范围,并在与相关供应商的沟通中提出这一点。

迪拜网站无障碍:企业网站首先应进行的检查

以下标准均为 A 级或 AA 级,在一个普通的服务型或电商类网站上,无需专业设备即可完成检查。

标准等级如何检查应留意的失败情况
1.1.1 非文本内容A检查图片、图标和按钮是否具有能起到同等作用的文字替代说明产品照片以文件名作为替代文字;仅有图标而无可访问名称的按钮
1.2.2 字幕(预先录制)A播放每一个带音频的视频有语音但没有字幕的宣传视频
1.3.1 信息与关系A检查标题、列表、表格和表单分组是否以相应的结构标记呈现用加粗文字代替真正的标题;用于排版的表格
1.4.3 对比度(最低要求)AA测量文字与背景的对比度,普通文字需达到 4.5:1,大字号文字需达到 3:1浅灰色正文文字,照片上叠加的白色文字
1.4.10 自适应重排AA在相当于 320 CSS 像素宽度下查看页面强制横向滚动的表格或菜单
1.4.11 非文本对比度AA检查输入框、按钮和焦点提示的边框是否达到 3:1在白色背景上几乎看不见的浅色输入框边框
2.1.1 键盘操作A在整个页面上仅使用 Tab、Shift、回车、空格和方向键操作无法通过键盘到达或关闭的菜单、滑块或弹窗
2.4.7 焦点可见AA按 Tab 键切换时观察是否有可见的焦点轮廓主题样式表中被移除的焦点轮廓
3.3.1 与 3.3.2 错误提示、标签A分别在空表单和含有错误的表单上提交用占位文字代替标签;仅用红色边框显示错误
4.1.2 名称、角色、值A使用屏幕阅读器或浏览器无障碍面板检查自定义控件自定义下拉菜单和开关被朗读为普通文字

先从流量最大、价值最高的模板入手:首页、服务或产品页面、联系或结算流程,以及一篇博客文章。修复一个模板,就能修复由它生成的所有页面。

迪拜网站无障碍:阿拉伯语与双语页面

双语网站会带来一些纯英文检查清单无法发现的无障碍问题。WCAG 中有两项 A 级标准直接涉及语言。标准 3.1.1 要求每个页面的默认语言能够被程序识别,对阿拉伯语页面而言,就是在 html 元素上设置 lang=”ar”。标准 3.1.2 则要求标注段落中使用了不同语言的部分,例如阿拉伯文中夹杂的一个英文产品名称,以便屏幕阅读器切换发音方式。

方向是一项独立的声明。W3C 的国际化指南指出,阿拉伯语文档应在 html 元素上设置 dir=”rtl”,并提醒语言声明并不会设置方向,反之亦然。在标记中设置方向,而不是仅在 CSS 中设置,能够让辅助技术保持正确的阅读顺序。

  • 每个阿拉伯语页面都声明 lang=”ar” 和 dir=”rtl”,每个英语页面都声明 lang=”en”。
  • 阿拉伯文文本中出现的英文短语、电子邮件地址和型号,均标注其所属语言。
  • 图片的替代文字以页面所用的语言撰写,而不是直接复制英文版本。
  • 语言切换器在两种语言下都有可被朗读的名称,而不仅仅是一面旗帜或“ع”字样。
  • 放大文字时阿拉伯字体仍保持清晰可辨,行高不会截断变音符号。
  • 如果一段视频同时发布了两种语言版本,两者都应配有字幕和文字稿。

要让双语文案对所有用户,包括认知障碍人士,都清晰易懂,我们的UX 文案服务专注于标签、操作说明和错误提示文字。双语网站的阿拉伯语搜索问题,则在我们的阿拉伯语 SEO 指南中有详细说明。

如何测试才不会自欺欺人

W3C 关于评估工具的指导非常直接:工具无法自动检测无障碍的所有方面,仍需要人工判断。自动化扫描工具能发现缺失的 alt 属性和过低的对比度,但它无法判断替代文字是否合理、Tab 键顺序是否符合逻辑,也无法判断错误提示是否真正帮助用户解决问题。

  1. 自动化扫描关键模板,排查明显且重复出现的错误。
  2. 键盘操作测试,拔掉鼠标,逐一走查每个模板和每个表单。
  3. 缩放与重排测试,在200%缩放和窄屏宽度下,分别测试阿拉伯语和英语版本。
  4. 屏幕阅读器抽查,在手机和笔记本电脑上,聆听标题、链接、表单和结算流程的朗读效果。
  5. 内容审核,检查替代文字、链接措辞、字幕和用语是否通俗易懂。
  6. 用户测试,在条件允许时进行。该国家政策本身的原则是,关于“坚定者”无障碍体验的决定,不应在没有他们参与的情况下做出。

记录每一个问题,注明其未通过的具体标准、所在页面或模板,并附上截图。这份清单既是开发者的任务说明,也是您无障碍声明背后的依据。

发布无障碍声明

该国家政策第12条要求联邦机构发布一份声明,说明其无障碍水平以及尚不具备无障碍功能的内容。私营企业并不被要求遵循这一格式,但它是一个可参考的合理模板。以 u.ae 平台自身的声明为例,其中列出了目标遵循的 WCAG 版本和等级,并提供了用于反馈问题的电子邮件地址和电话号码。

  • 您的承诺以及所遵循的标准,例如 WCAG 2.2 AA 级。
  • 网站中已知尚未达到该标准的部分,以及您正在采取的改进措施。
  • 网站上您无法完全掌控的第三方工具。
  • 当有人无法使用某个页面时如何联系您,并提供一个真正会被查看的联系渠道。
  • 该声明的最近一次审阅日期。

除非每个页面都已经过测试,否则不要声称完全合规。一份诚实的声明,配上一个真正有效的联系方式,对用户而言,比一枚徽章更有用。

Digital Marketing Dubai 能提供哪些帮助

我们会按照上述人工检查方式,对照 WCAG 2.2 AA 级标准审核现有网站,再通过我们的网站开发团队修复各项模板,或通过网站设计服务从一开始就设计出具备无障碍功能的版面。我们建设的每个网站,都会在真实设备和浏览器上以阿拉伯语和英语进行测试,新内容发布后的无障碍检查也可以纳入网站维护服务持续进行。我们不颁发证书,也不承诺法律合规,而是为您提供一份清晰的清单,说明哪些通过了检查、哪些未通过,以及哪些已经修复。告诉我们您的网站情况,您将在工作时间内 45 分钟内收到一份书面固定报价。

直接解答

常见问题

网站无障碍在阿联酋对私营企业是否具有法律强制力?

《国家数字无障碍政策》直接约束的对象是联邦政府机构,以及为其建设或提供数字服务的单位,并要求私营部门加以考虑。行业监管机构也可能设定自己的要求,因此请向您所属的监管机构或律师确认。本文并非法律意见。

使用无障碍叠加插件能让我们的网站合规吗?

一个只是添加对比度或字号调节按钮的插件,无法修复底层代码中缺失的标签、键盘操作陷阱或未标注的图片。W3C 指出,工具无法自动检测无障碍的每一个方面,网站本身仍需由人工修复和测试。

我们应该按 WCAG 2.1 还是 WCAG 2.2 来建设网站?

W3C 对 WCAG 2.2 的说明指出,此前版本的成功标准基本沿用,只移除了一项,并新增了九项。因此按 2.2 AA 级建设,同时也涵盖了阿联酋政策技术附件中所指的 2.1 AA 目标。

无障碍是否会影响 SEO?

一些无障碍做法,例如为图片提供描述性替代文本、合理的标题层级结构以及有意义的链接文字,同时也有助于搜索引擎理解页面内容。应把这看作附带的好处,而不是做无障碍工作的理由,也不要期望仅靠无障碍工作就能改变排名。

一个已经具备无障碍功能的网站,应多久重新测试一次?

每当模板、表单、结算流程或主要组件发生变化时都应重新测试,并在发布博客文章、图片和视频等新内容时进行较简单的检查。编辑新建的页面,正是无障碍问题最容易被忽略的地方。

书面固定价格

发送您的需求,45 分钟内获取工作范围和价格。

  • 开工前书面确认的一个固定金额
  • 无任何义务,也不会催促签约
  • 英文和阿拉伯文作品,正确处理从右到左排版
  • 一个团队负责设计、营销、网站、媒体和文案

获取您的固定价格报价

工作时间内 45 分钟给出书面范围和价格,无任何义务。

提交即表示您同意我们就您的咨询与您联系。 隐私政策

继续阅读

更多面向阿联酋企业的文章

全部文章
致电 WhatsApp 获取报价