Fix accessibility: Allow viewport zooming for users with low vision

- Remove user-scalable=no which blocks zooming
- Add maximum-scale=5 to allow users to magnify up to 5x
- Complies with accessibility guidelines (WCAG 2.1)
- Allows screen magnification users to properly see content
This commit is contained in:
Kirik
2025-11-12 20:51:19 +01:00
parent 8e5ddd0fa1
commit 2b593a528a
@@ -8,7 +8,7 @@
<head> <head>
<title>{{ if eq (.Site.Title) (.Title) }}{{ .Site.Title }}{{ else }}{{ .Title }} &middot; {{ .Site.Title }}{{ end }}</title> <title>{{ if eq (.Site.Title) (.Title) }}{{ .Site.Title }}{{ else }}{{ .Title }} &middot; {{ .Site.Title }}{{ end }}</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" />
<!-- CSS --> <!-- CSS -->
{{ if hugo.IsServer }} {{ if hugo.IsServer }}
{{ $style := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "main.scss" . | toCSS (dict "targetPath" "assets/css/main.css" "enableSourceMap" true) }} {{ $style := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "main.scss" . | toCSS (dict "targetPath" "assets/css/main.css" "enableSourceMap" true) }}