近期在处理App适配VoiceOver(旁白)功能，简单的系统控件苹果都能很好的识别，但在复杂界面处理遇到了一些问题，VoiceOver问题可参考的资料不多，把自己踩过的坑记录如下。
首先介绍下 旁白常用的手势：
- 轻点：选择并朗读项目。
- 左右轻扫：选择下一项或上一项。
- 双指轻点三下：打开“项目选取器”。
- 三指上下轻扫：一次滚动一页。
- 三指左右轻扫：前往下一页或上一页（例如，在主屏幕上中）。
- 四指滑动：切换App 。
这是本人在开发旁白模式中常用的手势，更多手势可以查看 iPhone使用手册 来了解。
旁白最常用 UIAccessibility API
- accessibilityLabel： 描述内容“是什么”，例如 “产品名称”
- accessibilityValue： 描述“值是多少”，例如“年化利率5%”
- accessibilityTraits： 描述"特性、状态、行为、用法"。控件的特性可以是按钮(Button)，控件的状态可以是已选中(Selected)
- accessibilityHint： 描述行动“做什么”，例如“点击两下可跳转购买页面”
1、Label、Value、Hint 配置的字符串，会以语音的形式念出来，配置什么，念什么。
2、 配置的Traits各个类型，也会以语音的形式念出。例如：UIAccessibilityTraitSelected、UIAccessibilityTraitImage、UIAccessibilityTraitButton分别播报"已选定”、”图片”、”按钮”。
遇到的问题记录：
1.是否启用VoiceOver
UIAccessibilityIsVoiceOverRunning()
2.主动播报
在toast 弹出或者刷新成功等场景需要主动播报
UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification, @"播报文案xxxx");
3.焦点穿透
accessibilityViewIsModal 属性设为YES
self.noNetworkV.accessibilityViewIsModal = YES;
4.兼容开发者自定义的控件和视图,支持VoiceOver
所有的标准UIKit控件和视图默认支持VoiceOver，UILabel，UIButton这些控件的isAccessibilityElement属性默认是true, UIView属性默认是false，所以自定义视图如果想要支持VoiceOver，需要设置 isAccessibilityElement = YES, 使得VoiceOver可以访问这个view。
view.isAccessibilityElement = YES;
view.accessibilityLabel = @"文案内容";
view.accessibilityTraits = UIAccessibilityTraitNone;
5.访问Cell与Cell中的按钮，且分别读出不同的内容
假设现在有-个UITableview与一个自定义Cell,，Cell中有一个按钮，现在需求是可以访问Cell与Cell中的按钮，且分别读出不同的内容，如下图所示意：
image.png
那么此时单纯设置Cell为访问元素然后再访问子元素这个思路是行不通的，我们可以设置CelI不激活为isAccessibilityElement, 但是苹果内部是可以将Cell作为整个访问元素且设置它的accessibilityL abel，完成button基本设置后， 再设置button的accessibilityHint就可以实现我们想要的效果。
核心代码如下：
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
TestCell *cell = [tableView dequeueReusableCellWithIdentifier:[TestCell description] forIndexPath:indexPath];
[cell setDataWithVersionM:self.dataArray[indexPath.row]];
cell.isAccessibilityElement = NO;
return cell;
}
.....
- (void)setDataWithVersionM:(YBUserVersionM *)versionM {
if ([versionM.versionCode isEqualToString:@"default"]) {
self.accessibilityLabel = @"标准版";
} else if ([versionM.versionCode isEqualToString:@"young"]) {
self.accessibilityLabel = @"乡村版";
} else if ([versionM.versionCode isEqualToString:@"big"]) {
self.accessibilityLabel = @"大字版";
}
NSString *chooseOrNotStr;
if ([versionM.versionCode isEqualToString:[[YBVersionManager instance] getCurentVersion]]) {
[self.chooseBtn setSelected:YES];
chooseOrNotStr = @"已选中";
} else {
[self.chooseBtn setSelected:NO];
chooseOrNotStr = @"未选中";
}
self.accessibilityHint = chooseOrNotStr;
}
6. 只有背景图片无文字的控件.
需要给出描述和对应控件的属性, 例如返回按钮/关闭按钮
image.png
self.backButton.accessibilityLabel = @"返回";
self.closeButton.accessibilityLabel = @"关闭";
self.closeButton.accessibilityTraits = UIAccessibilityTraitButton;
7.数字/电话号连读处理，比如播报验证码1234的时候，系统会自动播报成“一千两百三十四”。
① 在中间加分隔符 1:2:3:4，这样就会一个数字一个数字的读了；
② 转换为对应的大写汉字即可；
self.cardNubLbl.accessibilityLabel = [YBVoiceOverTool acquireAccessableNumber:bankNum];
/// 将电话号码转换为旁白可读的中文
+ (NSString *)acquireAccessableNumber:(NSString *)number {
NSArray *transFromArr = @[@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9",@"0"];
NSArray *transToArr = @[@"一",@"二",@"三",@"四",@"五",@"六",@"七",@"八",@"九",@"零"];
NSDictionary *dictionary = [NSDictionary dictionaryWithObjects:transToArr forKeys:transFromArr];
NSMutableArray *resultArr = [NSMutableArray array];
for (int i = 0; i < number.length; i++) {
NSString *currentStr = [number substringWithRange:NSMakeRange(i, 1)];
[resultArr addObject:dictionary[currentStr]?:currentStr];
}
NSString *resultStr = [resultArr componentsJoinedByString:@""];
return resultStr;
}
8.调整页面焦点顺序
cell.shouldGroupAccessibilityChildren = YES;
cell.accessibilityElements = @[cell.leftBtn, cell.rightBtn];
注意： 调整层级时不要漏掉控件，否则旁白模式下这个被遗漏的控件会无法选中也无法播报。
9. 多音字读错
解决方案：换位同音字替代。比如：“密码重（chóng）置”，苹果识别为“密码重(zhòng)置”，可以用“密码崇置” 来解决。accessibilityLabel 属性仅仅旁白模式下朗读，不影响展示。
self.tipsLbl.accessibilityLabel = @“密码崇置”;
10.进入语音界面，旁白音量超级小，几乎听不见
录音要AVAudioSessionCategoryRecord模式，结束录音设为AVAudioSessionCategoryPlayback
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[[AVAudioSession sharedInstance] setCategory:AVAudioSessionCategoryPlayback
}
// 开始录音
- (void)vprStartRecord {
// sdk开始录音
[[AVAudioSession sharedInstance] setCategory:AVAudioSessionCategoryRecord error:nil];
[[AVAudioSession sharedInstance] setActive:YES error:nil];
[[VoiceRecordManager sharedInstance] start];
}
// 结束录音
- (void)vprStopRecordShowTips:(BOOL)isTips {
[[AVAudioSession sharedInstance] setCategory:AVAudioSessionCategoryPlayback error:nil];
// sdk结束录音
[[VoiceRecordManager sharedInstance] stop];
....
}
注意：因为项目中是进入这个页面旁白声音就变小了，所以我在viewWillAppear 生命周期中也设置了setCategory:AVAudioSessionCategoryPlayback 模式。
11. 一段文案中有两个跳转事件：点击隐私政策，只会跳转第一个，第二个一直跳转无效
解决方案：
a、改成两个控件，每个控件一个点击事件；
b、如果是富文本的话，直接用\n 换行，变为两行展示协议，可以分别跳转两个协议。
12. 支持卡片内容三指滑动
三指滑动.gif
核心代码：
- (BOOL)accessibilityScroll:(UIAccessibilityScrollDirection)direction {
if (direction == UIAccessibilityScrollDirectionLeft) {
if (self.selectIndex < 4 ) {
self.selectIndex = self.selectIndex+1;
[self scrollToIndex:self.selectIndex];
[self accessibilityScrollPage:self.selectIndex];
return YES;
}
}else if (direction == UIAccessibilityScrollDirectionRight) {
if (self.selectIndex != 0) {
self.selectIndex = self.selectIndex-1;
[self scrollToIndex:self.selectIndex];
[self accessibilityScrollPage:self.selectIndex];
return YES;
}
}
return NO;
}
网友评论