Hardware buttons
Use the following guidelines when implementing accessibility
with Android Protected Confirmation.
Hardware 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 |
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 |
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
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
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 |
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 |
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
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 |