ODS-Component - Text Field

[B3nz01d]

Text Field - Edit Text

<<< TO BE CLARIFIED >>>

Requirement

As a developer
I want to insert a editable text field
So That I will get this ready to use component compatible with Orange design specifications and a11y requirements

DSM staging reference

General description

Component

For the component description please refer to the DSM updates

App Page

the page will propose to the user to describe the component and allow to see the implementation in action.

UI specifications

Anatomy

Component

For the component Anatomy please refer to the DSM updates

App Page

• title: "Edit Text"
• image: xxx.jpg
• Text: intro text in the DSM
• Core field: And example of a text field where the user ca select the existing text

Variants

• NA - Only the default example will be presented

States

• NA

Internationalization

• NA

UX specifications

Interaction

• All:
  • The user is able to select a text using the default OS behavior
• Touch:
  • Nothing Specific
• Keyboard:
  • Nothing specific

Animations

• default OS animation

Accessibility

Visual Accessibility

• taken into account within the design creation process

Usage Accessibility

• (?) Focus order - NA
• (?) Focus loss expected behavior - NA
• (?) Screen Reader - default OS behavior

Technical specifications