Accessibility

Hardware buttons

Use the following guidelines when implementing accessibility with Android Protected Confirmation.

Hardware Magnified View

Protected Confirmation magnified view

Confirmation string

Message Double-press (button) to confirm
Color #000000 87%
Font face Roboto-Medium
Font size Requirement: 18sp
Line height Requirement: 20dp

Cancel string

Message Cancel
Color #000000 87%
Font face Roboto-Medium
Font size Requirement: 18sp
Line height Requirement: 20dp

Header text

Message Requirement: Android Protected Confirmation
Color #000000 87%
Font face Roboto-Regular
Font size Requirement: 22sp
Line height Requirement: 28dp

Body text

Message The body text is provided by the app developer.
Color #000000 87%
Font face Roboto-Regular
Font size Requirement: 20sp
Line height Requirement: 28dp

Subheader text

Message Requirement: This confirmation provides an extra layer of security for the action you're about to take.
Color #000000 54%
Font face Roboto-Regular
Font size Requirement: 18sp
Line height Requirement: 24dp

Hardware Inverted colors

Protected Confirmation hardware inverted colors

Inverted colors accessibility only changes the color properties. All other properties of the UI remain the same.

Background color #000000 87%
Icon color #a1c2fa
Confirmation string color #ffffff
Cancel string color #ffffff
Header text color #ffffff
Developer text color #ffffff
Subheader text color #ffffff

Software buttons

Use the following guidelines when implementing accessibility if your Android Protected Confirmation implementation uses software buttons.

Software Magnified View

Protected Confirmation software magnified view

Confirmation string

Message Ok
Button color #4285f4 100%
Font face Roboto-Medium
Font size Requirement: 20sp

Cancel string

Message Cancel
Text color #4285f4 100%
Font face Roboto-Medium
Font size Requirement: 20sp

Header text

Message Requirement: Android Protected Confirmation
Color #000000 87%
Font face Roboto-Regular
Font size Requirement: 24sp
Line height Requirement: 28dp

Body text

Message The body text is provided by the app developer.
Color #000000 87%
Font face Roboto-Regular
Font size Requirement: 20sp
Line height Requirement: 24dp

Subheader text

Message Requirement: This confirmation provides an extra layer of security for the action you're about to take.
Color #000000 54%
Font face Roboto-Regular
Font size Requirement: 16sp
Line height Requirement: 20dp

Software Inverted Colors

Protected Confirmation software inverted colors

The inverted color accessibility only changes the color properties. All other properties of the UI remain the same.

Background color #000000 87%
Icon color #a1c2fa
Confirmation string color #000000 87%
Confirmation button color #a1c2fa
Cancel string color #a1c2fa
Header text color #ffffff
Developer text color #ffffff
Subheader text color #ffffff
Previous
Design guidelines