Accessibility & Fiori – Introducing SAP High Contrast White

Some time ago I discussed SAP High Contrast Black, a theme that SAP has been providing in many solutions for decades.  A matching SAP High Contrast White has been long desired and with SAPUI5 version 1.48 has finally become a reality.  This blog brings you a first glance at High Contrast White and how it impacts your Fiori Launchpad and Fiori apps.

High Contrast White is an important new theme for anyone working on mobile devices in bright environments where there is dazzling and glare, such as on a mining site, or on a farm, or in city park, or on a container wharf.   

High Contrast White also helps anyone who find higher contrast helps them to see more details, such as people with severe short-sightedness, macular degeneration, glaucoma, and floaters/clouds in the eye. While these sorts of conditions can affect anyone at any age, they are particularly prevalent as we age.  So you may find your mature talent employees (over 45 years of age) may be particularly appreciative of a high contrast screen.

SAP High Contrast White is one of SAP’s newest addition to the Fiori Design Guidelines for accessibility users.  SAP High Contrast White is available for all Fiori and SAPUI5 apps in SAPUI5 and OPENUI5 as of version 1.48.

Given that version 1.48 has only been released very recently most customers are yet to upgrade to SAPUI5 1.48, so the easiest place you can see this is in the recently released SAP S/4HANA 1709 and also in SAP S/4HANA Cloud 1708.

In this blog you will see some brief examples of:

* High Contrast White in the Fiori Launchpad
* High Contrast White in Fiori apps

And you will also find out how you can set select this theme:

* Setting High Contrast White as a user
* Setting High Contrast White as a developer

The screenshots you will see are taken from S/4HANA 1709.

High Contrast White in the Fiori Launchpad

In the Fiori Launchpad, you can see in this example primarily white tiles are shown with a black border.The currently selected tab appears as a mid-blue.

The focus indicator that shows you where the cursor is currently placed appears as black dotted line on white (to make it easier to see the cursor indicator is also 2 pixels wide rather than the usual 1 pixel used for Belize and Belize Deep).  In the example below, you can see the cursor indicator on the Unused Contracts tile.

Notice that semantic colors on analytics tiles still apply, and are just subtly adjusted shades.

Greens are #006362 (0% red, 38.8% green, 38.4% blue) compared to Belize’s #2B7D2B (16.9% red, 49% green and 16.9% blue). Reds are #AB0000 (67% red) compared to Belize’s #BB0000 (73% red).

Naturally the colors of your corporate logo and any other images are unaffected.

On static tiles, you can see icons are in minimalist black on white, as in the following example.

High Contrast White in Fiori apps

In the example below you can see high contrast white applied to one of the S/4HANA Fiori Manage apps.  This particular app, like many of the Manage apps, uses the popular List Report floorplan.  Here we see the list shown with a grid table.  Once again you can see minimalist black text and lines on primarily white screen. The position of the cursor is highlighted in orange – here we see the cursor selecting a whole row to expand it to see more details.

Often details are shown using an Object Page – another very common Fiori floorplan.  On an object page again you can see High Contrast White appears as black text on primarily white screen.  The current tab is emphasized with a bold underline. Major section (aka facet) headings have a grey background.

Thumbnail images are unaffected.

In analytical charts, a deep color palette is applied to make comparison of charts and lines clearer, and a little more interesting.

This new color palette is particularly obvious on Overview Pages.

Setting High Contrast White as a User

It’s easy to turn on this new theme.  Just to go to the Me Area of your Fiori Launchpad and open the Settings dialog. You’ll find the settings for themes in the section Appearance.  Simply choose SAP High Contrast White.

Hint: You might notice there are 2 SAP High Contrast Blacks.  The older sap_hcb (marked with an artist pallet icon) and the newer sap_belize_hcb (showing the theme background colour in a circle icon).  You are recommended to use the updated sap_belize_hcb for Fiori to pick up on the latest Fiori settings and to smoothly navigate to classic UIs.

Setting High Contrast White as a Developer or Administrator

You can switch on the High Contrast White theme by appending the URL parameter to your Fiori Launchpad URL:

sap-ui-theme=sap_belize_hcw

And of course, just like High Contrast Black you can add sap_belize_hcw as a supported theme in your manifest.json file.

Becoming a SAP Fiori Accessibility guru

You’ll find more in the SAP Fiori Accessibility wiki.

Screenshots from S/4HANA 1709

Brought to you by the SAP S/4HANA RIG http://bit.ly/2hT4ADg #SAP #SAPCloud #AI

SAP for Banking: 4 Major Benefits of Banking in the Cloud

Banks in different parts of the globe are now using new digital technologies to satisfy higher customer demands and to respond rapidly to the new business environment. One of the best innovations is the shift to cloud-based storage and processing platforms, like SAP Banking, for financial applications.

According to the famous industry analyst, Gartner, over 50% of banks will process most of their transactions in the cloud from the early part of 2017. This means that account updates, deposits and withdrawals, as well as credit and loan processing, will be done in the cloud. So the other financial institutions, including microlenders who help customers that need assistance on how to get a business loan should do their best to adopt cloud-based technologies if they don’t want to be left behind.

Cloud Solutions Reduce Cost and Boost Innovation

Over 90 percent of financial service chief executives, who responded to a SAP benchmark survey, believe that cloud solutions will turn around their institutions. When financial institutions move their core banking systems to the cloud, they can focus their resources on getting a deeper understanding and serving customers instead of maintaining integrations to their legacy systems.

Cloud-Based Systems Offer a Real Time 360-degree View

Working with a single cloud-based system enables financial institutions to create a window into their operational and customer data. This offers them an instant view of customer activity and removes all the bottlenecks involved in giving customers access to their account information. Cloud solutions like SAP for Banking allow a consolidation of data so clients do not have to wait for 48 hours to receive their account number, ATM card and other important account information after opening an account.

Cloud Solutions Reduce System Maintenance Costs

A major benefit of transferring all core banking systems to the cloud is the drastic reduction in maintenance costs. So banks can focus their spending on innovations that increase customer satisfaction and business expansion. For instance, a prominent bank in New York improved their capacity to innovate and reduce their data center energy consumption while eliminating manual patching, after adopting cloud-based technology.

Connect CRM and ERP in Real Time

Moving from legacy systems to the cloud allows banks to break away from the limitations of obsolete technology and open up to a new data-driven world. This data can be aggregated and analyzed to provide the type of information that will make it possible to anticipate and provide a faster response to customer demands. For instance, customers of banks and other financial institutions that use these cloud-based systems can see the full results of their transactions instantly. This helps to maintain transaction security and accuracy.

Those are some of the key benefits that financial institutions can gain from moving their major operations to the cloud. Cloud-based banking operations will offer better customer satisfaction and reduce the burden created by maintaining very old legacy systems. http://bit.ly/2hQUh2q #SAP #SAPCloud #AI