如果我将特定的文本作为占位符，为什么Android Talkback不选择此JETPACK构成概述的Textfield？

Question

我正在使用对话测试我的应用程序以兼容兼容性。但是，即使在启用对话的情况下，某些概述的TextFields也被跳过，即使单击对话也是不可选择的。我使用Kotlin/Gradle/Compose创建了一个示例应用程序，以确保与我的项目设置无关。

将“占位符”文本更改为某些值可以选择对话，而其他值则使其无法选择（例如“ mm/dd/yyyy”“使对讲”跳过了字段，但是“ Hello World”允许对话选择该字段）。

代码如下：

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            PlaygroundTheme {
                // A surface container using the 'background' color from the theme
                Column(
                    modifier = Modifier.fillMaxSize(),
                ) {
                    Greeting("Android")
                    OutlinedTextField(
                        value = remember{mutableStateOf("")}.value,
                        onValueChange = {

                        },
                        label = {
                            Text(text = "Date of Birth")
                        },
                        placeholder = {
                            Text(text = "MM/DD/YYYY") //TalkBack won't select the field with this placeholder

//                          Text(text = "Hello World") //TalkBack WILL select the field with this placeholder
                        }
                    )
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String) {
    Text(text = "Hello $name!")
}

这是我正在使用的依赖性：

buildscript {
    ext {
        compose_version = '1.3.0-alpha01'
    }
}// Top-level build file where you can add configuration options common to all sub-projects/modules.
plugins {
    id 'com.android.application' version '7.2.1' apply false
    id 'com.android.library' version '7.2.1' apply false
    id 'org.jetbrains.kotlin.android' version '1.7.0' apply false
}

    id 'com.android.application'
    id 'org.jetbrains.kotlin.android'
}

android {
    compileSdk 32

    defaultConfig {
        applicationId "com.example.playground"
        minSdk 21
        targetSdk 32
        versionCode 1
        versionName "1.0"

        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
        vectorDrawables {
            useSupportLibrary true
        }
    }

    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
    kotlinOptions {
        jvmTarget = '1.8'
    }
    buildFeatures {
        compose true
    }
    composeOptions {
        kotlinCompilerExtensionVersion '1.2.0'
    }
    packagingOptions {
        resources {
            excludes += '/META-INF/{AL2.0,LGPL2.1}'
        }
    }
}

dependencies {

    implementation 'androidx.core:core-ktx:1.8.0'
    implementation "androidx.compose.ui:ui:$compose_version"
    implementation 'androidx.compose.material3:material3:1.0.0-alpha14'
    implementation "androidx.compose.ui:ui-tooling-preview:$compose_version"
    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.5.0'
    implementation 'androidx.activity:activity-compose:1.5.0'
    testImplementation 'junit:junit:4.13.2'
    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
    androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version"
    debugImplementation "androidx.compose.ui:ui-tooling:$compose_version"
    debugImplementation "androidx.compose.ui:ui-test-manifest:$compose_version"
}

某些字符串或字符是否被Talkback禁止？

Answer 1

问题...我进行了一些测试（使用androidx.compose.ui：ui：ui：1.3.0-

• 我有同样的
• ）
• 。
• beta03
• textfield
• 。
• ​
• 空

​ textfield 和 OutlinedTextField 之间的行为差​​异时，我们将占位符和 label 时。 Google的问题跟踪器在这里issuetracker.google.com/issues/242439166“ rel =” nofollow noreferrer”>此处或在这里。

我没有其他解决方案，只有仅使用标签与 OutlinedTextField 使用，因为可访问性对我们来说不是可选的。我在

Column(
    modifier = Modifier
        .fillMaxSize()
        .padding(all = 16.dp)
        .verticalScroll(state = rememberScrollState()),
) {
    // OutlinedTextField empty.❌
    Text(text = "OutlinedTextField empty")
    Spacer(modifier = Modifier.height(height = 4.dp))
    OutlinedTextField(
        value = "",
        onValueChange = { },
        modifier = Modifier.fillMaxWidth(),
    )
    Spacer(modifier = Modifier.height(height = 12.dp))

    // OutlinedTextField with placeholder.✅
    Text(text = "OutlinedTextField with placeholder")
    Spacer(modifier = Modifier.height(height = 4.dp))
    OutlinedTextField(
        value = "",
        placeholder = { Text(text = "Placeholder") },
        onValueChange = { },
        modifier = Modifier.fillMaxWidth(),
    )
    Spacer(modifier = Modifier.height(height = 12.dp))

    // OutlinedTextField with placeholder and label.❌
    Text(text = "OutlinedTextField with placeholder and label")
    OutlinedTextField(
        value = "",
        placeholder = { Text(text = "Placeholder") },
        label = { Text(text = "Label") },
        onValueChange = { },
        modifier = Modifier.fillMaxWidth(),
    )
    Spacer(modifier = Modifier.height(height = 12.dp))

    // OutlinedTextField with label.✅
    Text(text = "OutlinedTextField with label")
    OutlinedTextField(
        value = "",
        label = { Text(text = "Label") },
        onValueChange = { },
        modifier = Modifier.fillMaxWidth(),
    )
    Spacer(modifier = Modifier.height(height = 12.dp))

    // TextField empty.❌
    Text(text = "TextField empty")
    Spacer(modifier = Modifier.height(height = 4.dp))
    TextField(
        value = "",
        onValueChange = { },
        modifier = Modifier.fillMaxWidth(),
    )
    Spacer(modifier = Modifier.height(height = 12.dp))

    // TextField with placeholder.✅
    Text(text = "TextField with Placeholder")
    Spacer(modifier = Modifier.height(height = 4.dp))
    TextField(
        value = "",
        placeholder = { Text(text = "Placeholder") },
        onValueChange = { },
        modifier = Modifier.fillMaxWidth(),
    )
    Spacer(modifier = Modifier.height(height = 12.dp))


    // TextField with placeholder and label.✅
    Text(text = "TextField with Placeholder and label")
    Spacer(modifier = Modifier.height(height = 4.dp))
    TextField(
        value = "",
        placeholder = { Text(text = "Placeholder") },
        label = { Text(text = "Label") },
        onValueChange = { },
        modifier = Modifier.fillMaxWidth(),
    )
    Spacer(modifier = Modifier.height(height = 12.dp))

    // TextField with label.✅
    Text(text = "TextField with label")
    Spacer(modifier = Modifier.height(height = 4.dp))
    TextField(
        value = "",
        label = { Text(text = "Label") },
        onValueChange = { },
        modifier = Modifier.fillMaxWidth(),
    )
    Spacer(modifier = Modifier.height(height = 12.dp))
}

。 a href =“ https://i.sstatic.net/ozqpf.gif” rel =“ nofollow noreferrer“>

Answer 2

正如@berhug所指出的那样，似乎有一个错误。为了使它阅读内容，您可以通过添加语义修改器来添加内容描述：

OutlinedTextField(
    modifier = modifier.semantics { 
        contentDescription = "this is a text entry box" 
    }, 
) {}

这还会导致屏幕读取器添加有关如何在读取文本输入字段的其他说明。

这些链接中有一些有用的附加信息：

https://bryanherbst.com/2020/2020/11/11/03/compose-semantics-talkbackback /