# 网站运营 **Repository Path**: chyszds/website_operation ## Basic Information - **Project Name**: 网站运营 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-03-22 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 编写Web可访问性 ### 摘要 此页面介绍了一些基本注意事项,以帮助您开始编写残障人士更容易访问的Web内容。这些注意事项是帮助您满足Web Content Accessibility Guidelines(WCAG)要求的良好实践练习。请按照相关WCAG要求的链接,理解文档中的详细背景,教程指南,用户案例等。 ### 页面内容 - 提供内容丰富,独特的页面标题 - 使用标题传达含义和结构 - 使链接文字有意义 - 为图像编写有意义的文本替代 - 创建多媒体文字记录和字幕 - 提供明确的指示 - 保持内容简洁明了 ## 提供内容丰富,独特的页面标题 对于每个网页,请提供简短的标题,以描述页面内容并将其与其他页面区分开,页面标题通常与页面的主要标题相同。将独特且最相关的信息放在首位,例如:将页面名称放在组织名称之前。对于属于多步骤过程的页面,请在页面标题中写明当前步骤。 ![](https://images.gitee.com/uploads/images/2020/0322/230312_e033b5e4_2232570.png "(FT]LX{GNLNM`5@PEQI{W6B.png") ## 使用标题传达含义和结构 使用短标题将相关段落分组,并清楚地描述各节。一个好的标题通常提供了内容的大纲。 ![](https://images.gitee.com/uploads/images/2020/0322/230602_cf342e23_2232570.png "F54SN9GYIS(`EIL61_GYZQ9.png") ## 使链接文字有意义 编写链接文本,以描述链接目标的内容。应该避免使用歧义的链接文本,例如“单击此处”或“阅读更多”。应该提供指示有关链接目标的相关信息,例如文档类型和大小:“建议文档(RTF,20MB)”。 ![](https://images.gitee.com/uploads/images/2020/0322/230849_2436453d_2232570.png "VKP{`F3YT0O}]{RL]3J9EHJ.png") ## 为图像编写有意义的文本替代 对于每个图像,应该编写提供图像信息或功能的替代文本。对于纯装饰性图像,则无需编写替代文本。 ![](https://images.gitee.com/uploads/images/2020/0322/231020_643629b3_2232570.png "}{OJH@~P$77_)C)NS}[}}P7.png") ## 创建多媒体文字记录和字幕 对于纯音频内容(例如播客),请提供多媒体文字记录。对于音频和视频内容(例如培训视频),也请提供字幕。在文字记录和字幕中包括对理解内容很重要的语音信息和声音,例如“门吱吱作响”。而视频文字记录,都会包括重要视觉内容的描述,例如“Athan离开房间”。 ![](https://images.gitee.com/uploads/images/2020/0322/231419_2036db32_2232570.png "M0DOUT4MIB%SLJTUII5571G.png") ## 提供明确的指示 确保说明,指导和错误消息提醒清晰,易于理解,并避免不必要的技术性语言。此外还需描述输入要求,例如日期格式。 ![](https://images.gitee.com/uploads/images/2020/0322/231617_36b75088_2232570.png "A0QY8T6LZJ~6I(MO0U[275E.png") ## 保持内容简洁明了 **根据情况,使用简单的语言和格式。** - 撰写简短明了的句子和段落。 - 避免使用不必要的复杂单词和短语。 - 首次使用时请缩写。例如,Web内容可访问性指南(WCAG)。 - 考虑为读者可能不知道的术语提供词汇表。 - 适当使用列表格式。 - 考虑使用图像,插图,视频,音频和符号来帮助阐明含义。 ![](https://images.gitee.com/uploads/images/2020/0322/232001_d1620248_2232570.png "WZ83$7$YM`G~E0W]G{LUOW8.png") ![](https://images.gitee.com/uploads/images/2020/0324/112021_a4d59c45_2230586.png "U3U5(JM2`$6{VP)NXDEITPI.png") ![](https://images.gitee.com/uploads/images/2020/0324/111621_fe829f08_2230586.png "9@8}HWCRO%M8B7NL]VK%6VE.png") - 豆瓣的网站的内容大多数都是原创,或者经常地更新。 - 豆瓣的各组成部分没有孤立分散,画面没有呈现出一种枝蔓纷杂的凌乱效果。 - 它的每个页面都有独立的标题,并且网页标题中含有有效的关键词,每个网页还有专门设计的META标签,图形和文本层叠有序,框架结构明显,访问者可以很快的查找到自己所要寻找的信息和内容。 - 豆瓣把一些重要的标题放在网站布局的上方,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽。