Emergency Contact Preview<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f9f9f9;\n margin: 0;\n padding: 20px;\n \/* Extra room ensures text can scroll completely past the screen *\/\n padding-bottom: 60vh; \n }\n\n \/* Fixed top container for the controls *\/\n .top-button-container {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n background-color: #f9f9f9;\n padding: 15px 5px;\n z-index: 9999;\n border-bottom: 3px solid #e5e7eb;\n box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n }\n\n \/* Huge, kid-toy style accessible buttons *\/\n .big-btn {\n font-size: 2rem; \n font-weight: bold;\n padding: 20px 30px;\n border: 5px solid #000000;\n border-radius: 20px;\n cursor: pointer;\n box-shadow: 0 8px 0 #333333;\n transition: all 0.1s ease;\n white-space: nowrap;\n }\n\n .big-btn:active {\n transform: translateY(6px);\n box-shadow: 0 2px 0 #333333;\n }\n\n \/* Accessible Colors: Blue & Yellow Theme *\/\n .listen-btn { background-color: #0056b3; color: #ffffff; }\n .stop-btn { background-color: #ffd700; color: #000000; }\n .call-emergency-btn { background-color: #ffd700; color: #000000; width: 100%; max-width: 400px; }\n\n \/* Container keeping the call button firmly at the bottom *\/\n .bottom-button-container {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 60px;\n margin-bottom: 50px;\n }\n\n \/* Fixed Navigation Arrow Buttons on the Left and Right Screen Edges *\/\n .side-nav-btn {\n position: fixed;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10000;\n background-color: #0056b3;\n color: #ffffff;\n font-size: 2.5rem;\n padding: 15px 25px;\n border: 5px solid #000000;\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 6px 0 #333333;\n display: flex;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n transition: all 0.1s ease;\n }\n\n .btn-left { left: 20px; }\n .btn-right { right: 20px; }\n\n .side-nav-btn:active {\n transform: translateY(-44%);\n box-shadow: 0 2px 0 #333333;\n }\n\n \/* Content Formatting *\/\n .content {\n text-align: center;\n max-width: 600px;\n margin: 40px auto 0 auto;\n font-size: 1.8rem;\n line-height: 1.8;\n color: #111111;\n }\n\n h1 { font-size: 2.8rem; margin-bottom: 30px; }\n p { margin-bottom: 30px; border-radius: 8px; padding: 5px 10px; }\n\n \/* High-contrast highlight effect for the text-to-speech tracker *\/\n .currently-reading {\n background-color: #fef08a;\n outline: 3px dashed #000000;\n }\n\n @media screen and (max-width: 480px) {\n .big-btn { font-size: 1.4rem; padding: 15px 20px; border-width: 4px; box-shadow: 0 6px 0 #333333; }\n .side-nav-btn { font-size: 1.8rem; padding: 10px 18px; border-width: 4px; }\n .btn-left { left: 10px; }\n .btn-right { right: 10px; }\n .content { font-size: 1.5rem; }\n h1 { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"top-button-container\">\n <button class=\"big-btn listen-btn\" onclick=\"startReading()\">\u25b6 Listen to Site<\/button>\n <button class=\"big-btn stop-btn\" onclick=\"stopReading()\">\u25a0 Stop<\/button>\n <\/div>\n\n \n <a href=\"index.html\" class=\"side-nav-btn btn-left\" title=\"Go Back Home\" onclick=\"stopReading()\">\u25c0<\/a>\n\n \n <a href=\"page3.html\" class=\"side-nav-btn btn-right\" title=\"Next Page\" onclick=\"stopReading()\">\u25b6<\/a>\n\n \n <div class=\"content\">\n <h1 class=\"speak-target\">Emergency Contact<\/h1>\n <p class=\"speak-target\">This page allows you to set up an emergency contact. Please ask a friend or helper to type the details below one time.<\/p>\n <p class=\"speak-target\">Once the name and number are entered, you can dial your emergency contact with one push of the button at the bottom of the screen.<\/p>\n <\/div>\n\n \n <div class=\"bottom-button-container\">\n <button class=\"big-btn call-emergency-btn\" id=\"callBtn\" onclick=\"dummyCall()\">\ud83d\udcde Call Contact Now<\/button>\n <\/div>\n\n <script>\n var elementsToRead = [];\n var currentIndex = 0;\n var isReading = false;\n\n function startReading() {\n if (!('speechSynthesis' in window)) {\n alert(\"Sorry, your browser does not support text-to-speech.\");\n return;\n }\n stopReading();\n \n \/\/ Targets only the explicit static elements\n elementsToRead = Array.from(document.querySelectorAll('.content h1, .speak-target, .call-emergency-btn'));\n elementsToRead = elementsToRead.filter(function(el) { return el.offsetParent !== null; });\n\n currentIndex = 0;\n isReading = true;\n readNextElement();\n }\n\n function readNextElement() {\n if (!isReading || currentIndex >= elementsToRead.length) {\n stopReading();\n return;\n }\n\n var currentElement = elementsToRead[currentIndex];\n currentElement.classList.add('currently-reading');\n\n currentElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n var utterance = new SpeechSynthesisUtterance(currentElement.textContent);\n utterance.rate = 1.0;\n utterance.pitch = 1.0;\n\n utterance.onend = function() {\n currentElement.classList.remove('currently-reading');\n currentIndex++;\n readNextElement();\n };\n\n utterance.onerror = function() {\n currentElement.classList.remove('currently-reading');\n };\n\n window.speechSynthesis.speak(utterance);\n }\n\n function stopReading() {\n isReading = false;\n if ('speechSynthesis' in window) {\n window.speechSynthesis.cancel();\n }\n var elements = document.querySelectorAll('.currently-reading');\n elements.forEach(function(el) { el.classList.remove('currently-reading'); });\n }\n\n function dummyCall() {\n stopReading();\n alert(\"This button is a design preview. The live dialing function will be linked here tomorrow!\");\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Emergency Contact Preview \u25b6 Listen to Site \u25a0 Stop \u25c0 \u25b6 Emergency Contact This page allows you to set up an emergency contact. Please ask a friend or helper to type the details below one time. Once the name and number are entered, you can dial your emergency contact with one push of the button […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":1,"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":51,"date":"2026-07-17T23:02:37","date_gmt":"2026-07-17T23:02:37","guid":{"rendered":"https:\/\/helpfortheblind.org\/?page_id=51"},"modified":"2026-07-17T23:02:37","modified_gmt":"2026-07-17T23:02:37","slug":"emergency-contact","status":"publish","type":"page","link":"https:\/\/helpfortheblind.org\/?page_id=51","title":{"rendered":"Emergency Contact"},"content":{"rendered":"\n\n\n\n \n \n Emergency Contact Preview<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f9f9f9;\n margin: 0;\n padding: 20px;\n \/* Extra room ensures text can scroll completely past the screen *\/\n padding-bottom: 60vh; \n }\n\n \/* Fixed top container for the controls *\/\n .top-button-container {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n background-color: #f9f9f9;\n padding: 15px 5px;\n z-index: 9999;\n border-bottom: 3px solid #e5e7eb;\n box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n }\n\n \/* Huge, kid-toy style accessible buttons *\/\n .big-btn {\n font-size: 2rem; \n font-weight: bold;\n padding: 20px 30px;\n border: 5px solid #000000;\n border-radius: 20px;\n cursor: pointer;\n box-shadow: 0 8px 0 #333333;\n transition: all 0.1s ease;\n white-space: nowrap;\n }\n\n .big-btn:active {\n transform: translateY(6px);\n box-shadow: 0 2px 0 #333333;\n }\n\n \/* Accessible Colors: Blue & Yellow Theme *\/\n .listen-btn { background-color: #0056b3; color: #ffffff; }\n .stop-btn { background-color: #ffd700; color: #000000; }\n .call-emergency-btn { background-color: #ffd700; color: #000000; width: 100%; max-width: 400px; }\n\n \/* Container keeping the call button firmly at the bottom *\/\n .bottom-button-container {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 60px;\n margin-bottom: 50px;\n }\n\n \/* Fixed Navigation Arrow Buttons on the Left and Right Screen Edges *\/\n .side-nav-btn {\n position: fixed;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10000;\n background-color: #0056b3;\n color: #ffffff;\n font-size: 2.5rem;\n padding: 15px 25px;\n border: 5px solid #000000;\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 6px 0 #333333;\n display: flex;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n transition: all 0.1s ease;\n }\n\n .btn-left { left: 20px; }\n .btn-right { right: 20px; }\n\n .side-nav-btn:active {\n transform: translateY(-44%);\n box-shadow: 0 2px 0 #333333;\n }\n\n \/* Content Formatting *\/\n .content {\n text-align: center;\n max-width: 600px;\n margin: 40px auto 0 auto;\n font-size: 1.8rem;\n line-height: 1.8;\n color: #111111;\n }\n\n h1 { font-size: 2.8rem; margin-bottom: 30px; }\n p { margin-bottom: 30px; border-radius: 8px; padding: 5px 10px; }\n\n \/* High-contrast highlight effect for the text-to-speech tracker *\/\n .currently-reading {\n background-color: #fef08a;\n outline: 3px dashed #000000;\n }\n\n @media screen and (max-width: 480px) {\n .big-btn { font-size: 1.4rem; padding: 15px 20px; border-width: 4px; box-shadow: 0 6px 0 #333333; }\n .side-nav-btn { font-size: 1.8rem; padding: 10px 18px; border-width: 4px; }\n .btn-left { left: 10px; }\n .btn-right { right: 10px; }\n .content { font-size: 1.5rem; }\n h1 { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"top-button-container\">\n <button class=\"big-btn listen-btn\" onclick=\"startReading()\">\u25b6 Listen to Site<\/button>\n <button class=\"big-btn stop-btn\" onclick=\"stopReading()\">\u25a0 Stop<\/button>\n <\/div>\n\n \n <a href=\"index.html\" class=\"side-nav-btn btn-left\" title=\"Go Back Home\" onclick=\"stopReading()\">\u25c0<\/a>\n\n \n <a href=\"page3.html\" class=\"side-nav-btn btn-right\" title=\"Next Page\" onclick=\"stopReading()\">\u25b6<\/a>\n\n \n <div class=\"content\">\n <h1 class=\"speak-target\">Emergency Contact<\/h1>\n <p class=\"speak-target\">This page allows you to set up an emergency contact. Please ask a friend or helper to type the details below one time.<\/p>\n <p class=\"speak-target\">Once the name and number are entered, you can dial your emergency contact with one push of the button at the bottom of the screen.<\/p>\n <\/div>\n\n \n <div class=\"bottom-button-container\">\n <button class=\"big-btn call-emergency-btn\" id=\"callBtn\" onclick=\"dummyCall()\">\ud83d\udcde Call Contact Now<\/button>\n <\/div>\n\n <script>\n var elementsToRead = [];\n var currentIndex = 0;\n var isReading = false;\n\n function startReading() {\n if (!('speechSynthesis' in window)) {\n alert(\"Sorry, your browser does not support text-to-speech.\");\n return;\n }\n stopReading();\n \n \/\/ Targets only the explicit static elements\n elementsToRead = Array.from(document.querySelectorAll('.content h1, .speak-target, .call-emergency-btn'));\n elementsToRead = elementsToRead.filter(function(el) { return el.offsetParent !== null; });\n\n currentIndex = 0;\n isReading = true;\n readNextElement();\n }\n\n function readNextElement() {\n if (!isReading || currentIndex >= elementsToRead.length) {\n stopReading();\n return;\n }\n\n var currentElement = elementsToRead[currentIndex];\n currentElement.classList.add('currently-reading');\n\n currentElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n var utterance = new SpeechSynthesisUtterance(currentElement.textContent);\n utterance.rate = 1.0;\n utterance.pitch = 1.0;\n\n utterance.onend = function() {\n currentElement.classList.remove('currently-reading');\n currentIndex++;\n readNextElement();\n };\n\n utterance.onerror = function() {\n currentElement.classList.remove('currently-reading');\n };\n\n window.speechSynthesis.speak(utterance);\n }\n\n function stopReading() {\n isReading = false;\n if ('speechSynthesis' in window) {\n window.speechSynthesis.cancel();\n }\n var elements = document.querySelectorAll('.currently-reading');\n elements.forEach(function(el) { el.classList.remove('currently-reading'); });\n }\n\n function dummyCall() {\n stopReading();\n alert(\"This button is a design preview. The live dialing function will be linked here tomorrow!\");\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Emergency Contact Preview \u25b6 Listen to Site \u25a0 Stop \u25c0 \u25b6 Emergency Contact This page allows you to set up an emergency contact. Please ask a friend or helper to type the details below one time. Once the name and number are entered, you can dial your emergency contact with one push of the button […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":1,"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/helpfortheblind.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}