From ced6be1505d4ac167900259782ad9c7db2938556 Mon Sep 17 00:00:00 2001
From: Farrel Mahaztra <15523645+farrelmahaztra@users.noreply.github.com>
Date: Fri, 10 Jul 2020 17:51:52 +0700
Subject: [PATCH] Remove maximum-scale=1 from viewport meta tag

The maximum-scale=1 attribute prevents low-vision users from magnifying the page in some browsers. This isn't applicable to browsers like Safari in iOS 10+, but it would still be ideal to accommodate the aforementioned users for other browsers. Also, this results in a Lighthouse score penalty for accessibility. Alternatively, we could increase maximum-scale to 5 or above if removing it results in a known UI/UX regression I haven't looked into.

Some further reading:
* https://a11yproject.com/posts/never-use-maximum-scale/
* https://web.dev/meta-viewport
* https://www.w3.org/TR/WCAG21/#resize-text
---
 layouts/partials/head.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 1cc0341..89e1aa4 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,5 +1,5 @@
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="{{ if .IsHome }}{{ $.Site.Params.Subtitle }}{{ else }}{{ .Summary | plainify }}{{ end }}"/>
 <meta name="keywords" content="{{ with .Params.Keywords }}{{ delimit . ", " }}{{ else }}{{ $.Site.Params.Keywords }}{{ end }}"/>
 <meta name="robots" content="noodp"/>