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.

Image

Usage

Structure

The Legal Scan contains 3 parts:

Image

No Scrolling. The text area has its standard scrolling behavior. The suggestion characters are limited.

Behavior & Interaction

Image

Please follow the Web Accessibility QuickGuide:

If there is no problem keyword detected, will show a success message:

Image

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.

Accessibility

https://sap.sharepoint.com/:x:/t/SFShanghaiUXTeam/EbzyUb82cjhIskue3yPLt9oBM_0calisKZCBAk667bG4qA?e=YMpB4r

Application-specific examples

Goals b2011: Legal Scan (passcode: goalweb11)

Goals 2011 dev demo: NA

Abstract:

https://share.goabstract.com/669a58bd-9bef-4c65-8014-88d465aa024a