加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

《网页计划综合指南》(三):移动适配、无障碍计划等

发布时间:2017-12-20 08:23:28 所属栏目:建站 来源:人人都是产品经理
导读:副问题#e# 注:计划师和开拓职员在构建网站时,必要思量许多工作,从视觉外面到成果计划。为了简化这个进程,我们筹备了这个指南。限于篇幅限定,将这一指南分为三部门,此为第三部门内容。 前两篇: 《网页计划综合指南》(一):网站舆图优化篇 《网页设

表单中仅行使颜色表达提醒信息是常见的方法。乐成和错误动静别离以绿色和赤色表现。可是赤色盲和绿色盲是色盲群体中最多的。大大都环境下,你能吸取到错误信息,好比“这段笔墨被标红”。看起来没什么题目,可是对色盲用户在这种情势下无法吸取到错误信息。颜色应该是突出或增补已经看得见的信息。

《网页打算综合指南》(三):移动适配、无障碍打算等

欠好:这种情势仅仅依赖赤色和绿色来暗示字段有没有错误。色盲用户是无法识此外。

在上面的表格中,计划师应该给出更详细的声名,好比“您输入的电子邮件地点无效”可能在必要留意的处所表现图标。

《网页打算综合指南》(三):移动适配、无障碍打算等

好:图标和标签表现哪些字段无效,更好地将信息转达给色盲用户。

4.3 瞽者用户

图片和插图是网页的重要构成部门。但瞽者必要屏幕阅读器等帮助技能来翻译网站。屏幕阅读器依赖于图像的更换文原来“读取”图像。假如该文本不存在可能描写不清楚,他们将无法凭证预期获守信息。

思量两个例子 – 第一,Threadless,一个风行的T恤店。这个页面并没有几多关于正在贩卖的商品的信息 。独一可用的文本信息是价值和巨细的组合。

《网页打算综合指南》(三):移动适配、无障碍打算等

第二个例子来自ASOS。同样贩卖T恤的页面为该商品提供了精确的更换笔墨。 这有助于行使屏幕阅读器的人想象商品的外面。

《网页打算综合指南》(三):移动适配、无障碍打算等

为图像建设更换文本时,请遵循以下指南:

  • 全部“故意义”的图像都必要描写性的更换笔墨。(“故意义”的照片指为上下文提供增补性信息)

  • 假如图像纯粹是装饰性的,没有提供辅佐用户领略页面内容的有效信息,则不必要取代文本。

4.4 键盘适配

某些用户行使键盘而不是鼠标赏识网站。譬喻,行为障碍的人在行使鼠标这类风雅的行为时有坚苦。通过将交互式元素适配Tab键,并表现键盘指示符,使交互式和导航元素可以被这类用户轻松会见。

键盘导航的根基法则:

  • 搜查键盘指示符是否可见和明明。 一些网页计划师会删除键盘指示符,由于他们以为不雅观。但这阻碍了键盘用户正确地与网站交互。假如您不喜好赏识器提供的默认指示符,请不要全删了它; 相反,计划它来满意你。

  • 全部的交互元素都应该可以通过键盘会见,而不只仅是首要的导航选项或首要的CTA。

您可以在W3C的“WAI-ARIA Authoring Practices”的文件中“计划模式和小器材”部门中找到有要害盘交互的具体要求。

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读