自定义inputView的UITextField无障碍优化（VoiceOver）

针对你遇到的两个问题，我来分享一下符合iOS无障碍设计最佳实践的解决方案：

一、消除VoiceOver的“插入点在末尾”误导播报 #

问题根源在于UITextField默认的无障碍角色是文本输入控件，VoiceOver会自动播报插入点状态，但你的文本框本质是一个“触发选择器的入口”，而非让用户手动输入文本。我们可以通过调整它的无障碍属性来修正这个行为：

方法1：自定义UITextField子类（推荐，复用性强） #

创建一个专门适配选择器的文本框子类，重写无障碍相关属性：

class PickerTriggerTextField: UITextField {
    // 把文本框标记为按钮，避免输入框相关的播报
    override var accessibilityTraits: UIAccessibilityTraits {
        get { .button }
        set { super.accessibilityTraits = newValue }
    }

    // 设置清晰的无障碍标签，让用户知道这是什么
    override var accessibilityLabel: String? {
        get { "Target Range" } // 替换成你需要的描述文本
        set { super.accessibilityLabel = newValue }
    }

    // 添加操作提示，告诉用户该怎么用
    override var accessibilityHint: String? {
        get { "双击以选择目标范围" }
        set { super.accessibilityHint = newValue }
    }
}

方法2：在ViewController中直接设置（快速适配） #

如果不想子类化，也可以在页面初始化时直接配置文本框的无障碍属性：

override func viewDidLoad() {
    super.viewDidLoad()
    // 标记为按钮角色
    targetRangeTextField.accessibilityTraits = .button
    // 设置标签和提示
    targetRangeTextField.accessibilityLabel = "Target Range"
    targetRangeTextField.accessibilityHint = "双击以选择目标范围"
}

这样调整后，VoiceOver会把这个文本框识别为按钮，播报内容变成「Target Range，按钮，双击以选择目标范围」，完全不会提及插入点，符合用户的操作预期。

二、双击后自动将焦点切换到选择器？必须这么做！ #

这绝对是正确的设计选择——用户激活（VoiceOver下双击）这个文本框的核心意图就是打开选择器进行选择，所以选择器弹出后，VoiceOver应该自动聚焦到它上面，避免用户额外导航。

你可以通过监听文本框开始编辑的事件，发送无障碍通知来实现：

方式1：在自定义TextField的becomeFirstResponder中处理 #

在刚才的PickerTriggerTextField子类里添加：

override func becomeFirstResponder() -> Bool {
    let success = super.becomeFirstResponder()
    if success, let pickerView = inputView as? UIPickerView {
        // 延迟一小段时间，确保选择器已经完成显示
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
            // 通知VoiceOver屏幕内容变更，聚焦到选择器
            UIAccessibility.post(notification: .screenChanged, argument: pickerView)
        }
    }
    return success
}

方式2：通过UITextFieldDelegate处理 #

如果用代理的方式监听编辑事件：

func textFieldDidBeginEditing(_ textField: UITextField) {
    guard textField == targetRangeTextField, 
          let pickerView = textField.inputView as? UIPickerView else {
        return
    }
    DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
        UIAccessibility.post(notification: .screenChanged, argument: pickerView)
    }
}

额外优化：确保UIPickerView本身的无障碍性 #

别忘记给选择器的每一行设置清晰的无障碍标签，让VoiceOver能正确播报选项内容：

func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
    let label = (view as? UILabel) ?? UILabel()
    let optionText = yourDataSource[component][row] // 替换成你的数据源文本
    label.text = optionText
    // 设置无障碍标签，确保VoiceOver能准确播报
    label.accessibilityLabel = optionText
    return label
}

这样整个流程的无障碍体验就完整了：用户通过VoiceOver找到Target Range按钮→双击激活→选择器弹出并自动获得焦点→用户可以通过VoiceOver操作选择器的列和行→选择完成后文本框更新内容。

内容的提问来源于stack exchange，提问作者hendra