# Web_Operations **Repository Path**: ElizabethBooker/Web_Operations ## Basic Information - **Project Name**: Web_Operations - **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 ## 自制WAI指导原则中文版 [原网站链接](https://www.w3.org/WAI/tips/writing/) ![自制WAI指导原则中文版图片](https://images.gitee.com/uploads/images/2020/0322/155616_bc3fb66b_2231082.png "2020-03-22_WAI.png") # 根据WAI原则点评[苹果官方网站](https://www.apple.com.cn/) > 我觉得苹果官网的Web可访问性和用户体验做的很优秀,于是想简单分析一下看看苹果官网是否符合WAI的指导原则 ## 一、提供内容丰富、独特的页面标题 1.对每个页面都提供了简短的标题,将其与其他页面区分开来。 2.将页面名称放在组织名称之前,有助于读者知晓自己所在的位置,不会迷路。 ![将页面名称放在组织名称之前](https://images.gitee.com/uploads/images/2020/0325/172738_55c8f3ef_2231082.png "页面标题.png") ## 二、使用标题传达含义和结构 1.使用短标题将相关段落分组并清楚简短地描述各部分内容。 2.视觉清晰,便于区分。 ![小标题](https://images.gitee.com/uploads/images/2020/0325/173101_77a951de_2231082.png "标题.png") ## 三、使链接文字有意义 1.每段链接都让访问者清楚点进链接将会看到什么内容。 2.每段链接都有意义,没有歧义的文本链接。 ![有意义链接](https://images.gitee.com/uploads/images/2020/0325/173134_4a6376f0_2231082.png "链接.png") ## 四、为图像编写有意义的文本替代 1.作为背景链接的图片的描述文本是有意义的,虽然通常是不可见的。 ![图片描述文本有意义](https://images.gitee.com/uploads/images/2020/0325/173209_b167f8ee_2231082.png "图片描述文本.png") ## 五、创建多媒体文字记录和字幕 1.短片《女儿》提供了字幕,能更好的帮助访问者理解内容。 2.但选择英语地区的话,所看到的其它短片没有提供字幕(也许是文化差异或者习惯不同的原因?) ![提供字幕](https://images.gitee.com/uploads/images/2020/0325/173242_9475cb5c_2231082.png "女儿.png") ## 六、提供明确的指示 1.清晰易于理解,并避免不必要的技术性语言来描述输入要求 ![提供明确的指示](https://images.gitee.com/uploads/images/2020/0325/173305_27709fb8_2231082.png "明确指示.png") ## 七、保持内容简洁明了 1.适当使用列表格式。 2.考虑使用图像、插图、视频和符号来帮助阐明含义。 ![内容简洁明了](https://images.gitee.com/uploads/images/2020/0325/173328_af4ed4d4_2231082.png "内容简洁.png") > 苹果都一直以自己流线型、极简风格的工业设计闻名全球。简单浏览了一遍苹果的官网后,我发现苹果的官网也和它的产品一样有着统一的设计风格。虽然苹果官网的设计非常简约,但却一点也不简单。