Last update: 17.01.2022
Platform: Web
Designer: Nedda Ren
Intro
Legal Scan is an enhanced feature for input field/text area, help the user to detect the keywords problems and fix them. It is similar to spell check.
The keywords are configured by the admin. On backend, the admin can set up the keyword and suggestion mapping relationship. After the user click Legal Scan, the system will detect the inputs and highlight the keywords which need to be fixed.
Usage
- You need to detect keywords problems for input field/text area.
- There are no backend keywords/suggestions mapping relationship
- It’s not for spelling check.
Structure
The Legal Scan contains 3 parts:
- Trigger Button that can be clicked to start detecting.
- Highlighted keywords that can be clicked to show suggestion.
- The popover to show suggestion.
No Scrolling. The text area has its standard scrolling behavior. The suggestion characters are limited.
Behavior & Interaction
- User can click Tab to select and focus on the button, then click “Enter” to start detection, then using Left/Right key to select each keyword.
- Click “Enter” on each keyword to show suggestions. Click Esc will exit the suggestion.
- Click “Backspace” to edit the keywords.
Please follow the Web Accessibility QuickGuide:
If there is no problem keyword detected, will show a success message:
For Button parameters, please refer to tertiary button: https://wiki.wdf.sap.corp/wiki/pages/viewpage.action?pageId=2025039257
For highlighted keywords:
Font weight: bold;
color: @sapNegative Color;
For suggestion popover, please refer to: https://wiki.wdf.sap.corp/wiki/pages/viewpage.action?pageId=2033132412
For success message popover, please refer to: https://wiki.wdf.sap.corp/wiki/pages/viewpage.action?pageId=2035285081
Responsiveness and Adaptiveness
Responsive legal scan shares the same behavior using Cozy mode of button, popover and message box.