AccessibilityInfo
有时了解设备是否当前激活了屏幕阅读器是很有用的。AccessibilityInfo API 就是为此设计的。你可以使用它来查询屏幕阅读器的当前状态,以及注册监听器以便在屏幕阅读器状态变化时收到通知。
示例
参考
方法
addEventListener()
static addEventListener(
eventName: AccessibilityChangeEventName | AccessibilityAnnouncementEventName,
handler: (
event: AccessibilityChangeEvent | AccessibilityAnnouncementFinishedEvent,
) => void,
): EmitterSubscription;
添加一个事件处理函数。支持的事件:
| 事件名称 | 描述 |
|---|---|
accessibilityServiceChangedAndroid | 当某些服务(如 TalkBack、其他 Android 辅助技术和第三方无障碍服务)启用时触发。事件处理函数的参数是一个布尔值。当某些无障碍服务启用时,该布尔值为 true,否则为 false。 |
announcementFinishediOS | 当屏幕阅读器完成公告时触发。事件处理函数的参数是一个包含以下键的字典:
|
boldTextChangediOS | 当粗体文本切换的状态变化时触发。事件处理函数的参数是一个布尔值。当启用粗体文本时,该布尔值为 true,否则为 false。 |
grayscaleChangediOS | 当灰度切换的状态变化时触发。事件处理函数的参数是一个布尔值。当启用灰度时,该布尔值为 true,否则为 false。 |
invertColorsChangediOS | 当颜色反转切换的状态变化时触发。事件处理函数的参数是一个布尔值。当启用颜色反转时,该布尔值为 true,否则为 false。 |
reduceMotionChanged | 当减弱动态效果切换的状态变化时触发。事件处理函数的参数是一个布尔值。当启用减弱动态效果时(或当“开发者选项”中的“过渡动画缩放”为“动画关闭”时),该布尔值为 true,否则为 false。 |
reduceTransparencyChangediOS | 当减弱透明度切换的状态变化时触发。事件处理函数的参数是一个布尔值。当启用减弱透明度时,该布尔值为 true,否则为 false。 |
screenReaderChanged | 当屏幕阅读器的状态变化时触发。事件处理函数的参数是一个布尔值。当启用屏幕阅读器时,该布尔值为 true,否则为 false。 |
announceForAccessibility()
static announceForAccessibility(announcement: string);
发布一个字符串供屏幕阅读器朗读。
announceForAccessibilityWithOptions()
static announceForAccessibilityWithOptions(
announcement: string,
options: {queue?: boolean},
);
发布一个字符串供屏幕阅读器朗读,并带有修改选项。默认情况下,公告会中断任何现有的语音,但在 iOS 上,可以通过在选项对象中将 queue 设置为 true 将它们排队在现有语音之后。
参数:
| 名称 | 类型 | 描述 |
|---|---|---|
| announcement 必需 | string | 要宣布的字符串 |
| options 必需 | object | queue - 将公告排队在现有语音之后 iOS |
getRecommendedTimeoutMillis() Android
static getRecommendedTimeoutMillis(originalTimeout: number): Promise<number>;
获取用户所需的超时时间(毫秒)。 此值在“无障碍”设置的“操作时间(无障碍超时)”中设置。
参数:
| 名称 | 类型 | 描述 |
|---|---|---|
| originalTimeout 必需 | number | 如果未设置“无障碍超时”,则返回的超时时间。以毫秒为单位指定。 |
isAccessibilityServiceEnabled() Android
static isAccessibilityServiceEnabled(): Promise<boolean>;
检查是否启用了任何无障碍服务。这包括 TalkBack,也包括任何可能安装的第三方无障碍应用。如果只想检查 TalkBack 是否启用,请使用 isScreenReaderEnabled。返回一个解析为布尔值的 Promise。当某些无障碍服务启用时结果为 true,否则为 false。
如果你只想检查 TalkBack 的状态,请使用 isScreenReaderEnabled。
isBoldTextEnabled() iOS
static isBoldTextEnabled(): Promise<boolean>:
查询当前是否启用了粗体文本。返回一个解析为布尔值的 Promise。当启用粗体文本时结果为 true,否则为 false。
isGrayscaleEnabled() iOS
static isGrayscaleEnabled(): Promise<boolean>;
查询当前是否启用了灰度。返回一个解析为布尔值的 Promise。当启用灰度时结果为 true,否则为 false。
isInvertColorsEnabled() iOS
static isInvertColorsEnabled(): Promise<boolean>;
查询当前是否启用了颜色反转。返回一个解析为布尔值的 Promise。当启用颜色反转时结果为 true,否则为 false。
isReduceMotionEnabled()
static isReduceMotionEnabled(): Promise<boolean>;
查询当前是否启用了减弱动态效果。返回一个解析为布尔值的 Promise。当启用减弱动态效果时结果为 true,否则为 false。
isReduceTransparencyEnabled() iOS
static isReduceTransparencyEnabled(): Promise<boolean>;
查询当前是否启用了减弱透明度。返回一个解析为布尔值的 Promise。当启用减弱透明度时结果为 true,否则为 false。
isScreenReaderEnabled()
static isScreenReaderEnabled(): Promise<boolean>;
查询当前是否启用了屏幕阅读器。返回一个解析为布尔值的 Promise。当启用屏幕阅读器时结果为 true,否则为 false。
isHighTextContrastEnabled() Android
static isHighTextContrastEnabled(): Promise<boolean>
查询当前是否启用了高文本对比度。返回一个解析为布尔值的 Promise。当启用高文本对比度时结果为 true,否则为 false。
isDarkerSystemColorsEnabled() iOS
static isDarkerSystemColorsEnabled(): Promise<boolean>
查询当前是否启用了深色系统颜色。返回一个解析为布尔值的 Promise。当启用深色系统颜色时结果为 true,否则为 false。
prefersCrossFadeTransitions() iOS
static prefersCrossFadeTransitions(): Promise<boolean>;
查询当前是否启用了减弱动态效果和优先交叉淡入淡出过渡设置。返回一个解析为布尔值的 Promise。当启用优先交叉淡入淡出过渡时结果为 true,否则为 false。
setAccessibilityFocus()
建议改用 sendAccessibilityEvent 并将 eventType 设为 focus。
static setAccessibilityFocus(reactTag: number);
将无障碍焦点设置到 React 组件。
在 Android 上,这会调用 UIManager.sendAccessibilityEvent 方法,并传入 reactTag 和 UIManager.AccessibilityEventTypes.typeViewFocused 参数。
确保任何想要接收无障碍焦点的 View 都设置了 accessible={true}。
sendAccessibilityEvent()
static sendAccessibilityEvent(host: HostInstance, eventType: AccessibilityEventTypes);
命令式地在 React 组件上触发无障碍事件,例如更改屏幕阅读器的聚焦元素。
确保任何想要接收无障碍焦点的 View 都设置了 accessible={true}。
| 名称 | 类型 | 描述 |
|---|---|---|
| host 必需 | HostInstance | 要发送事件到的组件 ref。 |
| eventType 必需 | AccessibilityEventTypes | 'click'(仅 Android)、'focus'、'viewHoverEnter'(仅 Android)或 'windowStateChange'(仅 Android)之一 |