iOS11 无障碍 API 中 UIKit 增强

随着社会的不断进步,无障碍访问的需求日益增加,特别是对于一些视力、听力、触觉等方面有障碍的人士。在 iOS 系统中,苹果公司提供了丰富的无障碍 API,以便开发者能够更容易地为所有人提供一个无障碍的访问体验。在 iOS 11 中,UIKit 进一步增强了无障碍 API 的支持,本文将为大家详细介绍如何使用这些 API 来提供一个更为完善的无障碍访问体验。

VoiceOver 改进

VoiceOver 是 iOS 自带的屏幕阅读器,可以帮助视力障碍者利用语音和触摸功能轻松地使用设备。在 iOS 11 中,为了提供更好的语音体验,VoiceOver 进行了以下改进:

1. 多语言支持

在 iOS 11 中,VoiceOver 支持更多的语言,包括英语、西班牙语、法语、德语、意大利语、日语、韩语等等。因此,你可以为你的应用程序添加多语言支持,以便语音访问可以更为全面地覆盖不同的用户。

2. 更自然的语音

VoiceOver 在 iOS 11 中还提供了更自然的语音模式,这意味着语音输出的效果更像是由一个真实的人声来说话。例如,“按钮”这个单词在过去通常会被读成“巴顿”,但在现在语音中,它更像是 “ban-tun” 。这种更自然的语音让用户更容易地理解屏幕上的内容,提高了无障碍访问的体验。

支持新的视觉效果

在 iOS 11 中,UIKit 进一步增强了无障碍 API 的支持,特别是在界面设计方面。以下是其中的一些改进:

1. 视图图像的识别

UIKit 中增加了一些新的 API,用于查找视图中的图像以及告诉 VoiceOver 它们代表什么。例如,你想要让一个图像代表一个“设备”的概念,而不仅仅是一个聚合的像素块,可以使用以下代码:

------------------------------------------ - ----
---------------------------- - -------------------------- -------- ---
----------------------------- - -------------------------

这些 API 可以让 VoiceOver 能够无障碍地获取一个视图上的图像,并把它们转化成语音。

2. 支持文本大小调整

在 iOS 11 中,用户可以自动调整字体大小来适应他们的偏好和视力需求,因此,为了让无障碍体验更加地完整,你需要修改你的应用程序来响应这种设置。UIKit 中提供了额外的 API,用于让文本大小缩放功能与底层的布局一起工作。例如,你可以使用以下代码进行实现:

--------------------------------------- - ----

这些 API 可以让你的应用程序响应用户对于字体大小调整的需求,使得你的应用程序的文本能够更好地适应不同的用户。

总结

在 iOS 11 中,UIKit 对于无障碍 API 的扩展使得开发者能够更容易地为所有人提供一个无障碍的访问体验。通过使用以上所提供的示例代码,你可以更容易地开始实现你的无障碍访问的改进,满足不同用户群体的需求,为他们提供更优秀的使用体验。希望此篇文章能为你提供一些思路和指导,让你的应用程序与用户之间的互动更加的无障碍。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64899be748841e98947e1b20


猜你喜欢

  • 使用 Chai 对 JavaScript 中的 DOM 进行测试

    前端开发是近年来备受瞩目的领域,DOM 是前端开发中的非常重要的概念。DOM 是 Document Object Model(文档对象模型)的缩写,是浏览器解析 HTML 文档的方法,是前端开发中经常...

    1 年前
  • 如何使用 Express.js 和 OAuth2.0 实现第三方登录功能

    在现代web应用中,用户登录系统已成为一个必备的功能,但是在传统的用户名和密码登录以外,第三方登录逐渐成为了另外一种常见的方式。使用第三方账号来登录,不仅方便用户使用,并且可以大大减少用户的注册流程,...

    1 年前
  • Vue + Koa2 构建商场系统 —— 浏览器插件之 Flash 插件功能实现

    这篇文章将会介绍如何在 Vue + Koa2 的商场系统中实现 Flash 插件功能。Flash 插件可以在浏览器中播放视频、音频、动画等内容,是一种非常常见的浏览器插件,但是自从 Adobe 公司宣...

    1 年前
  • CSS Grid 实战:实现一个动态的图片画廊网站

    CSS Grid 实战:实现一个动态的图片画廊网站 CSS Grid 是最新的 CSS 布局规范,它提供了一种强大而灵活的方式来定义网页布局。使用 CSS Grid,我们可以轻松地实现复杂的网站布局,...

    1 年前
  • 深入了解 ES8 中引入的 Object.getOwnPropertyDescriptors() 方法

    深入了解 ES8 中引入的 Object.getOwnPropertyDescriptors() 方法 JavaScript 是一门在前端开发中广泛使用的编程语言。

    1 年前
  • SPA 应用开发中的浏览器兼容性问题及解决方案

    在前端开发中,SPA(Single Page Application)应用已经成为开发常见的方式。它可以提高应用的性能和用户体验。然而,SPA应用在不同的浏览器之间有着千差万别的兼容性问题,如何解决这...

    1 年前
  • 在 React Native 中使用无障碍技术实现有声阅读功能

    前言 无障碍技术是近年来越来越受到互联网行业的关注,这是一项旨在帮助视障人群更好地访问信息的技术。React Native 作为一款强大的移动应用开发框架,也应该具备无障碍技术的实现能力。

    1 年前
  • 如何修复 ESLint 校验的问题:不能访问 'console'(no-console)

    如何修复 ESLint 校验的问题:不能访问 'console' ESLint 是一种 JavaScript 代码检查工具,它可以帮助我们发现代码中潜在的问题并遵守一致的编码规范。

    1 年前
  • 如何在 GraphQL 中实现数据分组

    GraphQL 是一种新型的 API 查询语言,它提供了一种更灵活、更高效的方式来查询和更新 API 的数据。在 GraphQL 中实现数据分组可以帮助我们更好地组织和管理数据,提高查询效率和减少网络...

    1 年前
  • 在 Deno 中使用 Axios 进行 HTTP 请求

    在前端开发中,我们经常需要通过 HTTP 请求从服务器获取数据。在 Deno 中,我们可以利用 Axios 这个优秀的库来发送 HTTP 请求。 本文将详细介绍如何在 Deno 中使用 Axios 进...

    1 年前
  • Jest 单元测试与覆盖率

    Jest 是 Facebook 出品的一款 JavaScript 测试框架,也是目前使用最广泛的前端单元测试框架之一。Jest 有着相当完善的文档和强大的功能,可以轻松地进行单元测试、集成测试和覆盖率...

    1 年前
  • 了解 Server-Sent Events 可以提升 Web 性能吗?

    在现代 Web 应用程序中,实时数据传输变得越来越常见和重要。而传统的 HTTP 请求和响应模型无法满足实时数据传输的需求。为了解决这个问题,浏览器推出了多种实现方案,其中 Server-Sent E...

    1 年前
  • 在 ES6 / ES7 中使用 async await

    在 ES6/ES7 中使用 async await 在前端开发领域,异步操作已经成为不可或缺的重要环节。在早期的 ES5 中,我们通常使用回调函数的方式来处理异步操作,这种方式的可读性较低,且会有回调...

    1 年前
  • ES12 中的 Promise.any: 解决 Promise 竞异常问题的方法

    在前端开发中,经常会使用 Promise 来处理异步操作。然而,由于网络不稳定和业务逻辑复杂,多个 Promise 同时执行时可能会出现竞异常问题(即多个 Promise 中只要有一个状态变成了 re...

    1 年前
  • PM2 如何实现应用的自动备份和恢复

    PM2 是一款强大的 Node.js 进程管理工具,它提供了方便的进程管理、自动重启、负载均衡等功能。除此之外,PM2 还带有自动备份和恢复功能,可以帮助开发者在应用发生意外崩溃或数据丢失时快速恢复应...

    1 年前
  • Tailwind CSS 中如何自定义阴影样式

    Tailwind CSS 是一种快速配置的 CSS 框架,它提供了许多实用的样式类来快速实现常见的样式需求。除了默认提供的样式类之外,Tailwind CSS 还支持自定义样式类。

    1 年前
  • 如何在 PWA 应用中实现地理定位

    作为一款优秀的 PWA 应用,地理定位是不可或缺的功能之一。PWA 应用如果能够根据用户当前的地理位置进行特定的处理,将会给用户带来更好的使用体验。本文将介绍如何在 PWA 应用中实现地理定位,同时提...

    1 年前
  • # 在 React Native 项目中使用 Enzyme 和 Jest 进行测试

    在 React Native 项目中使用 Enzyme 和 Jest 进行测试 React Native 是一个用于创建原生应用的跨平台开发框架,它可以让开发者使用 React 的组件模型和 JSX ...

    1 年前
  • Headless CMS 如何支持 SEO

    在 Web 应用程序中,Headless CMS 这种无头内容管理系统(Headless Content Management System) 最近变得越来越流行,因为它可以让开发者更加灵活地使用和组...

    1 年前
  • koa 中使用 WebSocket 进行实时消息推送

    随着现代 Web 应用程序的愈发普及,实时消息推送已成为许多应用程序必需功能之一。为了实现这一功能,开发者通常会选择借助 WebSocket 技术,在客户端和服务器之间建立长连接,实现实时通信。

    1 年前

相关推荐

    暂无文章