Upcoming web browser requirements for reinhart1010.id web services.
In the next few months, we will adopt newer Web technologies to reinhart1010.id websites and services. That means that our websites will no longer be functional nor accessible on older web browsers.
For most users, if you are running either iOS, Smart TV[note:1], or web browser version released from 5 years ago (2021), rest assured that they have supported most of the Mandatory and Optional features below.
Legend
- 🟢 Widely supported since 2015-2018
- 🟡 Widely supported since 2019-2022
- 🔴 Widely supported since 2023-present
- 🔷 Special conditions to enable/apply support
- 🔶 Support excepts certain web browsers or operating systems
Mandatory Web Features
| Required web feature | Supported in major browsers in[note:2] | See supported web browser versions on | Remarks |
|---|---|---|---|
| COLR/CPALv0 Font Format | 🟡 2021 | CanIUse | Used to render fallback emoji if not supported by the host operating system. Safari for macOS requires macOS 10.13 High Sierra or later. Not supported in iOS or Safari for macOS versions 17.0-17.1. |
CSS clip-path with basic shapes | 🟡 2021 | MDN | Required to render core webpage layouts. |
| CSS Custom Properties (Variables) | 🟢 2018 | CanIUse | Required to render the layout style. |
| CSS Custom Scrollbar | 🟡 2021 | MDN: -webkit-scrollbar(non-standard), scrollbar_color(standard), scrollbar_width(standard) | To produce desired aesthetics. Supports both -webkit-scrollbar and CSS Scrollbar Styling Module Level 1 (2021, scrollbar_color, scrollbar_width) variants. Non-standards feature will be disabled if the web browser accepts CSS @supports Rule. |
CSS env() Function | 🟡 2021 | CanIUse | Commonly used to support iPhone X “notch” screen rendering. |
| CSS Flexible Box Layout (Flexbox) | 🟢 2016 | CanIUse | Required to render core webpage layouts. |
CSS font value: system-ui | 🟢 2018 | CanIUse | Used to apply the default sans-serif operating system user interface font, such as San Francisco / SF Pro for iOS and macOS. |
| CSS Grid Layout (Level 1) | 🟢 2018 | CanIUse | Required to render core webpage layouts. |
CSS min(), max(), and clamp() Functions | 🟡 2021 | MDN | Required to render core webpage layouts. |
CSS position: sticky | 🟢 2018 | MDN | Required to render core webpage layouts. |
CSS prefers-color-scheme Media Query | 🟡 2021 | CanIUse | Required to match the website style based on host operating system’s Light/Dark Mode. Full native support requires Android 10, GNOME 42, iOS 13, KDE Plasma 5.24, macOS 10.14 Mojave, Windows 10 version 1809, or later. Firefox for Android supports Android 9 via Samsung One UI 1.0 “Night Mode”. |
CSS @supports Rule | 🟢 2016 | MDN | Required to render the layout style and disable fallback features. |
HTML <details> and <summary> elements | 🟡 2021 | CanIUse | Required to render accordion-based user interface layouts. No JavaScript-based polyfills will be added. |
HTML <input type="date">, <input type="datetime-local">, and <input type="time"> (Date and time picker) | 🟡 2022 | CanIUse | Required to render date form input controls. No CSS or JavaScript-based polyfills will be added. |
HTML <input type="range"> (Range Slider) | 🟢 2017 | CanIUse | Required to render range slider form input controls. No CSS or JavaScript-based polyfills will be added. |
HTML <picture> element | 🟢 2017 | MDN | Commonly used to support multi format and resolution image rendering. |
HTML <source> element for <audio>, <picture>, and <video> | 🟢 2016 | MDN | Commonly used to support multi format multimedia rendering. |
| ISRG Root X1 Root Certificate | 🟢 2017 | Let’s Encrypt | Required for existing services depending on Let’s Encrypt HTTPS/TLS certificates. |
JavaScript standards: ECMAScript 11 / ECMAScript 2020 (es2020) | 🟢 2021 | CanIUse: New features list in ECMAScript 2020 | Minimum JavaScript supported version used for TypeScript or Vite-based projects |
| WebAssembly (WASM) | 🟢 2018 | CanIUse | Required for advanced features such as barcode and QR Code® scanning. |
| WEBP Image Format | 🟡 2021 | CanIUse | The web browser also needs to support the HTML <picture> element. |
| WOFF 2.0 Embedded Font Format | 🟢 2017 | CanIUse | Safari for macOS support requires macOS 11.0 Big Sur or later. |
Additional requirements for Optional Features
In addition to the above, we recommend to have your web browser ready for the following features:
| Required web feature | Supported in major browsers since[note:2] | See supported web browser versions on | Remarks |
|---|---|---|---|
| COLR/CPALv1 Font Format | 🔴🔶 2023 (except iOS and Safari) | CanIUse | Used to render fallback emoji if not supported by the host operating system. |
CSS backdrop-filter: blur | 🔴 2025 | MDN | To produce desired aesthetics. This feature will be enabled if the web browser accepts CSS @supports Rule. |
CSS background-clip: text or -webkit-background-clip: text | 🟢 2017 | MDN | To produce desired aesthetics. This feature will be enabled if the web browser accepts CSS @supports Rule. |
CSS color() function with Display P3 or OkLCH support | 🔴 2024 | CanIUse | To produce desired aesthetics, enable wide color gamut, and easy color manipulation. Actual color gamut support varies by device display. This feature will be enabled if the web browser accepts CSS @supports Rule. |
CSS corner-shape | 🔴🔶 2026 (except iOS, Firefox, and Safari) | MDN | To produce desired aesthetics. |
CSS font-variant-emoji attribute | 🔴🔶 2025 (except iOS and Safari) | MDN | Used to force web browser to render a certain character either as monochrome or colored emoji. |
CSS font family placeholder value: ui-serif, ui-sans-serif, ui-monospace, and ui-rounded | 🟢🔷 2018 (iOS or Safari only) | CanIUse | Used to apply the default sans-serif operating system user interface font, currently specific to iOS or Safari (New York, SF Pro, SF Mono, SF Pro Rounded). |
| Brotli compression algorithm | 🟢 2018 | CanIUse | Used to compress web requests alongside gzip. |
HTML <input type="checkbox" switch="..."> (Switch) | 🟢 2017 (iOS or Safari only) | CanIUse | Will fallback to checkbox controls if unsupported. Required for optional WebHaptics integration. |
HTML Meta Tag: theme-color | 🔷🔶 Mostly mobile browsers or web browsers supporting Progressive Web Apps (PWA) | CanIUse | General support in iOS revoked in iOS 26 and later. |
HTML Meta Tag: theme-color under prefers-color-scheme:"dark" media | 🔷🔶 Mostly mobile browsers or web browsers supporting Progressive Web Apps (PWA) | CanIUse | To produce desired aesthetics. Some web browser will ignore this attribute if the website was not installed as a web app. General support in iOS revoked in iOS 26 and later. |
| ISRG Root X2 Root Certificate | 🔴 2025 | Let’s Encrypt | Required for existing services depending on Let’s Encrypt HTTPS/TLS certificates. |
JavaScript DOM navigator.pdfViewerEnabled property | 🔴 2024 | MDN | Simple way to check whether the web browser contains in-built PDF viewer. |
JavaScript DOM navigator.share (Web Share API) | 🔴🔶 2026 except FreeDesktop.org (BSD, GNU/Linux)[note:3], Firefox for Desktop, or Home Media[note:1] platforms | MDN | Used to trigger native, OS-based share sheet. |
JavaScript DOM navigator.vibrate (Vibration API) | 🟢🔶 2014 (Android 4.4.3 KitKat or later only, except Firefox for Android 79 or later) | MDN | Required for optional WebHaptics integration. |
| Unicode Emoji Version 13.0 | 🟡 2022 | Emojipedia | Recommended version for operating system installable fonts. Unsupported Emoji versions are to be rendered with fallback fonts based on COLR/CPALv0 and COLR/CPALv1 support. |
| Web App Manifest | 🔴 2024 (except Firefox) | MDN | Used to render fallback emoji if not supported by the host operating system. |
| Zstandard compression algorithm | 🔴 2027 | CanIUse | Used to compress web requests alongside brotli and gzip. Safari on macOS support requires macOS 26.3 Tahoe or later. |
Notes
- [note:1] Home Media devices include Smart Monitor, Smart TV, and multimedia set-top-box (STB) support data is based on self-declared Chromium versions. We predict our websites to be accessible on:
- Android TV / Google TV based on Android 10 (2019)
- Coolita OS 1.0 (2021, Chromium 79) (scribd.com)
- LG WebOS TV 6.x (2021, Chromium 79) (webostv.developer.lge.com)
- Samsung Tizen Smart TV 6.0 (2021, Chromium 76) (developer.samsung.com)
- Xbox One, Series X, Series S support depends on underlying Microsoft Edge browser version (support.xbox.com)
- [note:2] Values are mostly calculated from Baseline data (web.dev) added by one year to guarantee whole-year version support.
- [note:3] Freedesktop.org (also known as XDG) is a cross-Desktop Environment (DE) interoperability initiative for Unix-based operating systems. Its standards are widely adopted in BSD and GNU/Linux based desktop environments Budgie, GNOME, KDE, LxQt, MATE, and XFCE.