维基百科:格式手冊/無障礙/2025
 |
 | 本项目页面目前為「2025」的草稿。 如有任何疑問，請至討論頁發起討論。 |
 |
| 格式手冊 |
|---|
| 灰字链接非正式指引，僅供參考 |
网站无障碍旨在让網頁更易於瀏覽、閱讀。這最初只是用于幫助身心障礙人士，但确实利于所有讀者。我們致力于遵循WCAG標準2.1，基于是提出以下建議。遵守這些规范的条目方便所有人閱讀、編輯。
条目结构
条目结构规整能让读者对页面的内容铺排一目了然，因此有助达成无障碍。例如，某位失明读者在寻找消歧义链接时，如果没有在页顶找到这种链接，则能明白页面本来没有消歧义链接，因此无需阅读整页。
标准化是维基百科的一大习惯，因此只需遵循Wikipedia:格式手冊/版面佈局和Wikipedia:格式手冊/序言章節 § 應該有的東西。
章節標題
章节标题应该能简洁描述主题，且按照格式手册排列。
章节标题应该巢状递进，由二级标题（==）开始，再到三级标题（===），如此类推（一级标题是页面标题）。不要为了凸显某些内容而故意用错或跳过章节标题层级，这样做有悖于它们的作用。
为求视障编辑者的便利，使用源代码编辑时可以在每个章节标题下面添加一个空行。如果添加多于一个空行，则会导致章节标题预览时在下面出现空行。在部分条目中，您也应留意小型屏幕如何渲染章节标题下面的空行，因为许多编辑者都用移动设备进行编辑，如果章节标题下面有空行，则反而可能会削弱他们对条目的可读性。
| 正确 | 随机/无规律 | 跳级 |
|---|---|---|
|
[条目序言] |
[条目序言] |
[条目序言] |
不要滥用半角分号制作伪标题（分号只可用于制作定义列表），亦避免使用粗体。屏幕阅读器和其他辅助工具只能依赖章节标题语法确定标题的排列。如欲缩小目录，则可以改用{{TOC limit}}。如果{{TOC limit}}因条目存在低层章节标题而无法使用，则五级标题可以改用粗体，这样就能减少对屏幕阅读器的干扰。伪标题只能在方法穷尽时使用，不应频繁出现。
| 可接受 | 错误 |
|---|---|
|
[条目序言] |
[条目序言] |
浮动元素
在维基代码中，浮动元素（包括图像）应该放在所述章节之内，而非前一章节的结尾。（在某些平台中，在一小段文本旁边“堆叠”几张图像会导致某些图像挤到下一章节，但这并非无障碍问题，因为屏幕阅读器必定会在每张图像代码所指定的位置阅读它们的alt=。）
屏幕分辨率
维基百科条目应该便利使用小型屏幕（比如移动设备）或低分辨率显示器的读者。在桌上显示器中，屏幕两侧有多张图像的条目可能会导致问题。虽然低分辨率显示器一般会垂直伸长段落，因而垂直移动图像，但您也需要避免在屏幕两侧同时添加图像或其他浮动元素。大型表格和图像也能产生问题：水平卷轴或不可避免，但您亦可考虑重新铺排大型表格，缩短水平篇幅。
文字
大部分螢幕閱讀器默认不会表明视觉文字属性（粗体、斜体、下划线、等宽字体、删除线）乃至语义文字属性（着重、删除文字），所以刪除線文字会与其他文字一样朗读。如果您使用螢幕閱讀器且时常参与维基百科讨论，则建议开启文字属性的通知，因为维基百科讨论经常出现删除线文字。
因为螢幕閱讀器一般忽略删除线，所以如果它在条目中没有任何其他标示，则会引起无障碍问题或者混淆。这个问题适用于<s>、<del>元素（以及一般呈现为下划线的<ins>）和使用它们的模板。如果您认为内容不适当或错误，则不要使用删除线划去它，而是用<!--和-->将其转为注释、删除内容，或挂上内文爭議模板，再于讨论页发起话题。
- 【中文的屏幕阅读器如何？
- 测试了一下我的设备Windows 11上的讲述人，没下载其它语音的时候遇到阿拉伯字母和希腊字母几乎完全跳过，因此我暂且这样改。】
有些螢幕閱讀器不支持常用汉字和拉丁字母以外的字符（？），因此您不能假定阅读器必然以某特定方式阅读这些字符。遇到不支持的字符时，屏幕阅读器和語音合成器可能会读作问号或完全省去它。
- 在重要情况（如人名、地名、事物等）下，您需要为所有非拉丁、非汉字的文字（？）提供拉丁转写。您可以使用语言专用模板或{{Transliteration}}标注。这些模板在无障碍方面也有其他益处（参见“外语”一节）
- 不要加入屏幕阅读器可能无法阅读的符号（比如心形符號♥），反而使用附带替代文字的图像。[1]
您必须使用上下文清楚表达文字的语义特性（以及其他形态类似的内容）。不要依赖只能用CSS属性或Wikitext分辨的自定义“特殊符号”。
不要使用需要互动才能提供资料的技术，包括提示框和其他“悬浮”文字。缩写不受此限，所以您可以用{{abbr}}（<abbr>的包装模板）标示缩写（包括首字母縮略字）的全写。
不要在句中插入换行符，因为会对螢幕閱讀器造成干扰；但您可以在句末加入换行符，对某些编辑者有所帮助。（译注：如果指通过句末换行来产生空格的话，那中文不能有此体例。）？）
字体大小
大小字形一般由自动化页面元素（比如章节标题、表格标题和标准模板格式）负责实现，除此之外应避免使用。更改字体大小时，应当用原大小的百分比表示，而非以像素或点表示的绝对大小。如果使用相对大小，则视障使用者仍能按情况调大浏览器的默认字体大小，但他们无法直接调整绝对大小。
避免在使用小字体的页面元素（比如信息框、导航模板和参考章节中的文字）内再使用小字体。[a]换言之，您不应在这些元素中的纯文字使用<small>...</small>标签，以及诸如{{small}}和{{smalldiv}}的模板。所得文字的大小不得低于页面默认的85%，注意，HTML的<small>...</small>标签还具有“小字条款”（fine print）或“注疏”的语义含义，[2]不可用于风格化。
分数
不要使用Unicode已有的分数字符，如½（已弃用标记的有½和½），因为部分螢幕閱讀器无法解析一些分数字符，而且视障读者难以阅读。请改用{{frac}}，格式如3⁄4。（在科学和数学条目中，则用{{sfrac}}，格式如3/4。)
外语
标注外文
中文维基百科默认会向浏览器指明条目以中文（zh）书写。非中文（外文）文字必须用{{lang}}（或其衍生模板）标明。这类模板使用IETF語言標籤包装文字，指定其语言和书写系统，例如：
Assemblée nationale并未指出自己的语言（法语）。大多数屏幕阅读器处理时会读错。
{{lang|fr|Assemblée nationale}}呈现为Assemblée nationale，屏幕阅读器处理时改用法语发音。-
{{lang-fr|Assemblée nationale}}→ 法語：Assemblée nationale：同上。
理由：如果使用{{lang}}指定文字的语言，则屏幕阅读器可以改用该语言的声音。[3]
另外，在中文維基百科中，如果不将日語文本用模板包裹，日文漢字可能會被視作中文而錯誤簡繁轉換。
关于使用{{lang}}系列模板的完整理由，见Template:Lang/doc#使用理由。
书写系统
IETF语言标签按照ISO 639标准指定文字的语言之余，还能标明文字的书写系统：
-
{{lang|sr-Cyrl|Народна скупштина}}→ Народна скупштина -
{{lang|sr-Latn|Narodna skupština}}→ Narodna skupština ——塞尔维亚语一般用拉丁文字或西里尔文字书写。 -
{{lang|ja|Kokumin gikai}}——日语文字一般用日语书写系统（而非拉丁字母）书写。 -
{{lang|ja-Latn|Kokumin gikai}}指明这段日语文字用拉丁文字书写（日语罗马字）。 -
{{transliteration|ja|Kokumin gikai}}同上。
如果未指定书写系统，则IETF标签会默认使用该语言最常用的书写系统。鉴于此，处理字母转写时，您应该在语言代码加入-Latn，抑或使用相应的{{transliteration}}模板。维基百科的语言专用模板（比如{{lang-en}}和{{nihongo}}）能为编辑者提供各种功能，包括用一个模板展示几种转写。有些语言没有自己的专用模板，但这些模板防止编辑者频繁使用{{lang}}和{{transliteration}}，从而简化维基文本。
音标转写用{{IPA}}或其他合适模板。原始印歐語请用{{PIE}}。
链接
- 链接（尤其是外部链接）描述应该清楚易懂（不要使用“点击我！”“此链接”）。[4][5]
- 不要使用Unicode符号替换图标，反而应该使用附带替代文字的图标。例如，部分螢幕閱讀器无法将“→”等字符转为有用文字。
- 为帮助视障读者找到目标页面的链接锚点，您可以利用
{{Visible anchor}}标示锚点。
颜色
在条目和其他页面使用颜色时，您应时常留意无障碍，准则如下：
- 请确保颜色不是唯一传达重要资料的途径。特别而言，不要使用彩色文字或背景，除非其状态也以其他方式指明，比如图例上的无障碍符号或脚注标签。如不遵循这个准则，则失明使用者或读者无法通过印本或非彩色装置获取资料。
- 读者必须能清楚明白哪些互动元素是链接。
- 部分读者有色盲、色弱或视觉障碍。请确保文字与背景的对比度最少能达到Web内容无障碍指南（WCAG）2.0的AA等级，且尽量达到AAA等级（参见WCAG“了解SC 1.4.3：对比度（最低限度）”）。如欲在白色背景下使用CSS颜色名称渲染文字，请见Wikipedia:格式手冊/無障礙/CSS顏色與白色背景的對比度。此外，您也可以利用以下工具评估对比度：
- 网络上有一些能检查对比度的工具，包括WebAIM网上对比度检查器、WhoCanUse网站和斯努克颜色对比度检查器。
- 尽管如此，有些网上工具以WCAG 1.0的算法为根据，因此需要事先甄别。如果工具未指定自己采用WCAG 2.0，则您可以假设它已过时。
- 维基媒体基金会设计团队提供一套达到AA等级的配色表。维基媒体产品（不论电脑端还是移动端）的所有用户界面元素都使用此配色，但链接文字除外。
- Wikipedia:格式手冊/無障礙/顏色表就14种色相对黑字、白字、链接文字和访问链接文字展示达到AAA等级的最暗或最亮背景色。
- Google Chrome有附带颜色挑选器的对比度检查器。
- 您可以通过颜色对比度分析器选择页面上的颜色，然后详细评估它们的对比度，但只有“luminosity”（光度）算法是最新的，而“color brightness/difference”（颜色亮度/差）已过时。
- 网络上有一些能检查对比度的工具，包括WebAIM网上对比度检查器、WhoCanUse网站和斯努克颜色对比度检查器。
- 以下工具能帮助您制作图表和地图配色。它们未必能准确评价颜色的对比度，但在特定情况下也值得使用。
- 您可以在Paletton挑选图表配色。
- Color Brewer 2.0可以提供地图配色和详解。
- “明亮”定性数据配色方案是一套九种对色盲使用者便利的颜色。
- 网络上有一些模拟色盲的工具：Toptal ColorFilter（网页）和Coblis色盲模拟（本地文件）。浏览器也有一些扩展程序：NoCoffee（Firefox）
- 您可以通过开源软件Color Oracle模拟色盲视觉和全色盲，从而选择更适当的对比色。
- 如果条目滥用颜色，但您无法改正问题，您可以挂上{{Overcolored}}，寻求编辑者协助。
注释
- ^ 信息框和导航模板的字体大小一般为本页默认的88%。参考章节的字体大小一般为本页默认的90%。其他数值请见MediaWiki:Common.css。
参考文献
- ^ F26: Failure of Success Criterion 1.3.3 due to using a graphical symbol alone to convey information. Techniques for WCAG 2.0. World Wide Web Consortium. 7 October 2016 [29 December 2011].
- ^ 4.5.4 The small element. HTML Living Standard. Web Hypertext Application Technology Working Group. 24 December 2023 [29 December 2023].
- ^ H58: Using language attributes to identify changes in the human language. Techniques for WCAG 2.0. World Wide Web Consortium. 7 October 2016 [29 December 2023]. Accessibility level: AA.
- ^ G91: Providing link text that describes the purpose of a link. Techniques for WCAG 2.0. World Wide Web Consortium. 7 October 2016 [29 December 2023].
- ^ F84: Failure of Success Criterion 2.4.9 due to using a non-specific link such as 'click here' or 'more' without a mechanism to change the link text to specific text. Techniques for WCAG 2.0. World Wide Web Consortium. 7 October 2016 [29 December 2023].
延伸阅读
- Clark, Joe. Building Accessible Websites. New Riders Press. 2003 [1 January 2011]. ISBN 0-7357-1150-X.
- Pilgrim, Mark. Dive into Accessibility: 30 Days to a More Accessible Web Site. 2002. （原始内容存档于5 October 2017）.
- Lynch, Patrick J.; Horton, Sarah. Web Style Guide. Yale University Press. 2016. ISBN 978-0-300-21165-8. OCLC 1004033147 –通过Google Books.
外部链接
- The Wikimedia Design Style Guide
- Recommendations for mobile friendly articles on Wikimedia wikis
- 10 Quick Tips to Make Accessible Web Sites, from WAI
- Colorblind web page filter
- Legibility, from Web Style Guide, 3rd Edition
- Essential Components of Web Accessibility, from WAI
- Introduction to Web Accessibility, from WAI
- Known and tracked MediaWiki accessibility issues
{{Wikipedia policies and guidelines}} [[Category:Wikipedia Manual of Style (accessibility)| ]] [[Category:Wikipedia accessibility| ]]