Browser support
Target browsers
Browser classes and implications
Class A
- "Pixel perfect"
- Tested on every release
- Tested with a respective screen reader
- Prioritize bugfixes on this category
Class B
- All operations must be functional
- Critical customer journeys should be tested on every release
- Minor cosmetic discrepancies are acceptable
- Not tested with screen reader
Class C
- Will not be tested on every release
- Issues will be fixed only on latest versions
- Support is considered best effort
- Cosmetic discrepancies are acceptable (as long as functional)
- Test when making changes to build process (babel)
- Test when upgrading libraries
Class D / cut-off
Browsers or browser versions in this category are those that does not fall in one of the other classes. Basically unsupported.
- Redirect old browsers in this category to the old-browser-page
Main targets
Browsers in this category are our most used browsers among our customers.
| Class A | Class B | Class C | Screen reader | |
|---|---|---|---|---|
 Safari | >= 13 | >= 14 | >= 12.0 | VoiceOver |
 Chrome (Android) | >= 87 | >= 80 | >= 51 | Talkback |
 Edge (Windows) | >= 79 | >= 38 | >= 15 | NVDA |
| Chrome (Desktop) | >= 87 | >= 80 | >= 51 | NVDA |
View port targets
As of april/2021 the current recommendation is as presented below:
iOS
- Normal: Optimize for
375x812(iPhone X) width devices, support down to320x568(iPhone SE). - Plus size: Optimize for
414x896(iPhone XR/XS) - Tablet: Target the
768x1024view port
Android
- Mobile: Optimize for
360x740(Galaxy S8/S9) - Plus size: Optimize for
412x915(Galaxy S20 Ultra / Note20, OnePlus 8/9) or 412x869 (Galaxy S10+)
Notes
- iPhone 12 (latest version as of april/2021) has
360x780/390x844/428x926(mini/normal/max)- currently,
5%of our iOS users uses iPhone 12 (base model)
- currently,
- Android phones varies immensely in screen height, but not so much on width.
The view port sizes of
360pxand412px(plus, ultra models, note models) cover more than 95% of our Android users. - ⚠ Guidelines in this detail-section is under revision
Browser version cheat-sheet
See below matrix to pair browser version to the release year:
| 2016 | 2017 | 2018 | 2019 | 2020 | 2021 | |
|---|---|---|---|---|---|---|
| Safari | 9.1, 10 | 10.1, 11 | 12 | 13 | 13.1 14 | - |
| → iOS | 10 | 11 | 12 | 13 | 14 | 15 |
| → MacOs | 10.12 | 10.13 | 10.14 | 10.15 | 11.0 | - |
| Chrome | 48-55 | 56-63 | 64-71 | 72-79 | 80-87 | 88-9x |
| → Android | 7.0–7.1.2 | 8.0,8.1 | 9 | 10 | 11 | - |
| → Android SDK | 24-25 | 26-27 | 28 | 29 | 30 | - |
| Edge | 38 | 40-41 | 42,44 | (44.x) | - | - |
| Edge Blink | - | - | - | 75 | 79-88 | 89-9x |
 Firefox | 44-50 | 51-57 | 58-64 | 65-71 | 72-84 | 85-96 |
 Samsung Internet | 4-5 | 5.4-6.2 | 6.4-8.2 | 9.2-10.2 | 11-13 | 14- |
 Opera | 35-42 | 43-49 | 50-57 | 58-65 | 66-73 | 74-7x |
Notable JS/CSS/DOM features
- ECMAScript 2015 (ES6)
- Safari
10
- Safari
- CSS Grid
- Safari
10.1(iOS10.3)
- Safari
- grid
gap- Safari
10.1(partial support,grid-gap) - Safari
12.0(full support)
- Safari
KeyboardEvent.keyandKeyboardEvent.code- Safari
10.1
- Safari
fetch- Safari
10.1
- Safari
Object.valuesandObject.entries- Safari
10.1
- Safari
- Async functions
- Safari
11
- Safari
- WebAssembly
- Safari
11
- Safari
- system-ui value for
font-family- Safari
11
- Safari
postion: sticky- Partial: Chrome
59, Edge79, Firefox32 - Full: Safari
7.1, Chrome91, Firefox59
- Partial: Chrome
Secondary targets
Browsers in this category make up less than 3 % of the browser
share (combined) for Norsk Tipping.
| Class B | Class C | Screen reader | |
|---|---|---|---|
| Samsung Internet | >= 13 | >= 11 | - |
| Firefox | latest version | - | - |
| Chrome (iOS) | - | latest version | - |
| Opera (Windows) | - | latest version | - |