草庐IT

Web Quality - 无障碍(WAI)

runoob 2023-04-07 原文

Web Quality - 无障碍(WAI)


能够被残障人士使用的网站才能称得上一个易用的(易访问的)网站。

残障人士指的是那些带有残疾或者身体不健康的用户。


Web Accessibility Initiative - WAI

WAI (由 W3C 在1997年发起)是一系列计划供 web 开发者、创作者以及设计者使用的指导方针 - 关于如何使内容对残障人士更易用。

这些指导方针的目标是易用性(accessibility),但是也有助于使 web 内容可用于更多的浏览器(语音浏览器、移动电话、手持设备),以及更多工作于困难环境的用户(非手持式的、强光、黑暗、弱视、噪音等)。


WAI 对您的网站来说很重要吗?

是的。

每天都有百万计的残障人士在网上冲浪,并且甚至超过百万计的人们正在使用着不良的浏览器设备,或者工作在困难的环境当中。

假如您的网站缺乏诸如可调节字体尺寸、带有文本描述的图形以及便捷的导航,那些人们就无法访问您的信息。

事实上:您的网站剥夺了这些人的权利。

增强网站易用性的理由还有:

  • 可提升网站的美誉度和形象
  • 可提升用户满意度
  • 可增加访问者的数量
  • 可增加访问者在站点的停留时间
  • 可增加访问者的回访数量
  • 可同样为无残疾人士增加可用性
  • 可为关闭图形功能的访问者增加可用性
  • 可为使用老式设备的人群增加可用性
  • 可使您的网站为增长速度最快的人群提供服务:老年人群

使用可调节的字体大小

请使用相对的字体尺寸,这样用户就能够使用浏览器菜单来改变默认的字体尺寸。

你可以阅读吗?

你可以阅读吗?

你可以阅读吗?

你可以阅读吗?

可以在您的浏览器菜单选择"查看 - 文字大小"来 要改变字体大。


使用 "alt" 属性

alt 属性允许你为图像(也可以为其它的元素)提供一条相对应的文字。

实例:

<img src="images/banana.jpg" alt="Banana">

有时候浏览器会无法显示图像。具体的原因有:

  • 用户关闭了图像显示
  • 浏览器是不支持图形显示的迷你浏览器
  • 浏览器是语音浏览器(供盲人和弱视人群使用)

如果您使用了 alt 属性,那么浏览器至少可以显示或读出有关图像的描述。

有关Web Quality - 无障碍(WAI)的更多相关文章

  1. 【自动驾驶环境感知项目】——基于Paddle3D的点云障碍物检测 - 2

    文章目录1.自动驾驶实战:基于Paddle3D的点云障碍物检测1.1环境信息1.2准备点云数据1.3安装Paddle3D1.4模型训练1.5模型评估1.6模型导出1.7模型部署效果附录show_lidar_pred_on_image.py1.自动驾驶实战:基于Paddle3D的点云障碍物检测项目地址——自动驾驶实战:基于Paddle3D的点云障碍物检测课程地址——自动驾驶感知系统揭秘1.1环境信息硬件信息CPU:2核AI加速卡:v100总显存:16GB总内存:16GB总硬盘:100GB环境配置Python:3.7.4框架信息框架版本:PaddlePaddle2.4.0(项目默认框架版本为2.3

  2. .net - 英国地方政府网站的基本无障碍级别是多少? - 2

    我正在为苏格兰的地方政府部门设计一个新站点,我想确保我满足该站点的最低可访问性级别。我曾计划使用一些jQuery效果,并对内容进行AJAX化。但我意识到所有这些JavaScript可能都无法访问。我们将使用VS2008ASP.NET3.5框架。(C#服务器端和SQLServer2005数据库)有谁知道政府运营网站的最低标准是什么?它将面向公众,其目标用户将是11至17岁的child。此外,是否有任何工具可以检查我们的网站?内置/添加VisualStudio工具会很棒。我们通常为我们的管理团队设计内部网站,所以这是我们第一次不得不担心可访问性,所以如果您愿意,请以“傻瓜式”的方式回答!:

  3. go - 多个go例程的一个障碍 - 2

    我正在试验goroutines。我有一个goroutine函数执行了x次,我想等待所有这些例程在我的main函数中继续。我尝试使用chan作为屏障。我试过类似的东西:funcgoroutine(iint,ch[]chanbool){//dostuffch[i]我有以下错误:panic:runtimeerror:indexoutofrangeforthelinech[i]=make(chanbool)第一个问题:使用chan是好的解决方案吗?第二个问题:为什么我有这个索引超出范围的错误? 最佳答案 如果您只想等待goroutine完成

  4. windows - 除了 Sound Sentry 之外,还有哪些方法可以使我的 Windows 应用程序对 body 有障碍的人更友好? - 2

    基于Windows的桌面软件的开发人员应该考虑/使用哪些可访问性选项,以确保他们的应用程序将尽可能地被那些使用辅助技术或Windows内置“易用性”/“可访问性”的人使用选项”控件?例如,要利用“声音的视觉通知”(SoundSentry)帮助聋人,您必须在播放声音时提供一个额外的标志(通过Winmm.dll)让Windows知道您想要窗口、标题栏或屏幕为启用声音哨兵的人闪烁。现在我想知道我还应该考虑在这个或future的应用程序上实现哪些其他类似的注意事项,以确保我的应用程序可供残障人士使用。 最佳答案 很高兴看到有人在软件层面思考

  5. windows - 在 Windows 中的 WAI 上运行 Warp 时遇到问题 - 2

    我已经在(Wai)上为(Warp)编写了一个简单的HelloWorld应用程序。它在UbuntuLinux中运行良好,更复杂的应用程序也是如此。但我什至无法让这个HelloWorld应用程序在Windows中运行。我在Windows7HomePremiumSP132位上使用HaskellPlatform(安装文件2012.2.0.0)。这是代码(适用于Linux):{-#LANGUAGEOverloadedStrings#-}importNetworkimportNetwork.WaiimportNetwork.HTTP.Types(status200)importNetwork.Wa

  6. windows - Shell 命名空间扩展添加障碍 - 2

    我在WindowsXP中使用默认shellView实现了命名空间扩展。一切正常,但我想添加路障(ADescriptionofProtectedFolders-也适用于WindowsXP)。是否可能使用已记录/未记录的函数(SFVM消息),或者此功能是硬编码的? 最佳答案 如果您自己为扩展View填充所有数据,那么您可以自己读取隐藏(或任何其他)文件夹的内容并立即显示它们,或者在需要时隐藏。您的扩展使用它自己的命名空间,它不受内置shell保护选项的控制。附言从Windows7+开始应该不是问题。

  7. [C++游戏开发]3D障碍飞车 - 2

    [C++游戏开发][EGE]3D障碍飞车前言功能实现运行截图![在这里插入图片描述](https://img-blog.csdnimg.cn/316fabcfefd540fca2b3a9ef7ab70c34.png)核心代码完整程序下载前言本人写了一个3D项目,竟然获了领航杯一等奖~~,因此来分享一下。这是是之前开发过一个2D版本的升级版,文章链接在这里:球球飞车(2D旧版)https://blog.csdn.net/wangxun20081008/article/details/115600163?spm=1001.2014.3001.5502下载链接:球球飞车程序下载(2D旧版)https

  8. javascript - WAI-ARIA:Javascript 能力测试? - 2

    本着渐进增强的精神,我想做一些ARIA功能测试,以实现额外的增强功能(如果浏览器支持的话)。我不打算检测屏幕阅读器——我希望确保屏幕阅读器用户在给定他们正在使用的工具的情况下获得最佳体验。例如,如果不支持aria-live属性,那么实现endlessscrolling可能不是一个好主意。.我知道还有一个问题,即浏览器可能支持这些属性,但屏幕阅读器可能不支持。由于屏幕阅读器在浏览器上透明运行,因此我可以忽略边缘情况。我从来没有听说过有人这样做过。它是否像测试浏览器赋予的额外DOM属性一样简单?做MarkPilgrim的另一个capabilitytestingtechniques在这里工作

  9. php - 通知用户他们的 session 即将到期的无障碍方式 - 2

    我有一个网站,它在给定的时间段内对用户进行身份验证,并根据任何后续页面请求延长时间间隔。我想知道如何在不使用js.alert()的情况下通知用户他们的时间即将到期,但仍可访问。我见过一些网站,内容会从顶部滑入,不会干扰用户,但仍然很明显。我看到的问题是它可能不会更新屏幕阅读器的缓冲区,有辅助功能需求的用户不会意识到这一点。建议? 最佳答案 以可访问的方式提醒用户的正确方法应该符合WAI-ARIA(可访问的富互联网应用程序)规范。现在,文档只是您实现的技术部分-与所有Internet技术一样,它在屏幕阅读器和其他辅助工具中的实现差异很

  10. PHP - 执行长脚本时可能遇到的障碍 - 2

    我在一个函数中运行了一个很长的循环,但没有完成所有最终的迭代并在没有给出任何错误的情况下停止了:functionmy_function(){foreach(range(100,999)as$art_id){$current++;//seebottomflushfunctions...outputProgress($current,$art_id);//seebottomflushfunctions...//doalotofstuffonremoteURL...//includingdownloadimages,//scrapingHTMletc..}}我正在使用flush的一些输出进度

随机推荐