如何使您的网站在短短10分钟内可访问

披露: 您的支持有助于保持网站的正常运行!我们会为此页面上推荐的某些服务收取推荐费.


使您的网站在10分钟内可访问

网站可访问性是一个巨大的问题,但是大多数人对此并没有太多考虑。想象一下,您行动不便。也许您不能使用鼠标,并且导航计算机的唯一方法是一次单击一个键盘键.

试试看。单击箭头按钮上下滚动。使用标签可从一个链接移至下一个链接。单击输入键以跟随链接。这不像滚动鼠标滚轮或滑动平板电脑那样简单,但是只需使用这四个键,您就可以浏览该网站上的所有内容。可以对您自己的网站说同样的话?

如果您网站上的任何内容都无法使用向上,向下,选项卡和输入键进行访问,那么数百万互联网用户可能无法使用该功能。对于我们其他人来说,如果它令人沮丧或使用不便,有很大的机会,我们只是跳过它-这意味着您已经浪费了精力.

现在闭上眼睛,尝试阅读您的网站。好的,我们知道这不是一个公平的测试。有很多工具可以帮助视障人士享受网络内容。但是您的网站已经为他们准备好了吗?您的链接是否正确标记?您的照片会引起问题吗?文字和背景颜色之间是否有足够的对比度?根据世界卫生组织的统计,有2.85亿视力障碍者。您可能会排除很多潜在访客!

有人可能无法查看或浏览您的网站的原因有数百种。试图满足所有这些需求似乎是不可能完成的任务,但是现代的Web设计工具使创建几乎任何人都可以阅读和享受的网站比以往更加容易。.

了解如何快速,轻松地访问您的网站,从而增加数亿网络用户的潜在读者群.

使您的网站在10分钟内可访问

使您的网站在10分钟内可访问

每个网站访问者都不同,但是许多人有残疾,直接影响他们对您网站的使用。这些障碍包括失明,耳聋和运动控制问题。幸运的是,您可以做很多事情来使有身体缺陷的人可以访问您的网站,这也不难。以下是您需要了解的所有信息。您不仅会为残疾人提供更好的网站,还将为所有人提供更好的网站.

辅助功能问题

  • 互联网使人们比以往任何时候都可以获得更多的信息和社区访问权限,特别是对于那些残疾人
    • 联合国宣布残疾人无障碍上网是一项基本人权
    • 但是盲人不能阅读网站,聋人不能享受播客
  • 仅在美国:
    • 大约五分之一的人的一只或两只耳朵有听力障碍
      • 这是大约4800万人
    • 超过730万美国人视力严重下降
      • 除了部分或完全失明,约有1,360万美国人是色盲
  • 可访问性需求是多种多样的,其中可能包括个人和技术状况,使使用网络变得困难,例如:
    • 耳聋
    • 学习困难
    • 运动技能不足
    • 失明/视力障碍
    • 认知/学习障碍
    • 互联网连接不良
    • 仅移动访问(电话或平板电脑)

无障碍网站的好处

  • 可能是法律要求残障用户可以访问的,例如:
    • 政府网站
    • 教育机构和组织
    • 行业和非营利组织
  • 搜索引擎更容易爬网
    • 像某些残障用户一样,搜索引擎蜘蛛无法查看图片
    • 替代文字等辅助功能将帮助他们抓取网站,并有助于网站的搜索引擎排名
  • 提高所有用户的可用性
    • 使网站尽可能简单易用将使与之互动的每个人受益,无论他们是否有残障
  • 提高网站的社会地位并产生良好的公关
    • 具有可访问网站的组织或企业可以将自己推销为对社会负责

在线辅助工具

  • 一些残疾用户拥有自己的工具和设备,可以更轻松地使用互联网,例如:
    • 屏幕阅读器,可将网页文本转换为语音
      • Mac – VoiceOver
      • PC –雷霆
    • 自定义键盘,鼠标或语音控制,适用于出现运动问题的用户
  • 对于没有特殊工具的用户,某些网站被设计为具有使其易于使用的功能,包括:
    • Web浏览器和智能手机中的缩放或文本大小选项
    • 关闭字幕
      • YouTube允许用户单击视频右下方的CC图标以启用此功能
    • Dyslexie字体
      • 阅读障碍者为阅读障碍者设计的字体
      • 字体使用的字母对于阅读困难的人来说不太容易混淆

轻松访问Web

  • 使用简单的设计和内容.
    • 标签清晰的导航链接
    • 整洁的布局
      • 使用尽可能少的元素来传达您的信息
        • 每个图像,声音,按钮或链接都可能成为残障用户的障碍
        • 此外,较少的图像意味着互联网速度较慢的用户可以更快地加载时间
    • 确保您的内容易于阅读和理解
      • 文字和背景之间的对比很好
      • 简单易读的字体选择
  • 附加图像的替代文字
    • 当您将鼠标悬停在大多数图像上时,会出现替代文本.
    • 描述图像
      • 将帮助可能存在技术限制或视力障碍的用户
      • 屏幕阅读器可以访问替代文本以转换为音频
  • 使您的网站无需鼠标即可导航
    • 某些用户可能无法使用计算机鼠标
    • 键盘输入设计使您的设计变得简单
    • Tab,Enter和箭头键应该足以浏览您的网站
  • 注意颜色
    • 颜色可能对学习障碍者有帮助
      • 井井有条的文字,颜色,符号或图标可以使您的邮件更易于访问
    • 但是不要仅仅依靠颜色来传达您的信息
      • 屏幕阅读器无法区分颜色,也不会传递这些信息
      • 它们对色盲用户毫无用处
    • 除非您的网站仅基于图片,否则最佳做法是尽可能使用文字
  • 没有视频或音频自动播放
    • 对于那些可能难以找到来源的人来说,这尤其具有挑战性
    • 这让其他人都讨厌
  • 注意响应式设计
    • 使用级联样式表(CSS)工具允许您的站点根据正在查看的设备自动更改其显示方式
      • 在多种屏幕尺寸(手机/平板电脑/笔记本电脑)上进行测试
  • 确保链接文本告诉用户链接指向的位置
    • 例如,“点击此处”一词的描述性不是很好
    • “链接到亚马逊主页”更有用
      • 使用链接标题
  • 穿上残疾访客的鞋子
    • 下载JAWS之类的屏幕阅读器(30天免费),关闭显示器,然后尝试浏览您的网站
      • 这是盲人用户对您网站的“印象”
      • 特别注意图像的描述方式
        • 仅凭替代文字,它们是否还有意义??
      • 图形中包含的文本可能对盲人“不可见”
    • 使用像Coblis这样的色盲模拟器可以更好地了解用户在浏览您的网站时所看到的色盲
      • 您的导航按钮在视觉上是否与背景不同?
      • 您的文字可读吗?
    • 如果您的网站使用视频,请确保字幕可用
      • 否则,请查看它们在关闭计算机声音时的感觉
    • 尝试仅使用Tab,Enter和箭头键浏览您的网站
      • 是否有任何页面难以或无法访问?

无论是用于商业,教育还是娱乐,构建每个人都可以使用的网站应该是当务之急。容纳最广泛的用户对于建立强大的在线社区和吸引新客户加入您的业务至关重要.

资料来源: colourblindawareness.org,thewholebraingroup.com,wwhearing.org,lighthouse.org,un.org,ncbi.nlm.nih.gov,nfb.org,census.gov,w3.org,joeclark.org,fcc.gov,屏幕阅读器。网,support.apple.com,webaccess.berkley.edu,freedomscientific.com,企业家.com,color-blindness.com,webaim.org

资料来源

  • 全球听证会
  • 视力障碍患病率
  • 联合国残疾人权利公约和任择议定书(PDF)
  • 美国的听力损失患病率
  • 失明统计
  • 色盲
  • 美国和世界人口时钟
  • 为您的组织开发Web可访问性业务案例的社会因素
  • 残疾人如何使用计算机?
  • 《 21世纪通信和视频无障碍法案》(CVAA)
  • 无障碍网站设计的5大好处
  • 为您的组织开发Web可访问性业务案例的法律和政策因素
  • Mac 101:VoiceOver
  • 辅助技术的类型
  • 阅读障碍字体
  • 残疾用户如何访问互联网
  • 上色小心
  • Freedom科学软件下载
  • 如何使您的网站更加适合移动设备
  • Coblis —色盲模拟器
  • Web无障碍介绍
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map