Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit bb4bd5cd authored by Daniel Norman's avatar Daniel Norman
Browse files

feat(expressive): More expressive updates for Display size & text

- Updates each preview page to include a unique title
- Updated preview padding to closer match UX mocks and to look more
  consistent across the 3 default previews.
- Uses categories to group the sliders separate from the toggles.
  Includes titles for the categories so that these categories are
  understandable for screen reader users.
- Updates the Message preview icons to use a black icon color
  (the old gray color had a very low contrast against the icon bg)

Fix: 399173131
Test: atest com.android.settings.accessibility
Test: see screenshots in bug
Test: interacted with the previews using TalkBack; observed that
      TalkBack still reads each preview's content description
Flag: EXEMPT low risk visual changes
Change-Id: Ied418adc66931b6665de9f1454d7ac1bdb4b0e87
parent d507b103
Loading
Loading
Loading
Loading
+33 −37
Original line number Diff line number Diff line
@@ -29,23 +29,20 @@
        android:background="@drawable/accessibility_text_reading_preview"
        android:clipChildren="true"
        android:orientation="vertical"
        android:padding="18dp">
        android:padding="@dimen/settingslib_expressive_space_extrasmall6">

        <TextView
            android:id="@+id/preview_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/screen_zoom_preview_title"
            android:importantForAccessibility="noHideDescendants"
            style="@style/AccessibilityTextReadingPreviewTitle" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
        <com.android.settings.accessibility.TextReadingPreviewPager
            android:id="@+id/preview_pager"
            android:layout_width="wrap_content"
                android:layout_height="217dp"
            android:layout_height="240dp"
            android:contentDescription="@string/screen_zoom_preview_title"
            android:nestedScrollingEnabled="true"/>
        <LinearLayout
            android:layout_width="match_parent"
@@ -79,5 +76,4 @@
                style="?android:attr/borderlessButtonStyle" />
        </LinearLayout>
    </LinearLayout>
    </LinearLayout>
</FrameLayout>
+13 −7
Original line number Diff line number Diff line
@@ -14,19 +14,25 @@
    See the License for the specific language governing permissions and
    limitations under the License.
-->
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:contentDescription="@string/preview_pager_home_content_description" >
    android:orientation="vertical"
    android:contentDescription="@string/preview_pager_home_title"
    android:clipChildren="true" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/preview_pager_home_title"
        android:importantForAccessibility="noHideDescendants"
        style="@style/AccessibilityTextReadingPreviewPageTitle" />
    <com.android.settings.display.AppGridView
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:gravity="center"
        android:nestedScrollingEnabled="true"
        android:importantForAccessibility="noHideDescendants"
        app:appCount="6"/>
</FrameLayout>
</LinearLayout>
 No newline at end of file
+43 −33
Original line number Diff line number Diff line
@@ -14,18 +14,27 @@
    See the License for the specific language governing permissions and
    limitations under the License.
-->
<androidx.core.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:contentDescription="@string/preview_pager_email_content_description">

    android:orientation="vertical"
    android:contentDescription="@string/preview_pager_email_title"
    android:clipChildren="true">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/preview_pager_email_title"
        android:importantForAccessibility="noHideDescendants"
        style="@style/AccessibilityTextReadingPreviewPageTitle" />
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:importantForAccessibility="noHideDescendants"
        android:fillViewport="true">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
        android:orientation="vertical"
        android:importantForAccessibility="noHideDescendants">
            android:orientation="vertical">

            <TextView
                android:id="@+id/subject"
@@ -55,3 +64,4 @@
                android:textColor="?android:attr/textColorPrimary"/>
        </LinearLayout>
    </androidx.core.widget.NestedScrollView>
</LinearLayout>
 No newline at end of file
+39 −28
Original line number Diff line number Diff line
@@ -13,24 +13,34 @@
     See the License for the specific language governing permissions and
     limitations under the License.
-->
<androidx.core.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:contentDescription="@string/preview_pager_message_content_description">
    android:orientation="vertical"
    android:contentDescription="@string/preview_pager_message_title"
    android:clipChildren="true">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/preview_pager_message_title"
        android:importantForAccessibility="noHideDescendants"
        style="@style/AccessibilityTextReadingPreviewPageTitle" />
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:importantForAccessibility="noHideDescendants"
        android:fillViewport="true">

        <view class="com.android.settings.TouchBlockingFrameLayout"
            android:id="@+id/frame"
            android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:importantForAccessibility="noHideDescendants">
            android:layout_height="wrap_content">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
            android:paddingTop="@dimen/conversation_message_list_padding"
                android:paddingTop="@dimen/settingslib_expressive_space_extrasmall3"
                android:paddingStart="@dimen/conversation_message_list_padding"
                android:paddingEnd="@dimen/conversation_message_list_padding"
                android:orientation="vertical">
@@ -51,3 +61,4 @@
            </LinearLayout>
        </view>
    </androidx.core.widget.NestedScrollView>
</LinearLayout>
 No newline at end of file
+1 −1
Original line number Diff line number Diff line
@@ -41,7 +41,7 @@
    <color name="message_bubble_outgoing">#C7C8B7</color>
    <color name="message_icon_background_incoming">#E6F451</color>
    <color name="message_icon_background_outgoing">#FBBC04</color>
    <color name="message_icon_color">#DADADA</color>
    <color name="message_icon_color">@android:color/black</color>

    <color name="usage_graph_dots">#B0BEC5</color>

Loading