深圳网站建设

| 专注于网站设计与营销型网站建设与优化

手机:186 755 66828

建站热线:0755-3355 6286

网站制作设计 >> 网站制作动态 >> 网页设计可达性的价值

网页设计可达性的价值2016.08.20

文章来源:牧羊人网站设计文章分类:网站设计

网页设计可达性的价值

深圳网站制作有人会访问你的网站,不在乎它是什么样子的网页设计师吗?浏览网页我们都做同样的原因,查找信息,购物和无数的执行使用基于Web的应用程序的重要任务。但视障者网站不同,我们需要意识到他们的需求时,我们的设计和建立网站。

每个来你的网站设计需要能够找到他们正在寻找的信息和执行任务,他们打算做不论什么网页或应用程序看起来像。很多不同的因素,进入网页或应用创造的影响可达性。

网页设计可达性的价值
我们将需要潜入到网页的技术方面。HTML是一个网页,CSS的骨架,JavaScript和图像增强的HTML。时常,视障人士错过所有这些增强功能。虽然无障碍主要是开发商的任务,有时需要保持或提高可达性会影响网站的外观技术要求。这意味着设计、复制、用户体验和发展都需要协作以确保导航控件,窗体,按钮,标题,按钮,链接,和更多的访问。

龙岗网站设计公司
设计、复制、用户体验和发展都需要协作以确保导航控件,窗体,按钮,标题,按钮,链接,和更多的访问

测试访问你需要确保网站或应用程序的执行以及在每一个屏幕阅读器可。有几种流行的免费或开源的屏幕阅读器。微软用户可以使用Nvidia,而苹果电脑和iOS设备来画外音它可以放大键盘控制和阅读屏幕上的内容,和UNIX的设备有逆戟鲸。Chrome浏览器插件有两个辅助技术,保护屏幕阅读chromevis放大。

网页设计可达性的价值

大多数Web可访问性问题发生时,屏幕阅读器的虚拟光标就会被困在一个糟糕的设计形式或跳过一个重要的控制或文本信息的一个重要。验证网站是使用类似于浏览器测试因为每个屏幕阅读器有不同的要求和限制。这就是为什么了解每个屏幕阅读器的行为是很重要的。各种屏幕阅读器的需求可以通过添加各种特殊HTML标签页面的重要元素,容纳。
动态Web UI现代为可达性是特别有问题,因为重要的元素添加到动态使用JavaScript的页面。自定义下拉菜单、情态动词、工具提示、手风琴内容和动态误差和通知可以为屏幕阅读器用户理解的难度之间的HTML通信故障,JavaScript和屏幕阅读器。原生的HTML和JavaScript没有办法沟通的页面(文档对象模型)的屏幕阅读器更新。开发商需要移动的“焦点”(屏幕阅读器的虚拟光标)来改变用户界面的一部分。当一个模态打开开发者需要把用户的关注,模态使画面阅读器可以阅读的内容,用户可以理解并与之交互。

网页设计可达性的价值

这是通过使用特殊的HTML标签称为WAI-ARIA标签.WAI-ARIA(访问丰富的互联网应用程序)之间的桥梁是什么页面的原始HTML说什么有远见的用户看到的为开发者提供添加额外的意义状态,属性,关系规范的空白,角色和生活区域,屏幕阅读器否则不会理解。 开发人员可以使用屏幕阅读器的咏叹调水平解释每个标题页上的层次。随着咏叹调标签开发者可以添加标题描述页面上的离散元的目的。这有助于开发人员创建不同的元素之间的明确的关系。开发者还可以关注重要的控件的标记他们的咏叹调的角色标签。

在HTML中的标签上面例子使用的是一个无序列表上的每个项目创建的类。jQuery捕获点击事件时,点击标签增加了咏叹调选':'真'和' tab-widget__tab-content-active对选定的选项卡、隐藏其他标签加入咏叹调选':'假'到剩余的标签。127号线为标签的初始属性集,这些片段帮助屏幕阅读器识别的标签清晰可见。在35行JavaScript还增加了键盘支持的标签。其余的文件句柄获取点击和键盘事件,jQuery可以添加角色和表现的属性为当前选定的选项卡。

网页设计可达性的价值

页面刷新是屏幕阅读器的Web的一个关键部分是因为当一个页面刷新时信号的屏幕阅读器,它应该公布新的页面给用户,重新阅读网页内容的用户。这意味着单页的Web应用程序的可访问性带来了特殊的挑战。在一个单页应用没有全页面刷新,屏幕阅读器,因此用户不会注意到更新的内容。结果是,用户没有收到反馈对他们的行动。最好的办法是效仿本地页面刷新行为。在视图加载,更新网页标题并向用户。
为全面规范WAI-ARIA通过W3像网页可及性下HTML本身的规格保持(WAI)但有时指南可以比规格,这是设计师一般几个指南更有用:
•确保有文字和背景之间视觉对比。
•不要使用颜色来传递信息;
•提供清晰一致的导航网站;
•确保表单元素明确包括相关的标签;
•确保反馈元件,如错误信息容易被识别;
•使用标题和间距组相关内容;
•提供图像的替换文字;
•考虑你的网站设计,所有功能可通过键盘。
有几个简单的决定你可以当开发一个网站,会使网站更容易在没有特殊的辅助标记或屏幕阅读器测试太深。确保你的HTML所传达的意义通过其结构将帮助您的屏幕阅读过程的信息以同样的方式出现在页面看到用户。这对于用户使用放大镜与屏幕阅读器的结合是很重要的。

网页设计可达性的价值

使用适当的HTML标记为标题,列表,表格,和其他的元素使屏幕阅读器将页面的结构,在一个熟悉的方式用户。对于更复杂的布局HTML5提供了额外的元素,如< >和< >导航一边做内容的屏幕阅读器用户更容易理解。甚至作家和内容战略家可以对可达性的积极影响。通过为每个页面提供独特的网页标题,用标题来传达每个网页的意义和结构。确保链接文本,你写的是页面的视觉语境之外的意义(避免写行动的呼吁,像“点击这里”)。多媒体内容的文本和标题写。

因为所有这一切工作的潜在受益者是比你想象的更广泛的群体。如果你曾经试图用一个移动应用程序用一只手,因为你的另一只手拿着东西,如果你曾经尝试使用鼠标你不常用的手因为受伤,你已经启动残疾人。这不是好当你的手指都是粘的,你仍然可以浏览网站使用键盘与你的手指?我们所有的不幸都容易受到来自老像丧失记忆的障碍、听力、视力和运动受限。 

网页设计可达性的价值

宝安网站设计哪家好

上一篇: 网站重新设计的风险
下一篇: 网页设计师数字标牌需要你!

文章分类

牧羊人网站设计微信

热门文章