Simple& Happy Dev

"빨강"이라는 글자와 나무 질감의 배경 간의 대비율(Contrast ratio)이 4.5 이상되어야 하는데 3.72라서 검출되었습니다.

참고로 글자의 크기가 큰 경우에 기준 대비율이 3.0이 될 수 있습니다.

약시 사용자에게는 글자 인식에 문제가 될 수 있기 때문입니다.

대비율은 https://contrast-ratio.com/ 사이트에서 확인할 수 있습니다.

여기에서 대비율이 4.5 이상 나오도록 Text color 값 변경해봅니다. #979797 이상만 넣어주면 4.5가 넘어갑니다. 

color_item.xml에 있는 id가 tvName인 TextView의 textColor를 #979797 이상이 되는 값으로 넣어줍니다.

여기서는 white(#ffffffff)로 변경했습니다.

수정 전
 
<TextView
    android:id="@+id/tvName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="12dp"
    android:layout_marginTop="16dp"
    android:textColor="#ff888888"
    app:layout_constraintStart_toEndOf="@+id/ivColor"
    app:layout_constraintTop_toTopOf="@+id/ivColor" />
 
 
수정 후
 
<TextView
    android:id="@+id/tvName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="12dp"
    android:layout_marginTop="16dp"
    android:textColor="#ffffffff"
    app:layout_constraintStart_toEndOf="@+id/ivColor"
    app:layout_constraintTop_toTopOf="@+id/ivColor" />

"텍스트 대비" 검토 항목을 개선 후 접근성 검사기로 다시 스캔해보면 제안사항이 15개로 줄어든 것을 확인할 수 있습니다.

수정한 것은 하나인데, 갑자기 제안사항 개수가 많이 줄어든 것은 리스트 뷰에서 공용으로 사용하는 아이템 레이아웃을 수정했기 때문입니다.

버튼의 경우 너비나 높이가 48dp 이상이 되어야 합니다.

이 크기는 아이콘과 패딩 크기를 포함한 것입니다. 현재 우측 레이아웃 디자인의 패딩 크기는 0입니다.

이 스위치 버튼의 아이콘 크기가 47dpx27dp이고, 패딩 포함한 전체 크기도 47dpx27dp라서 검출이 되었습니다.

두 가지 방법으로 개선할 수 있습니다.

아이콘을 48dp 이상인 아이콘 이미지로 교체하는 방법과 기존의 아이콘을 사용하면서 패딩크기를 조절하는 방법이 있습니다. 여기서는 편의상 후자로 수정을 해보도록 하겠습니다.

아래처럼 start/end 패딩 크기를 각각 1dp 이상, top/bottom 패딩 크기를 각각 11dp 이상 추가해주어도 됩니다.

android:paddingStart="1dp"
android:paddingTop="11dp"
android:paddingEnd="1dp"
android:paddingBottom="11dp"

그러나, 여기서는 아래처럼 minWidth와 minHeight를 48dp로 변경해주도록 하겠습니다.

결과적으로 비슷하게 보입니다만, 혹시 아이콘이 변경되더라도 스위치 버튼의 크기가 48dp 이상이 되도록 만들어줍니다. 

수정 전
 
<Switch
    android:id="@+id/swUse"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="16dp"
    android:focusable="false"
    android:focusableInTouchMode="false"
    app:layout_constraintBottom_toBottomOf="@+id/ivColor"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="@+id/ivColor" />
 
 
수정 후 
 <Switch
    android:id="@+id/swUse"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="16dp"
    android:focusable="false"
    android:focusableInTouchMode="false"
    android:minWidth="48dp"
    android:minHeight="48dp"
    app:layout_constraintBottom_toBottomOf="@+id/ivColor"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="@+id/ivColor" />

앞선 레이아웃 디자인과 비교해보면 패딩 크기가 늘어난 것을 확인하실 수 있습니다.

"터치할 대상" 검토 항목을 개선 후 접근성 검사기로 다시 스캔해보면 제안사항이 8개로 줄어든 것을 확인할 수 있습니다.

스크린 리더는 위젯에 설정된 "콘텐츠 라벨"을 사용자에게 읽어줍니다. 

그러면, 스크린 리더가 텍스트 뷰, 일반 버튼, 스위치 버튼의 "콘텐츠 라벨"을 어떻게 읽는지부터 설명하겠습니다.

텍스트 뷰의 경우 별도의 콘텐츠 라벨이 필요 없습니다. 텍스트 그 자체를 읽기 때문입니다. 위에서 텍스트 뷰의 "색상 이름"은 콘텐츠 라벨 없이도 "빨강", "주황", "노랑" 등으로 읽혀집니다.

일반 버튼의 경우 스크린 리더는 설정된 "콘텐츠 라벨"+"버튼"이라고 읽습니다. 버튼의 콘텐츠 라벨에 "시작"으로 되어 있으면 스크린 리더는 "시작 버튼"이라고 읽게 됩니다. 만약, 콘텐츠 라벨을 "시작 버튼"으로 해두면 "시작 버튼 버튼"으로 읽기 때문에 문제로 검출됩니다.

스위치 버튼의 경우 스크린 리더는 스위치 상태(On/Off)에 따라서 "사용 스위치" 또는 "해제 스위치"라고 읽습니다.

여기 문제가 된 항목은 리스트 뷰의 경우 아이템이 여러 개 존재하지만, 아이템 레이아웃이 하나만 존재하기 때문에 이 레이아웃에 포함된 스위치 버튼이 다른 아이템들에서도 "콘텐츠 라벨"이 동일하다고 검출하는 것입니다.

즉, 동일한 레이아웃을 계속 사용하기 때문에 리스트 뷰의 각 아이템을 스크린 리더가 읽을 때 스위치 상태가 On인 경우 모두 "사용 스위치"라고 읽고, 스위치가 Off인 경우 모두 "해제 스위치"라고 읽게 됩니다. 이렇게 되면 어떤 아이템의 스위치인지 알 수 없게 됩니다. 아래 "개선 전 동영상"을 보시면 알 수 있습니다.

이 경우에 수정을 하려면 레이아웃이 아닌 Java 코드 쪽 수정을 해야합니다.

View를 반환하는 getView에서 스위치 버튼의 "콘텐츠 라벨"을 지정할 수 있도록 setContentDescription 메서드에 아이템의 "색상 이름"을 넣어줍니다. 이렇게 되면 스크린 리더는 아이템에서 스위치 버튼을 "콘텐츠 라벨"+"사용 스위치"라고 읽게 되며, 여기서 "콘텐츠 라벨"이 아이템마다 해당하는 "색상 이름"이 들어가서 "빨강 사용 스위치", "주황 사용 스위치"라고 읽게 됩니다.즉, 각 아이템의 스위치 버튼마다 "콘텐츠 라벨"이 달라져서 구분이 됩니다.

다만, 아이템의 텍스트 뷰(id:  tvName)의 텍스트도 "색상 이름"이기에 뒤에 "-"를 추가해주어서 "콘텐츠 라벨"이 텍스트 뷰와 같지 않도록 만들었습니다. "-"를 추가해도 스크린 리더가 읽지는 않습니다.

수정 전
 
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    ColorItemView colorView;
    if (convertView == null) {
        colorView = new ColorItemView(mContext);
    } else {
        colorView = (ColorItemView) convertView;
    }

    colorView.setColorValue(mItems.get(position).getColorValue());
    colorView.setColorName(mItems.get(position).getColorName());
    colorView.setColorUse(mItems.get(position).getColorUse());

    Switch swUse = colorView.findViewById(R.id.swUse);
    swUse.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            mItems.get(position).setColorUse(isChecked);
        }
    });

    return colorView;
}
 
 
 
수정 후
 
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    ColorItemView colorView;
    if (convertView == null) {
        colorView = new ColorItemView(mContext);
    } else {
        colorView = (ColorItemView) convertView;
    }

    colorView.setColorValue(mItems.get(position).getColorValue());
    colorView.setColorName(mItems.get(position).getColorName());
    colorView.setColorUse(mItems.get(position).getColorUse());

    Switch swUse = colorView.findViewById(R.id.swUse);
    swUse.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            mItems.get(position).setColorUse(isChecked);
        }
    });
    swUse.setContentDescription(mItems.get(position).getColorName()+"-");

    return colorView;
}

"항목 설명" 검토 항목을 개선 후 접근성 검사기로 다시 스캔해보면 제안사항이 6개로 줄어든 것을 확인할 수 있습니다.

개선 전/후 동영상을 확인해보세요. 스크린 리더가 동작하기에 소리를 키우시고 보세요.

[개선 전]

[개선 후]

"항목 라벨" 항목 검토 및 개선

앞서 버튼에 대해서 스크린 리더는 설정된 "콘텐츠 라벨"+"버튼"이라고 읽습니다. 여기서 "스크린이 읽을 수 있는 라벨이 없다"는 말은 해당 버튼에 "콘텐츠 라벨"이 지정되지 않았다는 의미입니다. 그리고, 스크린 리더는 "버튼 레이블 없음"이라고 읽게 됩니다. 이 경우에 시각장애인은 이 버튼이 어떤 용도인지 알 수 없게 됩니다.

두 가지 방법으로 수정할 수 있습니다.

- 자바에서 수정방법: setContentDescription 메서드에 "콘텐츠 라벨" 입력

- xml에서 수정방법: android:contentDescription에  "콘텐츠 라벨" 입력

여기서는 후자의 방법으로 수정하도록 하겠습니다.

수정 전
 
<ImageButton
    android:id="@+id/ibPrev"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="8dp"
    android:src="@android:drawable/ic_media_previous"
    app:layout_constraintEnd_toStartOf="@+id/ibPlay"
    app:layout_constraintTop_toTopOf="@+id/ibPlay" />

<ImageButton
    android:id="@+id/ibPlay"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:src="@android:drawable/ic_media_play"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/lvColor" />

<ImageButton
    android:id="@+id/ibNext"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:src="@android:drawable/ic_media_next"
    app:layout_constraintStart_toEndOf="@+id/ibPlay"
    app:layout_constraintTop_toTopOf="@+id/ibPlay" />
 
 
수정 후
 <ImageButton
    android:id="@+id/ibPrev"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="8dp"
    android:src="@android:drawable/ic_media_previous"
    android:contentDescription="@string/previous_song"
    app:layout_constraintEnd_toStartOf="@+id/ibPlay"
    app:layout_constraintTop_toTopOf="@+id/ibPlay" />

<ImageButton
    android:id="@+id/ibPlay"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:src="@android:drawable/ic_media_play"
    android:contentDescription="@string/play"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/lvColor" />

<ImageButton
    android:id="@+id/ibNext"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:src="@android:drawable/ic_media_next"
    android:contentDescription="@string/next_song"
    app:layout_constraintStart_toEndOf="@+id/ibPlay"
    app:layout_constraintTop_toTopOf="@+id/ibPlay" />

"항목 라벨" 검토 항목을 개선 후 접근성 검사기로 다시 스캔해보면 제안사항이 3개로 줄어든 것을 확인할 수 있습니다.

"이미지 대비" 항목 검토 및 개선

앞서 "텍스트 대비"와 유사하게 전면 이미지와 배경 간의 대비율(Contrast ratio)이 3.0 이상 되어야 하는데, 이에 미치지 못해서 검출되었습니다.

여기서는 색조를 조정해서 버튼과 나무 질감의 배경 간의 대비율을 높이도록 해보겠습니다.

android:backgroundTint에 @color/colorPrimary(=#3F51B5 "    ")를 추가했습니다.

수정 전
 
<ImageButton
    android:id="@+id/ibPrev"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="8dp"
    android:src="@android:drawable/ic_media_previous"
    android:contentDescription="@string/previous_song"
    app:layout_constraintEnd_toStartOf="@+id/ibPlay"
    app:layout_constraintTop_toTopOf="@+id/ibPlay" />

<ImageButton
    android:id="@+id/ibPlay"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:src="@android:drawable/ic_media_play"
    android:contentDescription="@string/play"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/lvColor" />

<ImageButton
    android:id="@+id/ibNext"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:src="@android:drawable/ic_media_next"
    android:contentDescription="@string/next_song"
    app:layout_constraintStart_toEndOf="@+id/ibPlay"
    app:layout_constraintTop_toTopOf="@+id/ibPlay" />
 
 
수정 후
 <ImageButton
    android:id="@+id/ibPrev"
    android:backgroundTint="@color/colorPrimary"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="8dp"
    android:src="@android:drawable/ic_media_previous"
    android:contentDescription="@string/previous_song"
    app:layout_constraintEnd_toStartOf="@+id/ibPlay"
    app:layout_constraintTop_toTopOf="@+id/ibPlay" />

<ImageButton
    android:id="@+id/ibPlay"
    android:backgroundTint="@color/colorPrimary"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:src="@android:drawable/ic_media_play"
    android:contentDescription="@string/play"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/lvColor" />

<ImageButton
    android:id="@+id/ibNext"
    android:backgroundTint="@color/colorPrimary"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:src="@android:drawable/ic_media_next"
    android:contentDescription="@string/next_song"
    app:layout_constraintStart_toEndOf="@+id/ibPlay"
    app:layout_constraintTop_toTopOf="@+id/ibPlay" />

아래와 같이 이미지와 배경 간의 구분이 좋아졌습니다.

"이미지 대비" 검토 항목까지 개선 후 접근성 검사기로 다시 스캔해보면 "제안사항이 없음"으로 모두 수정된 것을 확인할 수 있습니다.

리스트 뷰의 아이템을 누르게 되면 아래 왼쪽과 같이 팝업(AlertDialog)이 발생하게 되어있습니다.

이것도 "접근성 검사기"로 스캔을 해보면 아래 오른쪽처럼 개선해야 할 1건이 확인됩니다.

세부내용을 확인해보면, 제일 처음에 다루었던 "텍스트 대비"에 대한 문제점입니다.

그런데, 이 팝업(AlertDialog)은 레이아웃으로 만든 게 아니어서, 테마를 적용해서 스타일에서 텍스트의 색상을 조절하도록 수정하였습니다.

MainActivity.java
 
수정 전
 
ListView colorListView = findViewById(R.id.lvColor);
colorListView.setAdapter(mColorListAdapter);
colorListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        ColorItem selectedItem = (ColorItem) mColorListAdapter.getItem(position);
        AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
        AlertDialog alert = builder.setMessage(selectedItem.getColorName() + getResources().getString(R.string.dialog_msg) + 
                            (selectedItem.getColorUse() ? getResources().getString(R.string.yes) : getResources().getString(R.string.no)))
                .setPositiveButton(getResources().getString(android.R.string.ok), new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int whichButton) {
                        dialog.cancel();
                    }
                }).create();
        alert.show();
    }
});
 
 
 
수정 후 


ListView colorListView = findViewById(R.id.lvColor);
colorListView.setAdapter(mColorListAdapter);
colorListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        ColorItem selectedItem = (ColorItem) mColorListAdapter.getItem(position);
        AlertDialog.Builder builder = new AlertDialog.Builder(new ContextThemeWrapper(MainActivity.this, R.style.AlertDialogCustom));
        AlertDialog alert = builder.setMessage(selectedItem.getColorName() + getResources().getString(R.string.dialog_msg) + 
                           (selectedItem.getColorUse() ? getResources().getString(R.string.yes) : getResources().getString(R.string.no)))
                .setPositiveButton(getResources().getString(android.R.string.ok), new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int whichButton) {
                        dialog.cancel();
                    }
                }).create();
        alert.show();
    }
});

styles.xml
 
수정 전
 
<resources>
     <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>
 
 
수정 후
 
<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
    <style name="AlertDialogCustom" parent="Theme.AppCompat.Light.Dialog.Alert">
        <item name="android:textColor">#000000</item>
        <item name="android:typeface">normal</item>
        <item name="android:textSize">20dp</item>
    </style>
</resources>

수정된 팝업은 아래와 같이 나옵니다. "확인" 버튼의 색상이 검정으로 변경되었고, 크기도 조금 더 커졌습니다.

1. 터치 대상 크기 조절

   화면상의 요소(주로 버튼)에 대해서 사용자가 터치하는데 불편함이 없는지에 대한 너비 및 높이에 대한 기준 크기

   최소 48dp가 되어야 합니다.

2. 콘텐츠 라벨 지정

   토크백과 같은 스크린 리더가 음성 안내를 할 수 있도록 화면상의 요소들에 라벨을 지정이 필요합니다.

   텍스트 뷰(TextView)와 같이 별도 지정이 필요하지 않은 것도 있고, 이미지 뷰(ImageView)나 이미지 버튼(ImageButton)과

   같이 별도로 추가해야 하는 것도 있습니다. 배경 이미지나 화면을 꾸미기 위해서 넣은 이미지의 경우와 같이 라벨이 필요

   하지 않아도 되는 경우 제외하도록 처리할 수 있습니다.

3. 대비(Contrast) 조절

   쉽게 읽을 수 있도록 "텍스트와 배경색상" 또는 "이미지와 배경색상" 간의 명암비가 큰 텍스트는 3.0 이상 작은 텍스트는

   4.5 이상이어야 합니다.

4. 구현 검사

   View 계층구조를 검토하고 사용자가 레이아웃과 상호작용하는 데 문제가 될 수 있는 인스턴스를 검사합니다.

   클릭 가능한 링크 (Clickablespan 대신 Urlspans 사용)

■ 사전 출시 보고서 (접근성 항목)

플레이 스토어에 앱을 출시하는 경우 Google Play Console에 apk를 등록 후 알파(공개 트랙)나 베타(비공개 트랙)로 릴리즈하면 "사전 출시 보고서"가 생성됩니다.

아래의 경우 접근성 항목에서 해당 apk의 경고성 문제 15개와 사소한 문제 8개를 검출한 것을 확인할 수 있습니다.

접근성 항목으로 진입하면 스크린샷과 문제가 된 위치를 확인할 수 있습니다.

(아래의 경우 앱의 스크린샷을 제대로 못 했는지 일부만 표시되었습니다. 원래는 제대로 표시됩니다)

스크린샷 화면을 클릭하면 문제가 된 리소스명, 해결 방법에 대한 설명이 나옵니다.

간혹 문제가 된 위치가 엉뚱한 곳으로 표시되는 경우가 있는데, 이때는 리소스명으로 문제가 된 곳을 확인하시면 됩니다.

■ 접근성 검사기

Google Play Console을 이용할 수 없는 경우는 접근성 검사기를 이용해서 문제점을 확인할 수 있습니다.

접근성 검사기는 구글에서 안드로이드 앱의 접근성 개선을 도와주도록 만든 도구입니다.

사용 방법

- 플레이 스토어에서 다운로드 후 설치, "설정 - 접근성 - 접근성 검사기 - 서비스 활성화"

   접근성 검사기 서비스가 활성화되면 우측처럼 가운데 오버레이 된 "파란색 체크 버튼"이 나타납니다.

   이 버튼은 "접근성 스캔 시작 버튼"이라고 부르며 다른 앱으로 이동하더라도 계속 표시됩니다.

- 검사할 앱으로 가서 "접근성 스캔 시작 버튼"을 눌러줍니다. (아래 예로 "11번가" 앱을 검사하였습니다)

  스캔할 때 "찰칵"하는 촬영음 발생되고 잠시후에 오른쪽에 있는 것과 같이 결과가 표시됩니다.

  총 26개의 검토 항목이 검출되었고, 해당 위치에 주황색 사각형으로 표시되어 있습니다.

위의 접근성 스캔 결과가 표시된 화면의 상단의 목록 버튼을 누르면 아래 왼쪽과 같이 26개 검토항목이 요소별로 나열되어 나옵니다. 그리고, 주황색 사각형으로 표시된 걸 누르면 아래 오른쪽과 같이 그 위치의 검토할 내용이 표시되며, 해결방법에 대한 설명이 나옵니다.

@Override
protected void onResume() {
    super.onResume();

    AccessibilityManager accessibilityManager = (AccessibilityManager) getSystemService(ACCESSIBILITY_SERVICE);
    boolean isScreenReaderEnabled = accessibilityManager.isEnabled() && accessibilityManager.isTouchExplorationEnabled();

    if (isScreenReaderEnabled) {
        // 스크린 리더 활성화시
    } else {
        // 스크린 리더 비활성화시
    }
}

public class MainActivity extends AppCompatActivity {
    private TextView mTextView;
    private ImageButton mImageButton;
    private Button mButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mTextView = findViewById(R.id.textView);
        mImageButton = findViewById(R.id.imageButton);
        mButton = findViewById(R.id.button);
    }

    @Override
    protected void onResume() {
        super.onResume();

        AccessibilityManager accessibilityManager = (AccessibilityManager) getSystemService(ACCESSIBILITY_SERVICE);
        boolean isScreenReaderEnabled = accessibilityManager.isEnabled() && accessibilityManager.isTouchExplorationEnabled();

        if (isScreenReaderEnabled) {
            mTextView.setText(getResources().getString(R.string.screen_reader_enable));
            mButton.setVisibility(View.VISIBLE);
            mImageButton.setVisibility(View.INVISIBLE);
        } else {
            mTextView.setText(getResources().getString(R.string.screen_reader_disable));
            mButton.setVisibility(View.INVISIBLE);
            mImageButton.setVisibility(View.VISIBLE);
        }
    }
}

"고대비 글자" 설정 전/후

"고대비 글자" 설정 및 "버튼 강조" 설정 전/후