Browser support

Browsers' testing matrix

Basing on the statistics submitted below next Browsers' testing is proposed.

Browsers' support level

Reckitt’s services must be universally accessible. In short, our digital experiences should work on every browser or device that our users access it on. However, it is accepted that the experience will vary according to the technical capabilities of the browser and device.

Not all browsers will render web pages in the same way, and that is ok – but critical content should remain available and functional. But the level of support is not universal. Tiered support model is suggested (Fully, Mostly, Partially, Untested) (there is a difference between supporting and testing proactively).

Based on Worldwide browsers' usage data and Reckitt statistics provided below, Support matrix was built.

“Priority level” definitions

The rating system that defines the level of browser support has been created to define what level of testing is required.

Level A: Fully supported

·        Real world testing is required.

·        All content must be available.

·        Layout must comply with the creative design.

·        All functionalities must be available and work as intended.

Level B: Mostly supported

·        Real world testing is required.

·        All content must be available.

·        Layout may degrade from design, looking professional but not identical

·        All functionalities must be available and work as intended.

Level C: Partially supported

·        Testing is required, mix of real world and automated/emulated tests can be performed.

·        All content must be available.

·        Layout may degrade from design, looking professional but not identical

·        Core functions must deliver the same outcome, but can be delivered in simpler ways.

Level D: Not supported / Untested

·        Testing is not required.

·        Design and functionality relies on strong progressive enhancement to deliver a base experience without the need to test.

Note: “not supported” does not mean the browsers are blocked in any way, it simply means they are not tested (thus unsupported browsers could work as well as a priority A browser).

Browsers' usage statistics for Reckitt brands' websites and worldwide

Here below is attached an overview of browser usage by Users & Sessions across the top 20 or so Reckitt sites (representing almost half of all traffic). This is from 1 Sep 2021 to now (almost 6 months). The raw data is there as is a pivot.

Open

Attachment 1 - Statistics overview

Basing on Statistics overview diagrams for users' and sessions' distribution via browsers were built.

Open

Open

To analyze Browser market share for Reckitt branded websites and global usage next tables are displayed below.

Table 1 - Top 20 browsers for Reckitt branded websites usage (October 2021-March 2022 period data)

Table 2 - Top 10 browsers used worldwide (March 2022 data*)

Table 3 - Top 10 browsers used in India (March 2022 data*)

Table 4 - Top 10 browsers used in China (March 2022 data*)

Table 5 - Top 10 browsers used in Asia (basing on January-March 2022 period data*)

Table 6 - Top 10 browsers used in North America (March 2022 data*)

Table 7 - Top 10 browsers used in Europe (basing on January-March 2022 period data*)

Table 7 - Summary table for top 10 browsers used worldwide, in regions and via Reckitt brands websites users (basing on October 2021-March 2022 period data*)

* - All data are taken from Browser Market Share Worldwide | Statcounter Global Stats

Additional takeaways

• At the top end, the design and functionality should mirror expectations, then with less important browsers we can deviate on design but still offer the functionality, then we compromise the functionality down to base and then there will be a bunch of browser variants that aren’t specifically tests but at the very worst, serving only HTML should still provide base level value.

• Regional differences should be taken into account ( for example, QQ browser doesn’t show up much on a global scale, but it can represent 10%+ of traffic in some markets (China/India) etc).

• We don’t need to support browsers to a strong extent when their manufacturers don’t support them already (e.g. IE. Base experience only).

• Including JAWS into support will require having a license.

• Regarding overall browser support, as we are to use progressive enhancement approach with the semantically correct HTML first and CSS on top, then we need to have basic support for most of the browsers.

• Regarding screen sizes, we probably should define breakpoints rather than names of the screen sizes. . Screen dimensions are only one attribute.

• We need to design with minimal breakpoints and breaking based on the content, not the device.