无障碍应用程序:无障碍访问和无障碍入门
今天,我们着重强调可访问性-我们在Envato Tuts +上努力思考每一天。 12月3 日是国际残疾人日 。 今天是联合国创立的这一天,旨在促进残疾人在社会各个领域的权利和福祉。 全球有超过十亿人患有某种形式的残疾。
在Web和应用程序开发的背景下,可访问性的目标是使您的工具适用于所有人,无论他们使用的硬件或软件如何,以及他们在听觉,运动,视觉和认知能力方面的地位如何。 随着数字技术和辅助技术的快速变化,要实现此目标,需要进行思考,测试,并全面了解具有不同需求的不同人使用在线工具的方式。
Envato Tuts +和整个Web上都提供了一些工具,可以帮助您学习如何设计和编码可访问性 ,我将在本文中链接到其中一些工具。 但是在这篇文章中,我想看看开发人员在Web可访问性中的作用,并讨论为什么最好的时间来考虑可访问性是在项目的开始。 我还将在围绕可访问性的开发方面介绍一些新出现的问题,并围绕访问障碍提出一些考虑,并倡导在开发过程的不同阶段与用户进行互动的重要性。
关于访问障碍的思考
联合国《残疾人权利公约》指出,障碍的存在是残疾人的主要特征,即残疾是残障人士与其互动的社会和环境障碍之间不断发展的关系。 障碍本身就是残疾,排他性是一个结构性问题,存在于我们的系统中,而不是存在于那些有缺陷的人的身体中。 因此,消除障碍是所有人实现社会包容的前提。
让我们考虑一下住宿和交通障碍。
上周,一位朋友指出,灯泡是依靠视线四处走动的人们的辅助设备。 在建筑物中使用灯泡是减轻这种障碍的一种方法,因为有视力的人需要光来导航世界,但是没有视力的人则不需要这种住宿,因为他们使用其他策略来导航。 我们认为“正常”的调解是有社会条件的,而不是客观事实。
我举这个例子来打乱“正常”的观念,而不再将无障碍设计视为一种特殊的容纳方式。 如果我们优先考虑使我们的技术无障碍,而不是将可访问性视为例外或事后考虑,我们可以将“正常”的概念转变为适合所有人,而不排斥任何人。
网络技术的优势在于,从本质上讲,它消除了物理世界中存在的障碍。 在构建Web和移动应用程序技术时,至关重要的是,我们不能通过设计工具的方式在技术中添加障碍。 为此,我们必须了解不同的人如何使用我们的工具以及他们的需求是什么。 就像在考虑要建造坡道还是一组楼梯时一样,考虑这一点的最佳时间是在我们开始建造之前。
辅助功能:入门
在构建可访问的Web工具时,有两个主要注意事项:利用现有的可访问性基础结构,并避免使用辅助设备和其他可访问性策略。
对所有非文本元素(图像,图形,图表等)使用替代文本是如何利用现有基础结构的一个示例。 屏幕阅读器依靠替代文本来为视障访客解析网页内容。 这不是一个复杂的修复程序-替代文本只是很好的设计。 通过设计可访问性,您将改善网站的功能。 在这种情况下,搜索引擎依靠替代文本来更好地“阅读”网站。 根据W3, 案例研究显示,可访问的网站具有更好的搜索结果并增加了受众范围 。
确保键盘输入与您的工具一起使用是避免用户的可访问性策略的一个示例。 使用鼠标需要一定程度的精细运动控制,这是许多人所没有的,因此他们依靠键盘输入来导航网站和应用程序。 如果您的Web工具可以使用键盘输入进行导航,它还可以使模仿键盘的辅助技术(例如语音输入)正常运行。 如果构建的工具无法使用键盘输入进行导航,则不必要地为用户创建了无法访问的环境。
了解不同的人如何与您的Web工具交互,使您能够做出支持他们的可访问性策略的选择。 在项目开始时执行此操作比尝试事后解决可访问性要好得多。 举一个说明性的例子:加州大学伯克利分校制作了成千上万的非字幕视频(听障人士无法访问)时,他们遇到了麻烦。 法律要求该大学为内容加上标题,但又不想为这个昂贵的项目付费,因此最终彻底取消了该项目。
通过使网站更易于访问,您可以使Web工具在更多时间,更多用户中更好地工作。 作为开发人员,您拥有的力量使您可以在最简单,最省钱的时间尽早解决可访问性问题。
无障碍工具和指南
确保辅助技术(AT)和键盘用户仍可访问复选框和单选按钮,这一点很重要。 在本文中,您将学习如何确保自定义复选框和单选按钮可访问。
完整的Web无障碍学习指南
这是教程,文章,课程和快速提示的集合,以引导您逐步了解可访问性的基础知识。
我鼓励您也从W3查阅一些有关辅助功能的源指南。 有关可访问性原则的W3文章是一个不错的起点。 他们还发表了一篇文章,介绍互联网用户可以用来使网络更易于访问的策略 —这将使您开始思考不同的人如何具有不同的可访问性需求,以及如何编写代码以支持所有人的可访问性。 本文探讨了优化计算机以实现更易访问的Web浏览的方法 ,这将使您了解人们采用的一些使自己更容易访问Internet的策略。
用户测试就是一切
您已经考虑过可访问性。 您致力于消除访问Web和移动应用程序的障碍。 您已经在构建工具时牢记了最新的辅助功能指南。 您的应用程序可以访问吗?
有关可访问性测试的工具和技巧的指南,这是设计过程中的重要组成部分。 阅读指南并测试Web工具是一个好主意。 但请走得更远:可访问性设计的金标准是用户测试。 在项目的早期以及整个开发过程中让用户参与。
有些可访问性要求很容易满足,而有些则更具挑战性。 了解不同的人如何使用您的工具将使您对如何构建可访问性有很多了解。 每个人都有不同的需求,不同的浏览器,不同的辅助设备。 没有指南或清单可以完全掌握使用您的工具的人员的经验广度。
就像了解用户正在收到错误报告或404页面一样,如果以及当您收到有关您的工具当前未满足用户可访问性需求的反馈时,请多谢。 征求这种反馈。 与用户保持开放的对话,并找到引起您注意的问题的解决方案。
您构建的一切都将发生变化-Web和移动技术中的任何事物都是静态的。 用户的真实体验是您可以收到的最有价值的输入,因此,如果您听到有些声音不起作用,请说谢谢。 然后找到一种使其工作的方法。
结论
感谢您在这个国际残疾人日与我共度时光。 本文的目的是支持有关Web和移动辅助功能的对话,并为您提供自己的思想,研究和测试的起点。 无论您是刚开始编程还是是经验丰富的程序员,它都至关重要,因此您要优先考虑开发项目中的可访问性,以使您的工具对每个使用它们的人都能很好地工作。
翻译自: https://code.tutsplus.com/articles/accessible-web-and-mobile-apps-international-day-of-disabled-persons--cms-32312
无障碍应用程序:无障碍访问和无障碍入门相关推荐
- 无障碍模式设计:别让无障碍,成为一种障碍
随着互联网技术的不断发展,电脑已经成为了人们不可或缺的一部分. 在今天的数字化时代,我们越来越多地依赖于互联网进行日常生活和工作.但是,对于那些有视觉.听觉或其他身体障碍的人来说,访问互联网上的内容可 ...
- 【Android 应用开发】Android 无障碍开发简介 ( Android 无障碍开发辅助技术 | 启用 TalkBack 无障碍功能 | TalkBack 无障碍开发 示例 )
文章目录 一.Android 无障碍开发辅助技术 二.启用 TalkBack 无障碍功能 三.TalkBack 无障碍功能代码示例 官方文档 : Android 无障碍功能概览 一.Android 无 ...
- Web应用程序中的Spring JDBC入门
在上一篇文章中,我已经向您展示了如何设置基本的Spring 3 MVC Web应用程序 . 重复使用该项目设置作为模板,我将向您展示如何增强它以与JDBC一起使用. 有了它,您可以存储和检索数据库中的 ...
- c语言过程化程序设计方法,程序的设计基础(C语言入门及编程环境)(修改).ppt
程序的设计基础(C语言入门及编程环境)(修改) 程序设计基础(一) --算法 教学目的 复习语言及程序 了解算法的概念 掌握结构化程序的三种基本结构及算法的表示方法 教学重点和难点 重点:算法的表示方 ...
- 为 Java 程序员准备的 Go 入门 PPT
为 Java 程序员准备的 Go 入门 PPT 这是 Google 的 Go 团队技术主管经理 Sameer Ajmani 分享的 PPT,为 Java 程序员快速入门 Go 而准备的. 视频 这个 ...
- 【微信小程序创作之路】-入门
[微信小程序创作之路]-入门 第一章 微信小程序历史.简介.开启创作之路 文章目录 [微信小程序创作之路]-入门 前言 一.小程序的简介 二.小程序的历史 三.小程序优势 1.使用门槛低 2.快速开发 ...
- java 调用url_java程序中访问url接口
在多人开发项目中,我们经常要在自己程序内部调用别人的http请求接口,主要通过流的方式进行调用,最近项目中经常用到,写了个访问接口如下: /** * 程序中访问http数据接口 */ public S ...
- Flask学习 黑马程序员-6节课入门Flask框架web开发视频(中途撤退,寻找py3教程)
文章目录 postman工具 get和post 如何给路由传参 解析 @app.route('')这个叫视图函数 Jinja2模板引擎 动态传参 注释.变量代码块以及控制代码块的使用 注释:ctrl+ ...
- 在ASP程序中访问Access数据库
嵌入式培训教程 在基于微软IIS/PWS的网络平台上,通过服务器端运行的ASP程序来访问后台数据库,是一种最常见的模式了.而对于小型的数据库应用需求,微软的Access数据库,应该是与ASP程序配套使 ...
最新文章
- linux部署MantisBT(三)部署MantisBT
- FreeMarker 语法 include 引用模板
- 'keytool' 不是内部或外部命令,也不是可运行的程序
- SQL server Cannot find one or more
- SAP Analytics Cloud和Cloud for Customer之间的Single Sign on配置
- linux 培训6,Linux Syscalls有 6个参数(Linux Syscalls with 6 parameters)
- 用css、html编写一个两列布局的网页,名称为css.html ,要求左侧宽度为200px ,右侧自动扩展...
- Python 测试驱动开发(四)测试及重构的目的(上)
- 不在gopath目录下能使用godoc吗_一文搞懂 Go Modules 前世今生及入门使用
- Python写数据结构:单向循环链表
- 读书笔记:《小米生态链战地笔记》
- NPU-电工电子技术第一章作业讲评
- mysql frm、MYD、MYI数据文件恢复,导入MySQL中
- ⅰsee是什么意思_see是什么意思
- 课堂派“互动课件”文件下载
- 使用PIL包给图片增加水印
- C - BLG POJ - 1417 种类并查集加dp(背包)
- InnoDB存储引擎中有页(Page)的概念
- Xn数列(矩阵乘法+快速幂+慢速乘法)
- 基于FPGA平台RISCV架构的SOC应用系统设计3