Project:无障碍
本站应该尽可能让页面更加容易阅读和操作,并对残障人士友好。本页列举了使页面符合无障碍要求的一些具体事项。
基本原则[编辑源代码]
本站内容除用户页、讨论页、沙盒页外的页面必须儘量符合网页内容无障碍指南2.1中的A级成功标准,且应该符合大多数AA级成功标准。用户页、讨论页以及沙盒页面的信息、描述部分(若有)应该符合A级成功标准。对AAA级的成功标准不作要求。
所有内容禁止违反WCAG 2.1中的“不干扰”要求,如闪烁致人癫痫的内容,或者键盘陷阱。
用于测试或者对演示错误示例的内容,可以不符合本页的无障碍要求(包括后续段落中标明了“必须”或“禁止”的规定,除非特别说明),但依然禁止违反WCAG 2.1中的“不干扰”要求。
小工具的功能也应该符合上述要求。
本站的部分内容是由MediaWiki软件,以及由Vector、Timeless等皮肤提供的,这部分我们无法确保其符合上述要求。
用户可以通过个人CSS或个人JavaScript使得页面内容不符合要求,但在编辑时需要确保页面在没有加载您的个人CSS和个人JavaScript的情况下符合上述要求。
本站无一致性声明。
本页所述的“必须”“禁止”“应该”“不应”“可以”等表述,依RFC 2119进行解释。
内容格式[编辑源代码]
章节标题[编辑源代码]
禁止跳级。
不应使用一级标题。
不应使用手动加粗的内容或分号语法代替标题,但在章节标题确实不合适的情况下,可以使用手动加粗来对简单的内容模拟小标题,但仍不应使用分号语法代替标题。
颜色[编辑源代码]
禁止使用对比度过低的内容呈现文本。
应该考虑对浅色模式(默认情况)与暗色模式的兼容。通常情况下,暗色模式会同时调整亮和暗的内容的亮度,因此不会对对比度产生负面影响。
需要准确表述其颜色的内容,如地铁线路或舞萌状态的标志色,应该确保其在暗色模式下也正常显示,如加上mw-no-invert
类。
不应随意给文本内容尤其是条目文本内容设置文本颜色和背景,除非必要。在项目和帮助页面,特定情况下,可以将文本设置为红色。
表述出一个具体颜色时,如前文所述的地铁线路和舞萌状态标志色,通常不应直接将文本设置为此颜色,可以添加一个此颜色的小方框,并以常规颜色的文本来描述此颜色的名称或HEX值等数据。
语言[编辑源代码]
在合适的情况下,应该设置部分外语内容的元数据,例如使用{{lang}}模板,或者元素的lang
元数据。这可以让搜索引擎更好地理解其内容,同时屏幕阅读器也能够正确地阅读其内容。注意:没有必要将所有的英文内容添加英文语言的元数据。
排版组织[编辑源代码]
浮动元素[编辑源代码]
使用浮动元素时,必须确保其在较小的屏幕中也不影响阅读。
禁止使用“见右图”等语句指代页面中的浮动元素,除非确保其在较小的屏幕中也向该方向浮动,且不影响阅读。
表格[编辑源代码]
不应随意使用表格来实现排版的效果。
必须确保表格的内容可以在较小的屏幕中,仅滑动一个维度的滚动条也能正常显示,除非表格本身的性质无法符合此规则。
表格应本身的性质确实无法符合上述规则的,不准拉长页面(例如,使平时不出现页面级别的水平滚动框的出现了水平滚动条)。
禁止让表格在较小的屏幕中,出现窄列宽但内容较多导致单元格变得非常长、每行只容纳较少的字符的情况。
不应为表格添加不必要的样式,如背景颜色、边框颜色和粗细、表格或单元格大小,如确实需要使用的,必须符合前述三条规则。对于原本不符合前述三条规则的表格,可以通过设置表格或单元格大小或其他方式来使之符合前述三条规则。
禁止通过默认折叠表格的方式来规避上述规则,也就是说,默认折叠的表格,展开后也必须符合上述规则。
上述规则(除本小节第一条)对导航框、信息框等元素也适用。
表格应该设置合理的表头(table heading,即th
标签、维基文本中的!
语法),除非确实没有表头。表格可以设置多个表头。可以设置scope="row"
或scope="col"
等属性指明表头与其他单元格的关系,并帮助屏幕阅读器更好地阅读表格。
列表[编辑源代码]
不应中途断开列表,除非是受到了维基文本解析的限制且没有其他的解决办法。
禁止中途断开有序列表,除非能够确保复序后的部分能够正确地编号。
可以使用带有plainlist
或hlist
类的列表来实现无标志的列表和水平列表,替代使用<br>
换行或使用手动的符号分开的伪列表。
禁止使用分号语法给列表添加标题。
繁简转换[编辑源代码]
编写的小工具或其他功能,必须考虑不同语言变体。
使用的<pre>
、<code>
等默认会禁止繁简转换的内容,应该通过添加-{}-
等方式使用其能够繁简转换,除非其内容确实不需要转换。
<syntaxhighlight>...</syntaxhighlight>
中的内容,由于技术限制,可以不考虑繁简转换。
其他[编辑源代码]
禁止使用一切已经过时的标签或属性,除非是用于测试其兼容性或用于演示。例如,<center>
、<big>
等标签,以及bgcolor
、align
、border
等HTML元素属性。
使用维基文本语法时,由于其限制,可以不考虑简单的格式的语义属性。例如,<i>
表示纯粹的斜体,而<em>
表示用斜体来强调,我们使用维基文本语法时,可以忽略其区别。但对于<cite>
和<var>
,仍建议直接使用其HTML标签。