a11y font sizing yeaa

2 files changed, 28 insertions, 1 deletions

diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
index 7128d0d5..3ab868c3 100755
--- a/StoneIsland/www/css/blogs.css
+++ b/StoneIsland/www/css/blogs.css
@@ -244,7 +244,7 @@ ul.links {
 }
 .archive .body {
   font-size: 0.875rem;
-  line-height: 1.4em;
+  line-height: 1.4rem;
   font-weight: 100;
 }
 
@@ -263,6 +263,13 @@ ul.links {
   transform: translateZ(0) translateX(-50%) translateY(-50%);
 }
 
+.accessible #archive .row .image,
+.accessible #archive .row .text {
+  position: relative;
+  top: auto; left: auto;
+  transform: translateZ(0);
+}
+
 #archive .menu .items {
   border-top: 1px solid transparent;
 }
@@ -332,6 +339,17 @@ ul.links {
 #archive .row .text {
   width: 80%;
 }
+.accessible #archive .row .image {
+  display: block;
+  height: 50vh;
+  opacity: 1 !important;
+}
+.accessible #archive .row .text {
+  display: block;
+  margin: 0 auto;
+  opacity: 1 !important;
+  width: 90%;
+}
 
 .gallery-video-post {
   position:relative;
diff --git a/StoneIsland/www/js/index.js b/StoneIsland/www/js/index.js
index ed82a820..69a0a3e0 100755
--- a/StoneIsland/www/js/index.js
+++ b/StoneIsland/www/js/index.js
@@ -86,6 +86,15 @@ var app = (function(){
       sim.fetch(app.api_ready)
       var image = new Image
       image.src = "./img/compass-logo.png"
+
+      MobileAccessibility.usePreferredTextZoom(true);
+      MobileAccessibility.getTextZoom(function getTextZoomCallback(textZoom) {
+        console.log('WebView text should be scaled to the preferred value ' + textZoom + '%')
+        if (textZoom > 100) {
+          app.accessible = true
+          $("html").addClass('accessible')
+        }
+      });
     }
     else {
       app.api_ready()