De componenten van het Vlaanderen Design System worden ondersteund door alle moderne browsers. De keuze van welke browsers te ondersteunen werd gemaakt op basis van onderzoek dat werd uitgevoerd in het kader van de browserkeuze voor Vlaanderen.be.
Overzicht
| Browser | OS | Engine | Versie | Ondersteuning |
|---|---|---|---|---|
| Chrome | Windows, MacOS, Android, iOS | Blink | Vorige versies Meest recente versie | 🆗 Functioneel ✅ Volledig ondersteund |
| Firefox | Windows, MacOS | Gecko | Vorige versies Meest recente versie | 🆗 Functioneel ✅ Volledig ondersteund |
| Safari | MacOS | Webkit | Vorige versies Meest recente versie | 🆗 Functioneel ✅ Volledig ondersteund |
| Internet Explorer | Windows, Windows Phone | Trident | Versies voor 9 Versie 9 en 10 Oudere versies Versie 11 en erna | ❌ Niet ondersteund ❌ Niet ondersteund ❌ Niet ondersteund ✅ Volledig ondersteund |
| Edge | Windows | EdgeHTML | Meest recente versie Oudere versies | ✅ Volledig ondersteund 🆗 Functioneel |
| Android Webview (sinds okt. 2013) | Android | Chromium | Meest recente versie | ✅ Volledig ondersteund |
| Safari Mobile | iOS | Webkit | Meest recente versie | ✅ Volledig ondersteund |
| Opera | Windows, MacOS, Android, iOS | Blink | Vorige versies Meest recente versie | 🆗 Functioneel ✅ Volledig ondersteund |
- Functioneel: Alles werkt. Je kan alles bekijken, overal op klikken. Elke functionele case is voorzien.
- Volledig ondersteund: Elk detail is van belang. Kleine details, animaties, et cetera.
We hanteren het principe van progressive enhancement. We controleren of de componenten functioneel zijn in oudere browsers. Moderne browsers krijgen extra aandacht en kunnen aanvullende elementen ontvangen die niet strikt noodzakelijk zijn, maar de gebruikerservaring verder verbeteren.