谜致力打造黑帽SEO培训行业第一品牌
SEO优化服务:正规SEO培训教程、黑帽SEO培训技术
SEO行业资讯

当前位置:主页 > SEO行业资讯 > 现代营销人员的数字可访问性的10条原则

现代营销人员的数字可访问性的10条原则

来源:黑帽SEO培训 dozu.com.cn发布时间:2019/04/13

开发人员和设计人员可以通过使用CSS来控制可视页面元素,从而帮助用户以不同的方式浏览网站 以下是其他可访问网站的构建方式。
黑帽SEO透露,当我们谈论数字可访问性作为营销人员时,我们谈论的是有意创造一种可以被尽可能多的人访问的体验。
设计数字可访问性意味着许多事情。这意味着为有感觉或认知障碍的人设计。这意味着为有身体限制的人设计。这意味着为依赖自适应和辅助技术(如屏幕阅读器或放大镜)来查看数字内容的个人进行设计。
关键是从一开始就建立对数字体验的可访问性,而不是像事后的想法那样将其固定在一起。下面,我概述了创建数字营销材料时需要考虑的一些关键可访问性原则。开发人员的原则
1.应用标准HTML语义
可访问设计从标准HTML语义开始。标准HTML使屏幕阅读器能够在页面上公布元素,以便用户知道如何与内容进行交互。当使用没有语义信
息的HTML标签 - 例如<div>和<span>用于视觉样式时 - 浏览器将按照开发人员的意图显示元素,遗憾的是,这可能对用户没有多大帮助。
请记住,用户使用屏幕阅读器的体验可能会有很大差异。例如,使用<div class =“h1”>语义简介</ div>或自定义编码来覆盖默认浏览器样式将产生类似于标题的内容。但是,屏幕阅读器不会理解或宣布该元素为标题。
关键要点
尽可能使用标准HTML,以便屏幕阅读器在朗读时保持结构和内容。
使用结构元素对元素进行分组并在页面上创建单独的区域,例如标题,导航,主页和页脚。屏幕阅读器识别这些结构元素并将其通知给用户并允许元素之间的额外导航。
2.启用键盘导航
所有网站都应该是键盘可访问的,因为并非所有消费者都可以使用鼠标或查看屏幕。事实上,根据WebAIM Low Vision,60.4%的受访者总是或经常使用键盘进行网页导航。另外,具有永久或暂时失去双手或精细肌肉控制的个体也可以使用键盘或修改的键盘进行导航。
要使键盘导航起作用,用户必须能够通过从焦点项目移动到焦点项目来浏览页面。用户通常遵循视觉流程,从左到右,从上到下,从标题到主导航,到页面导航,最后到页脚。使用键盘进行导航时,enter会激活聚焦链接,空格键会激活聚焦的表单元素。Tab有助于元素之间的导航。E scape允许用户关闭元素。
了解这一点,考虑用户可能采取的行动很重要。经验法则是,如果您可以使用鼠标与可聚焦元素进行交互,请确保您可以使用键盘进行交互。这些元素可能包括链接,按钮,表单字段或日历日期选择器。
关键要点
确保用户可以使用键盘导航到网站的所有交互组件。列出您网站的所有可聚焦元素,并创建易于使用的焦点指标。
构造基础源代码以正确排序内容和导航。使用CSS来控制元素的可视方面。
如果下拉列表中的链接太多,则允许用户绕过导航窗口。
3.使用属性
在链接文本和URL描述时,屏幕阅读器可以跳过文章中的链接到链接。如果使用“点击此处”或“阅读更多”等模糊链接文本,则它为某人在屏幕阅读器上进行解释提供的背景或意义非常小。
对链接文本具有特定性和描述性,并包含描述链接所连接内容的有意义的短语。而不是“联系我们”使用更具体的语言,如“联系我们的销售团队。”对于图像和视频,分配ALT属性并使用描述性文件名。
关键要点
在您的链接中消除无关和非描述性词语,如“点击此处”,“此处”和“阅读更多”。“10个可访问性原则”的读取优于“单击此处阅读可访问性的10个原则”。
优化文件名和URL名称,并对视频内容使用开放和隐藏字幕。考虑添加准确的视频记录。
4.使用ARIA标签属性
在某些情况下,您网站上的按钮或其他互动元素可能不包含辅助技术所需的所有信息。ARIA标签属性使辅助技术能够覆盖HTML标签,以允许网站所有者为页面上的元素提供额外的上下文。
在以下链接示例中,屏幕阅读器将宣布“Bing Ads”。链接。”
<a href="..."> 黑帽SEO培训 </a>
但是,如果按钮本身是号召性用语按钮,则网站所有者可以使用ARIA标签允许屏幕阅读器说出按钮上可见的号召性用语。在此示例中,屏幕阅读器将宣布“注册Bing广告帐户”。链接。”
<a href="..." aria-label="Sign up for Bing Ads Account"> Bing Ads </A>
重点外卖
在表单和号召性用语按钮等元素中使用ARIA标签属性来定义屏幕阅读器应该大声朗读的可见文本。
5.正确标记和格式化表格
确保表格直观且逻辑有序,并带有明确的说明和标签。要确保用户为所有表单加载正确的键盘格式,请使用始终可见的标签,并避免将占位符文本放在表单提示中。
从格式化角度来看,利用文本字段和下拉菜单的边框,并以单列格式放置表单。此外,使用HTML输入类型,因此用户无需切换各种类型的虚拟键盘。例如,电话号码的字段应该拉出数字键盘而不是常规键盘格式。
关键要点
在表单中使用JavaScript时要小心,这可能会使用键盘难以完成表单。
6.使用表格进行数据处理
在线表有两种基本用途:带有行和列标题的数据表,用于显示表格数据和用于页面布局的表格。HTML表的预期用途是表格数据。布局表通常没有可以映射到表中单元格的逻辑标题或信息,因此屏幕阅读器必须猜测表的用途。因此,将CSS用于数据的布局和保留表非常重要。使用CSS可以生成更简洁,更简化的HTML代码。
关键要点
对数据表使用适当的标记,并始终包含表头。始终选择CSS over tables进行页面布局。
作家和平面设计师的原则
7.以结构化的方式撰写内容
您的内容的结构和流程对于有视力障碍并依赖屏幕阅读器的个人尤其重要。对于有认知和学习障碍的人,以及在移动屏幕上扫描内容的任何人,这一点也很重要。在为可访问性写作时,召唤您的内部高中英语教师,并使用每个部分的描述性标题清楚地组织内容。
关键要点
使文本易于阅读和逻辑结构化。请务必对标题段落,列表和引号使用语义标记。
8.左对齐
根据UX Movement,文本对齐会影响可读性。居中文本使观察者更加努力,因为没有左直边,在继续下一行文本时,眼睛没有一致的路径。使用左对齐文本作为直边,使眼睛更容易扫描内容并在书写结构中找到中断。
关键要点
仅使用居中的文本标题和短文本行(如引号和标注)。避免混合文本对齐。
9.明智地选择字体
我喜欢漂亮的艺术字体。但事实是有些字体比其他字体更容易阅读。这就是为什么使用基本字体很重要的原因。对于有视觉或认知障碍的人来说,Sans-serif字体更容易阅读 - 即使是在明亮的阳光下阅读屏幕等临时的视觉障碍。
尺寸也很重要。避免使用小于12的字体大小,并选择绝对单位(像素或点)与相对单位(%)来定义字体大小。限制字体数量以使内容更易于阅读。不要依赖字体(颜色,形状或位置)的外观来传达文本的含义。最后,避免闪烁或移动文本 - 没有用户想要在屏幕上追逐消息。
关键要点
选择带有简单无衬线结尾的简单字体,使眼睛更容易识别字母。
限制使用字体变体和大小。
10.把颜色上班
颜色的应用也会影响可访问性。根据2018年 WebAIM 对低视力用户的调查,75%的受访者报告了多种类型的视力损害,其中61%具有光或眩光敏感度,46%具有对比敏感度。
考虑一下您的配色方案和颜色​​对比,以确保文本可以从背景颜色中轻松辨别。在Web内容可访问指南(WCAG)建议使用4.5:用于正常的文本1的对比度。从透视角度来看,白色背景上的黑色文本是21:1,而白色背景上的灰色文本是4.5:1。
视觉障碍者可能无法使用单独使用颜色来传达信息。例如,网站通常使用绿色来表示正面信号,红色表示负面信号,这对于有视觉障碍的人来说很难辨别。相反,考虑将形状或图标与颜色组合。
关键要点
确保您的颜色具有充足的对比度,并将颜色与图形或符号相结合,以帮助传达意义。
设计可访问性不需要复杂或昂贵。它只需要规划和有意应用可访问性原则,以确保为每个人提供更具包容性的体验。
 
网站首页| 关于谜 | SEO行业资讯 |

© 2009-2019 【谜】黑帽SEO技术培训服务官网版权所有 地图

宗旨:教会初学者控制白帽与黑帽间的【度】