{"id":2063,"date":"2026-03-13T08:55:15","date_gmt":"2026-03-13T06:55:15","guid":{"rendered":"https:\/\/eyes.mydiopter.com\/?page_id=2063"},"modified":"2026-03-15T11:22:33","modified_gmt":"2026-03-15T09:22:33","slug":"check-my-near-vision-age","status":"publish","type":"page","link":"https:\/\/eyes.mydiopter.com\/he\/check-my-near-vision-age\/","title":{"rendered":"Check My Near Vision Age"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nDoes Your Near Vision Match Your Real Age?<\/title>\r\n\r\n<style>\r\n:root{\r\n --page-bg:#d7d9df;\r\n --card-bg:#eef0f4;\r\n --card-border:rgba(255,255,255,0.72);\r\n --title:#1f2d4a;\r\n --text:#4f5664;\r\n --muted:#737c8c;\r\n --pastel-mint:#d8ece5;\r\n --slider-track:#dbe3ec;\r\n --slider-fill:#c8dcee;\r\n --number-box:#ffffff;\r\n --number-border:#e8eaee;\r\n --number-text:#101114;\r\n --cta-start:#00c6df;\r\n --cta-end:#009fb3;\r\n --cta-shadow:rgba(0,188,212,0.34);\r\n --shadow-main:0 12px 28px rgba(0,0,0,0.08);\r\n --shadow-soft:0 8px 18px rgba(0,0,0,0.08);\r\n}\r\n\r\n*{\r\n box-sizing:border-box;\r\n -webkit-tap-highlight-color:transparent;\r\n}\r\n\r\nhtml,body{\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\nbody{\r\n font-family:Arial, sans-serif;\r\n background:var(--page-bg);\r\n min-height:100vh;\r\n padding:10px;\r\n overflow-x:hidden;\r\n}\r\n\r\n.test-shell{\r\n width:100%;\r\n max-width:640px;\r\n margin:0 auto;\r\n}\r\n\r\n.container{\r\n width:100%;\r\n background:var(--card-bg);\r\n border:1px solid var(--card-border);\r\n border-radius:22px;\r\n padding:16px 12px 16px;\r\n text-align:center;\r\n box-shadow:var(--shadow-main);\r\n overflow:hidden;\r\n}\r\n\r\n.logo-wrap{\r\n margin:0 0 8px 0;\r\n}\r\n\r\n.logo{\r\n width:72px;\r\n max-width:34%;\r\n height:auto;\r\n display:block;\r\n margin:0 auto;\r\n}\r\n\r\nh1{\r\n margin:0 0 10px 0;\r\n color:var(--title);\r\n font-size:1.18rem;\r\n line-height:1.35;\r\n font-weight:700;\r\n letter-spacing:-0.01em;\r\n}\r\n\r\n.instructions{\r\n color:var(--text);\r\n font-size:0.8rem;\r\n line-height:1.58;\r\n margin:0 0 12px 0;\r\n}\r\n\r\n.display-area{\r\n min-height:96px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--number-box);\r\n border:1px solid var(--number-border);\r\n border-radius:16px;\r\n margin-bottom:12px;\r\n box-shadow:\r\n 0 6px 16px rgba(0,0,0,0.04),\r\n inset 0 1px 0 rgba(255,255,255,0.95);\r\n padding:8px;\r\n width:100%;\r\n}\r\n\r\n#numbers{\r\n font-weight:700;\r\n letter-spacing:0.12em;\r\n color:var(--number-text);\r\n line-height:1;\r\n user-select:none;\r\n white-space:nowrap;\r\n}\r\n\r\n.slider-wrap{\r\n width:100%;\r\n margin:0 0 18px 0;\r\n padding:0 2px;\r\n}\r\n\r\n.slider-labels{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n color:#667085;\r\n font-size:0.82rem;\r\n font-weight:500;\r\n margin-bottom:10px;\r\n padding:0 2px;\r\n}\r\n\r\ninput[type=\"range\"]{\r\n width:100%;\r\n display:block;\r\n margin:0;\r\n appearance:none;\r\n -webkit-appearance:none;\r\n height:14px;\r\n border-radius:999px;\r\n background:linear-gradient(90deg,#e7eef6 0%, #d7e6f4 48%, #bfe6ef 100%);\r\n outline:none;\r\n box-shadow:\r\n inset 0 1px 2px rgba(0,0,0,0.05),\r\n 0 1px 0 rgba(255,255,255,0.85);\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track{\r\n height:14px;\r\n border-radius:999px;\r\n background:linear-gradient(90deg,#e7eef6 0%, #d7e6f4 48%, #bfe6ef 100%);\r\n}\r\n\r\ninput[type=\"range\"]::-moz-range-track{\r\n height:14px;\r\n border-radius:999px;\r\n background:linear-gradient(90deg,#e7eef6 0%, #d7e6f4 48%, #bfe6ef 100%);\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-thumb{\r\n -webkit-appearance:none;\r\n appearance:none;\r\n width:38px;\r\n height:38px;\r\n margin-top:-12px;\r\n border-radius:50%;\r\n background:\r\n radial-gradient(circle at 30% 30%, #ffffff 0%, #fdfdfd 45%, #eef4f8 100%);\r\n border:3px solid #14bfd8;\r\n box-shadow:\r\n 0 8px 18px rgba(20,191,216,0.25),\r\n 0 3px 8px rgba(0,0,0,0.16),\r\n inset 0 1px 1px rgba(255,255,255,0.95);\r\n cursor:pointer;\r\n transition:transform 0.15s ease, box-shadow 0.15s ease;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-thumb:hover{\r\n transform:scale(1.04);\r\n box-shadow:\r\n 0 10px 22px rgba(20,191,216,0.35),\r\n 0 4px 10px rgba(0,0,0,0.18),\r\n inset 0 1px 1px rgba(255,255,255,0.95);\r\n}\r\n\r\ninput[type=\"range\"]::-moz-range-thumb{\r\n width:38px;\r\n height:38px;\r\n border-radius:50%;\r\n background:\r\n radial-gradient(circle at 30% 30%, #ffffff 0%, #fdfdfd 45%, #eef4f8 100%);\r\n border:3px solid #14bfd8;\r\n box-shadow:\r\n 0 8px 18px rgba(20,191,216,0.25),\r\n 0 3px 8px rgba(0,0,0,0.16),\r\n inset 0 1px 1px rgba(255,255,255,0.95);\r\n cursor:pointer;\r\n transition:transform 0.15s ease, box-shadow 0.15s ease;\r\n}\r\n\r\ninput[type=\"range\"]::-moz-range-thumb{\r\n width:26px;\r\n height:26px;\r\n border-radius:50%;\r\n background:#ffffff;\r\n border:2px solid #c6d7e8;\r\n box-shadow:0 3px 8px rgba(0,0,0,0.12);\r\n cursor:pointer;\r\n}\r\n\r\n.main-action{\r\n display:block;\r\n width:100%;\r\n margin:0 auto;\r\n border:none;\r\n border-radius:18px;\r\n padding:15px 14px;\r\n font-size:0.95rem;\r\n font-weight:700;\r\n color:#ffffff;\r\n text-align:center;\r\n cursor:pointer;\r\n background:linear-gradient(135deg,var(--cta-start),var(--cta-end));\r\n box-shadow:\r\n 0 10px 24px var(--cta-shadow),\r\n 0 4px 10px rgba(0,0,0,0.12);\r\n transition:transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;\r\n}\r\n\r\n.main-action:hover{\r\n transform:translateY(-1px);\r\n box-shadow:\r\n 0 14px 30px rgba(0,188,212,0.42),\r\n 0 6px 12px rgba(0,0,0,0.14);\r\n}\r\n\r\n.main-action:active{\r\n transform:scale(0.99);\r\n}\r\n\r\n.reset{\r\n display:none;\r\n width:100%;\r\n max-width:220px;\r\n margin:14px auto 0;\r\n border:none;\r\n border-radius:14px;\r\n padding:13px 14px;\r\n font-size:0.92rem;\r\n font-weight:700;\r\n color:#23262d;\r\n background:var(--pastel-mint);\r\n box-shadow:var(--shadow-soft);\r\n cursor:pointer;\r\n}\r\n\r\n.result{\r\n display:none;\r\n margin-top:14px;\r\n color:var(--title);\r\n font-size:1rem;\r\n font-weight:700;\r\n line-height:1.7;\r\n}\r\n\r\n.result-age{\r\n display:block;\r\n margin-top:6px;\r\n font-size:2.15rem;\r\n color:#1f2530;\r\n}\r\n\r\n.disclaimer{\r\n margin-top:14px;\r\n color:var(--muted);\r\n font-size:0.72rem;\r\n line-height:1.55;\r\n}\r\n\r\n@media (min-width: 480px){\r\n body{\r\n padding:16px;\r\n }\r\n\r\n .container{\r\n padding:22px 18px 20px;\r\n border-radius:24px;\r\n }\r\n\r\n .logo{\r\n width:92px;\r\n max-width:30%;\r\n }\r\n\r\n h1{\r\n font-size:1.5rem;\r\n margin-bottom:12px;\r\n }\r\n\r\n .instructions{\r\n font-size:0.9rem;\r\n line-height:1.65;\r\n margin-bottom:14px;\r\n }\r\n\r\n .display-area{\r\n min-height:120px;\r\n padding:10px;\r\n margin-bottom:14px;\r\n }\r\n\r\n #numbers{\r\n letter-spacing:0.14em;\r\n }\r\n\r\n .slider-labels{\r\n font-size:0.86rem;\r\n }\r\n\r\n input[type=\"range\"]{\r\n height:10px;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb{\r\n width:28px;\r\n height:28px;\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-thumb{\r\n width:28px;\r\n height:28px;\r\n }\r\n\r\n .main-action{\r\n max-width:360px;\r\n font-size:1rem;\r\n padding:16px 18px;\r\n }\r\n\r\n .result{\r\n font-size:1.08rem;\r\n }\r\n\r\n .result-age{\r\n font-size:2.4rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px){\r\n body{\r\n padding:24px;\r\n }\r\n\r\n .container{\r\n padding:28px 24px 24px;\r\n border-radius:28px;\r\n }\r\n\r\n .logo{\r\n width:126px;\r\n max-width:24%;\r\n }\r\n\r\n h1{\r\n font-size:2.1rem;\r\n line-height:1.25;\r\n margin-bottom:14px;\r\n }\r\n\r\n .instructions{\r\n font-size:1rem;\r\n line-height:1.75;\r\n margin-bottom:18px;\r\n }\r\n\r\n .display-area{\r\n min-height:160px;\r\n border-radius:20px;\r\n margin-bottom:16px;\r\n }\r\n\r\n #numbers{\r\n letter-spacing:0.18em;\r\n }\r\n\r\n .slider-wrap{\r\n max-width:520px;\r\n margin:0 auto 18px;\r\n }\r\n\r\n .slider-labels{\r\n font-size:0.92rem;\r\n }\r\n\r\n input[type=\"range\"]{\r\n height:11px;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb{\r\n width:30px;\r\n height:30px;\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-thumb{\r\n width:30px;\r\n height:30px;\r\n }\r\n\r\n .main-action{\r\n max-width:420px;\r\n border-radius:20px;\r\n padding:17px 22px;\r\n font-size:1.05rem;\r\n }\r\n\r\n .reset{\r\n max-width:240px;\r\n padding:14px 18px;\r\n }\r\n\r\n .result{\r\n font-size:1.2rem;\r\n }\r\n\r\n .result-age{\r\n font-size:2.8rem;\r\n }\r\n\r\n .disclaimer{\r\n font-size:0.78rem;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"test-shell\">\r\n <div class=\"container\">\r\n <div class=\"logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/eyes.mydiopter.com\/wp-content\/uploads\/2026\/03\/\u05dc\u05d5\u05d2\u05d5_2-removebg-preview.png\" alt=\"MyDiopter Logo\" class=\"logo\">\r\n <\/div>\r\n\r\n <h1>Does Your Near Vision Match Your Real Age?<\/h1>\r\n\r\n <p class=\"instructions\">\r\n If you wear distance glasses, keep them on for this check.<br>\r\n Hold your phone about 40 cm away, at your normal reading distance.<br>\r\n Move the slider until you reach the smallest line of numbers you can read with confidence.\r\n <\/p>\r\n\r\n <div class=\"display-area\" id=\"displayArea\">\r\n <div id=\"numbers\">8 3 5 2<\/div>\r\n <\/div>\r\n\r\n <div class=\"slider-wrap\" id=\"sliderWrap\">\r\n <div class=\"slider-labels\">\r\n <span>Larger<\/span>\r\n <span>Smaller<\/span>\r\n<\/div>\r\n <input type=\"range\" id=\"sizeSlider\" min=\"0\" max=\"33\" value=\"0\" step=\"1\" oninput=\"updateFromSlider()\">\r\n <\/div>\r\n\r\n <button class=\"main-action\" id=\"confirmBtn\" onclick=\"showResult()\">\r\n This is the smallest line I can read\r\n <\/button>\r\n\r\n <div class=\"result\" id=\"result\"><\/div>\r\n\r\n <button class=\"reset\" id=\"resetBtn\" onclick=\"resetTest()\">Start Again<\/button>\r\n\r\n <div class=\"disclaimer\" id=\"disclaimer\">\r\n This check is for general guidance only and is not a substitute for a professional eye exam.\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst data = [\r\n {age:72,size:53},{age:71,size:41},{age:70,size:37},\r\n {age:69,size:33},{age:68,size:32},{age:67,size:31},\r\n {age:66,size:30},{age:65,size:29},{age:64,size:28},\r\n {age:63,size:27},{age:62,size:26},{age:61,size:25},\r\n {age:60,size:24},{age:59,size:23},{age:58,size:22},\r\n {age:57,size:21},{age:56,size:20},{age:55,size:19},\r\n {age:54,size:18},{age:53,size:17},{age:52,size:16},\r\n {age:51,size:15},{age:50,size:14},{age:49,size:13},\r\n {age:48,size:12},{age:47,size:11},{age:46,size:10},\r\n {age:45,size:9},{age:44,size:8},{age:43,size:7},\r\n {age:42,size:6},{age:41,size:5},{age:40,size:4},\r\n {age:39,size:3}\r\n];\r\n\r\nconst numberSets = [\r\n \"8 3 5 2\",\r\n \"6 9 4 1\",\r\n \"7 2 8 5\",\r\n \"3 1 6 9\",\r\n \"4 8 2 7\",\r\n \"9 5 1 3\",\r\n \"2 7 4 8\",\r\n \"5 3 9 1\",\r\n \"8 6 2 4\",\r\n \"1 9 7 5\"\r\n];\r\n\r\nlet currentIndex = 0;\r\nlet currentNumberSet = \"8 3 5 2\";\r\n\r\nfunction getRandomNumberSet(){\r\n let nextSet = currentNumberSet;\r\n while(nextSet === currentNumberSet && numberSets.length > 1){\r\n nextSet = numberSets[Math.floor(Math.random() * numberSets.length)];\r\n }\r\n currentNumberSet = nextSet;\r\n return currentNumberSet;\r\n}\r\n\r\nfunction updateFromSlider(){\r\n const slider = document.getElementById(\"sizeSlider\");\r\n currentIndex = parseInt(slider.value, 10);\r\n\r\n const numbers = document.getElementById(\"numbers\");\r\n numbers.style.fontSize = data[currentIndex].size + \"px\";\r\n numbers.textContent = getRandomNumberSet();\r\n}\r\n\r\nfunction showResult(){\r\n document.getElementById(\"displayArea\").style.display = \"none\";\r\n document.getElementById(\"sliderWrap\").style.display = \"none\";\r\n document.getElementById(\"confirmBtn\").style.display = \"none\";\r\n document.getElementById(\"disclaimer\").style.display = \"none\";\r\n\r\n const age = data[currentIndex].age;\r\n const result = document.getElementById(\"result\");\r\n\r\n result.style.display = \"block\";\r\n result.innerHTML = `\r\n Your near vision matches age:\r\n <span class=\"result-age\">${age}<\/span>\r\n `;\r\n\r\n document.getElementById(\"resetBtn\").style.display = \"block\";\r\n}\r\n\r\nfunction resetTest(){\r\n currentIndex = 0;\r\n currentNumberSet = \"8 3 5 2\";\r\n\r\n document.getElementById(\"sizeSlider\").value = 0;\r\n document.getElementById(\"numbers\").textContent = currentNumberSet;\r\n document.getElementById(\"numbers\").style.fontSize = data[0].size + \"px\";\r\n\r\n document.getElementById(\"displayArea\").style.display = \"flex\";\r\n document.getElementById(\"sliderWrap\").style.display = \"block\";\r\n document.getElementById(\"confirmBtn\").style.display = \"block\";\r\n document.getElementById(\"disclaimer\").style.display = \"block\";\r\n document.getElementById(\"result\").style.display = \"none\";\r\n document.getElementById(\"resetBtn\").style.display = \"none\";\r\n}\r\n\r\ndocument.getElementById(\"numbers\").style.fontSize = data[0].size + \"px\";\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Does Your Near Vision Match Your Real Age? Does Your Near Vision Match Your Real Age? If you wear distance […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2063","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Michel Green","author_link":"https:\/\/eyes.mydiopter.com\/he\/author\/00iej\/"},"uagb_comment_info":0,"uagb_excerpt":"Does Your Near Vision Match Your Real Age? Does Your Near Vision Match Your Real Age? If you wear distance […]","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/eyes.mydiopter.com\/he\/wp-json\/wp\/v2\/pages\/2063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eyes.mydiopter.com\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eyes.mydiopter.com\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eyes.mydiopter.com\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eyes.mydiopter.com\/he\/wp-json\/wp\/v2\/comments?post=2063"}],"version-history":[{"count":16,"href":"https:\/\/eyes.mydiopter.com\/he\/wp-json\/wp\/v2\/pages\/2063\/revisions"}],"predecessor-version":[{"id":2090,"href":"https:\/\/eyes.mydiopter.com\/he\/wp-json\/wp\/v2\/pages\/2063\/revisions\/2090"}],"wp:attachment":[{"href":"https:\/\/eyes.mydiopter.com\/he\/wp-json\/wp\/v2\/media?parent=2063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}