Browser support

Levels of support and usage trends

All new web pages must be tested against a relevant browser matrix. This should be appropriate for the audience of your website and the region(s) you are targeting. This section references the Aviva global standard browser matrix, which should be used as a base level of support. This is based from the usage statistics for the Aviva global and UK specific websites.


Support matrix

The support matrix has been created to specify what priority each browser is and which ones need to be tested against.

  • The support matrix references our priority levels.
  • Individual browser support levels have been defined via analysis of our online analytics data and external web guidelines.
  • Note that testing a browser on various versions of the same operating system family is not required (ie. Firefox only needs to be tested on one version of Microsoft Windows, not them all). However it is recommended to test across different operating systems such as Microsoft Windows and Apple OSX.

The priority level of support for each browser

Note: These priority levels have been set using our online analytics data and should be considered a base level of support. Analytics for an individual website should be used to determine if extra support is required. For any browser where a version is not specified, support is provided for the latest version along with the version preceding that.

Browser Priority level
Edge A
IE11 A
Chrome A
Chrome Mobile A
Firefox (including latest ESR) A
Safari Mobile A
Safari B
Samsung B
IE10 C
IE9 C
IE8 C
Android C
Amazon Silk C
All other browsers and earlier versions of those specified above D

Browser targeting

Wherever possible browser targeting and device detection should be avoided, with feature detection being used instead. If it is necessary to use device detection the preferred method for achieving this is via server side device detection.


“Priority level” definitions

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

Priority level A – Fully supported

  • Testing is required.
  • All content must be available.
  • Layout must comply with the creative design unless there is a technical need not to do so.
  • All functionality must be available and work as required.

Priority level B – Mostly supported

  • Testing is required.
  • All content must be available.
  • Layout does not have to look identical to creative design (ie degradation of appearance is acceptable).
  • All functionality must be available and work as required.

Priority level C – Partially supported

  • Testing is required.
  • All content must be available.
  • Layout does not have to look identical to creative design (ie degradation of appearance is acceptable).
  • Core functionality must be available and work as required, however it may function in a more basic manner and enhancements do not need to be available.

Priority level D – Not supported

  • Testing is not required.

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).


Test process

It is recommended that as much real world browser testing is carried out as possible using actual devices. Emulators or simulators should then be used to fill the gaps where real device testing has not been possible. Emulators or simulators must not be used as a replacement to real world testing due to their inaccuracies and the difficultly to test touch interfacing.

For lower priority web browsers such as IE8, IE9 and IE10 a recommended strategy is to use batch testing at an interval by testing against these on a monthly basis across templates instead of isolated components.

Recommended device lists for testing are shown below along with the best options to use in BrowserStack:

Functional device list

The functional device list can be used for testing components with JavaScript interaction. This could include components such as accordions, carousels, drop down filters or any components that require the visitor/user to perform some form of action or interaction with the web page.

Browser/device Spec/model/version BrowerStack name
Google Chrome Latest version N/A
Mozilla Firefox Latest version N/A
Apple Mac High Sierra Safari 11 Apple Mac High Sierra (Safari v11)
Microsoft Edge 15 N/A
Internet Explorer 11 N/A
Apple iPhone 7 Plus (Safari) iOS 10.3 iPhone 7 Plus iOS 10.3
Apple iPhone 6S (Google Mobile) iOS 9 iPhone 6S iOS 9
Samsung Galaxy S8 Android 7 Samsung Galaxy S8 Android 7
iPad Pro iOS 10.3 iPad Pro iOS 10.3
Samsung Galaxy Tab 4 Android 4.4 Samsung Galaxy Tab 4 10.1 Android 4.4

UI device list

The UI device list can be used to check components against different visual break points. For example, if there have been major UI code changes then we would need to check whether components on a web page are displayed correctly against different view points ie. a larger screen, smaller screen or bigger mobile and tablet screens.

Browser/device Spec/model/version BrowerStack name
Regular Monitor screen Manufacturer: Dell Inc.
Resolution: 1920 x 1080
N/A
Regular Laptop screen Manufacturer: Dell Inc. Latitude E7270
Resolution: 1366 x 768
N/A
Google Chrome Latest version N/A
Mozilla Firefox Latest version N/A
Apple Mac Sierra Safari 10.1 Apple Mac Sierra (Safari v10.1)
Microsoft Edge 15 N/A
Internet Explorer 11 N/A
Apple iPhone 7 Plus iOS 10.3 iPhone 7 Plus iOS 10.3
Apple iPhone 6S iOS 9 iPhone 6S iOS 9
Samsung Galaxy S8 Android 7 Samsung Galaxy S8 Android 7
iPad Pro iOS 10.3 iPad Pro iOS 10.3
Samsung Galaxy Tab 4 Android 4.4 Samsung Galaxy Tab 4 10.1 Android 4.4
Google Nexus 9 Android 5.1 Google Nexus 9 Android 5.1

Browser usage statistics

This usage data is collected from the Adobe Analytics tracking tags on the Aviva UK websites. For browsers that do not have a version number associated the figures are calculated by adding together all versions of these browsers that record a share of 0.1% or more.

The % usage of each browser across Aviva UK websites over last 6 months

  April 2017 May 2017 June 2017 July 2017 August 2017 September 2017
Edge 5.8 5.8 5.9 6.1 6.1 6.4
IE11 24.6 25.2 26.1 24.4 24.5 24.3
IE10 0.4 0.4 0.3 0.3 0.2 0.2
IE9 0.3 0.3 0.3 0.3 0.3 0.4
IE8 0.2 0.3 0.4 0.3 0.3 0.4
IE Mobile 0.1 0.1 0.1 0.1 0.1 0.1
Firefox 5.8 5.8 5.6 5.4 5.4 5.9
Chrome 30.2 30.8 31.4 31.0 30.9 31.1
Chrome Mobile 7.2 6.8 6.4 6.9 6.9 6.8
Android 0.2 0.2 0.2 0.2 0.2 0.2
Amazon Silk 0.3 0.3 0.2 0.3 0.4 0.3
Samsung 2.3 2.1 2.1 2.2 2.2 2.3
Safari 3.6 3.6 3.6 3.8 3.8 4.0
Safari Mobile 17.0 16.3 15.5 16.7 16.7 16.0

Browser % usage across Aviva UK websites over the last 1.5 years

  January 2016 May 2016 September 2016 January 2017 May 2017 September 2017
Edge 1.7 4.1 3.6 5.6 5.8 6.4
IE11 24.9 27.4 26.7 25.6 25.2 24.3
IE10 2.4 1.5 0.8 0.6 0.4 0.2
IE9 2.9 1.8 1.4 0.6 0.3 0.4
IE8 1.8 1.1 0.4 0.3 0.3 0.4
IE Mobile 0.4 0.3 0.2 0.2 0.1 0.1
Firefox 6.6 6.5 6.6 6.1 5.8 5.9
Chrome 27.0 27.1 29.4 28.3 30.8 31.1
Chrome Mobile 8.2 5.9 6.5 7.4 6.8 6.8
Android 0.9 0.5 0.4 0.3 0.2 0.2
Amazon Silk 0.5 0.4 0.4 0.3 0.3 0.3
Samsung 0 1.8 2.2 2.4 2.1 2.3
Safari 3.9 3.8 3.8 3.8 3.6 4.0
Safari Mobile 17.3 15.9 15.8 16.7 16.3 16.0

The % usage trend of desktop vs mobile browsers across Aviva UK websites

  May 2014 September 2014 January 2015 May 2015 September 2015 January 2016 May 2016 September 2016 January 2017 May 2017 September 2017
Desktop 82.1 80.4 75.8 75.8 75.9 72.2 72.0 71.8 70.8 70.9 70.7
Mobile 17.9 19.6 24.2 24.2 24.1 27.8 28.0 27.8 29.2 29.1 29.3