通用式网站建设教程

由于许多 在 我们的社会所指出的，这个事情我们可能通常想象的那样精心设计的往往只有“精心设计”在一定范围内。有限的人使用他们的武器，例如，可能会找到一个标准键盘难以采用。同上那些使用浏览器可能会缺乏对Web标准的支持。他们访问的网页的时候经常产生障碍。

显然，这是不到理想的。设计不应成为观众的只是一个子集 -它应该成为每个人，一视同仁。做那个，但是，需要周到的谈话之前，期间和开发开始后。

这就是本文的用武之地。像其他人 在 这个 系列的，完整的初学者指南通用设计不会提供一个全面的看这个问题。相反，它写成一个跳板，引入通用设计和它的近亲，交通方便。对于背景的缘故，我们将看看一些在通用设计体现自己的方式-在线和离线-然后关闭与更普遍的方式接近设计的一些想法。

准备好了吗？让我们开始吧。

什么是通用设计？

通用设计描述了一组考虑因素，以便确保产品，服务，和/或环境中是可用的每个人，要尽最大可能，而无需作出调整或特别设计的。无障碍只是略有不同，描述的程度，其产品，服务，和/或环境是提供给每个人。因此，而前者是一个设计方法（类似于用户为中心的设计），后者是其最常见的相关指标。

通俗地说，交通方便是指在何种程度上一个设计功能，为残疾人士-那些谁不能看，不能听，不能使用键盘或鼠标，或那些谁拥有认知或语言障碍。虽然这些人在历史上经历了一个边缘化的网络，时代似乎正在改变。最近兴起的移动设备普及已经迫使组织最终适当考虑的想法给予动态 背景：在各种条件下的使用在各种环境中。这反过来，模糊了“人”与残疾人之间的界限。产品设计师和移动策略卢克莱夫斯基采取了描述他的目标受众为具有“ 1眼球和一只拇指。“

这两个通用设计（一般）和移动的第一个设计（如在一个很好的例子），使产品和服务更方便，对于网络社区称之为铺平了道路“ 一个Web。“一个网页是浏览器的一个越来越务实的眼光-与设备无关的将来，许多人认为，是唯一面向未来的友好前进的方向。

什么是通用设计“外观”喜欢？

关于通用设计这一切抽象的谈话可能已经得到了你想：这是什么东西，实际上是什么样子？让我们先来看看通用设计在现实世界中。

在加州州立大学北岭分校的年度CSUN发布会，交通方便冠军温迪奇泽姆指出，“楼梯使建筑人迹罕至，没有坐轮椅。”

倾斜的人行道是一个设计细节伴随当代行人道。在物理上，他们无非是添加到人行道，以方便使用轮椅坡道的人，但他们的实际实用程序运行更为深远。通过解决需要谁使用轮椅的人，设计师也使生活更容易为妈妈与婴儿车，人手推车等，这是如何设计的“极端”情况下让体验更好的给大家一个很好的例子。

数字人行道倾斜相当于是渐进 增强。网页设计师和开发人员（巧妙地）假定没有关于他们的目标受众，并初步提供一个准系统，语义网。在页面加载后，我们使用特征检测，以确定更丰富的体验是否能够取代它。

最喜欢的通用设计的考虑，渐进增强（如果做得好的）是不是“看得见” ，除非你知道如何寻找它。然而，理解是进入通用设计用于Web的思维使所有的差异与问候我们的方法。

什么东西塑造一个通用的方法？

很多人都考虑过什么构成的通用设计：艾伦·库珀提到的一些注意事项在他的书中，关于面部3，和北卡罗来纳州举办的一系列原则上他们的网站。在这里，我将简要介绍一些我认为有用的方面。

无障碍开 ＆#8203;＆#8203;头内容。访问的内容 被定义为内容的感知（可见或以其他方式），可操作性（使用），理解（可学习的，逻辑上的声音），和强大的（很好的描述，以多种格式提供）。这是，同样地，提供通过访问服务。访问的服务通过将内容传送到人，浏览器和其它应用程序的用户界面（UI）和/或应用程序接口（API）。

设计的内容和服务，使他们符合这些标准是不容易的。而不是正常的，以用户为中心的方式与读者在这里一定很熟悉的，通用的设计师拿来看的机会点，询问谁是也可能使用该内容或服务的人/系统，以及什么样的障碍，可能可能？站在他们的方式，我发现，这个分解成几个，主要活动：建立商业案例，测量方便，理解内容，理解代码，并最终共享技能。可以肯定的是，所有这些围绕着学习，发展，并秉承“最佳”的做法。

构建商业案例

要构建商业案例通用设计，以用户为中心的设计师可能会先衡量内容或服务的可访问性（见下文），第二，说服利益相关者，这是一个值得的投资。一些参数包括：

访问的内容更容易找到（搜索引擎优化的好处），更可共享（社交媒体的好处）。
因为它们是基于标准的，可访问的服务是由多个可互换的零件（使更有效的合作）。
政府立法 对人迹罕至的产品。
对于某些客户/机构，交通方便直接驱动他们的购买决策。
测量辅助功能

通用设计是无障碍的方式计量。设计人员可以开始开发的可访问性测试工具提供了一个工作的知识，然后使用它们来评估受到质疑的内容或服务，以了解该链接。最后，他们可能会定义一个可访问性测试的启发式，以确保一致的测量。

可访问性测试工具，包括-但当然不限于- 设备实验室，屏幕阅读器（如Chromevox），和残疾模拟器（如理由的色盲模拟器）。这些是冰山的一角，虽然。我建议与利益相关者合作，以确定残疾可能适用于他们的目标受众的范围。

在确定其可访问性测试工具提供的内容或服务的有用的评估，设计人员可以开发出一套测试启发式，以确保其持续使用。这些可能很简单，如清单或一步一步的指导，他们可以复杂如一套视频教程。

了解内容

为了提高内容的可访问性，设计师必须先了解什么是错的可访问性的角度来看-如果有的话-与组织的内容策略：内容如何计划，创建，发布和维护。而不是在事后检验是否符合，他们可以嵌入辅助因素纳入从一开始的编辑过程。

该流程图显示了如何确定图像的替代文字内容需要一点心思。
理解代码

为了提高我们的代码，我们必须先了解它。衡量我们服务的访问后，设计师应该对与开发商（见下文），以更好地理解-并最终改善-他们的开发周期。有些组织通过创建更加模块化设计，维护模式库。其他遵循标准的应用架构，提供基于REST的API。还有一些人使用的开发框架如Quail.js，以确保其前端代码可以访问。

技巧分享

访问的模式和全公司的惯例，通常开发专案。同时创造一个启发CMS或一组设计/开发模式大大有助于确保事情都可以访问很长的路要走，单独的文档是没有什么灵丹妙药。

至于朱莉德克森指出，在她的书，对人们如何学习设计，事实是学习不同于技能。每当代码编写- -因为每当内容被创建可访问性问题都可能引入它的当务之急是团队成员参与结对编程或对写作会，分享他们的知识。