{"id":53,"date":"2025-08-28T04:15:05","date_gmt":"2025-08-28T04:15:05","guid":{"rendered":"https:\/\/iglesiatodoslossantos.org\/en\/?page_id=53"},"modified":"2025-08-28T04:15:40","modified_gmt":"2025-08-28T04:15:40","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/iglesiatodoslossantos.org\/en\/accessibility\/","title":{"rendered":"Accessibility"},"content":{"rendered":"\n<style>\n\/* Estilos para la pol\u00edtica de accesibilidad *\/\n.accessibility-policy {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    line-height: 1.7;\n    color: #333;\n    max-width: 1000px;\n    margin: 40px auto;\n    padding: 20px;\n}\n\n.accessibility-header {\n    text-align: center;\n    margin-bottom: 40px;\n    padding-bottom: 30px;\n    border-bottom: 3px solid #f0e6ff;\n}\n\n.accessibility-title {\n    color: #4a148c;\n    font-size: 2.5rem;\n    margin-bottom: 15px;\n    position: relative;\n    display: inline-block;\n}\n\n.accessibility-title::after {\n    content: '';\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background-color: #f8d56b;\n}\n\n.accessibility-subtitle {\n    color: #666;\n    font-size: 1.2rem;\n    max-width: 800px;\n    margin: 20px auto 0;\n}\n\n.accessibility-content {\n    background: white;\n    border-radius: 10px;\n    padding: 40px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n}\n\n.accessibility-section {\n    margin-bottom: 40px;\n}\n\n.accessibility-section h2 {\n    color: #4a148c;\n    font-size: 1.8rem;\n    margin-bottom: 20px;\n    padding-bottom: 10px;\n    border-bottom: 2px solid #f0e6ff;\n    display: flex;\n    align-items: center;\n}\n\n.accessibility-section h2 i {\n    margin-right: 15px;\n    font-size: 1.5rem;\n}\n\n.accessibility-section h3 {\n    color: #6a1b9a;\n    font-size: 1.4rem;\n    margin: 25px 0 15px;\n    display: flex;\n    align-items: center;\n}\n\n.accessibility-section h3 i {\n    margin-right: 12px;\n    font-size: 1.2rem;\n}\n\n.accessibility-section p {\n    margin-bottom: 20px;\n    text-align: justify;\n}\n\n.accessibility-section ul, .accessibility-section ol {\n    margin: 20px 0;\n    padding-left: 30px;\n}\n\n.accessibility-section li {\n    margin-bottom: 12px;\n    position: relative;\n}\n\n.feature-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 25px;\n    margin: 30px 0;\n}\n\n.feature-card {\n    background-color: #f9f9f9;\n    padding: 25px;\n    border-radius: 8px;\n    border-left: 4px solid #4a148c;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n}\n\n.feature-card h4 {\n    color: #4a148c;\n    margin-top: 0;\n    display: flex;\n    align-items: center;\n}\n\n.feature-card h4 i {\n    margin-right: 10px;\n    color: #f8d56b;\n}\n\n.contact-info {\n    background-color: #f0e6ff;\n    padding: 25px;\n    border-radius: 8px;\n    margin-top: 30px;\n    border-left: 4px solid #4a148c;\n}\n\n.contact-info h3 {\n    color: #4a148c;\n    margin-top: 0;\n}\n\n.compliance-status {\n    display: flex;\n    align-items: center;\n    background-color: #e8f5e9;\n    padding: 20px;\n    border-radius: 8px;\n    margin: 30px 0;\n    border-left: 4px solid #4caf50;\n}\n\n.compliance-icon {\n    font-size: 2.5rem;\n    color: #4caf50;\n    margin-right: 20px;\n}\n\n.compliance-text {\n    flex: 1;\n}\n\n.improvement-plan {\n    background-color: #fff8e1;\n    padding: 25px;\n    border-radius: 8px;\n    margin: 30px 0;\n    border-left: 4px solid #ffc107;\n}\n\n.improvement-plan h3 {\n    color: #ff8f00;\n    margin-top: 0;\n}\n\n.accessibility-footer {\n    text-align: center;\n    margin-top: 50px;\n    padding-top: 30px;\n    border-top: 1px solid #eee;\n    color: #666;\n    font-size: 0.9rem;\n}\n\n\/* Mejoras de accesibilidad visual *\/\n.high-contrast-mode {\n    background-color: #000 !important;\n    color: #fff !important;\n}\n\n.text-resize-buttons {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 20px;\n    gap: 10px;\n}\n\n.text-resize-buttons button {\n    background-color: #4a148c;\n    color: white;\n    border: none;\n    padding: 8px 15px;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 1rem;\n    transition: background-color 0.3s ease;\n}\n\n.text-resize-buttons button:hover {\n    background-color: #6a1b9a;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .accessibility-policy {\n        padding: 15px;\n        margin: 20px auto;\n    }\n    \n    .accessibility-title {\n        font-size: 2rem;\n    }\n    \n    .accessibility-subtitle {\n        font-size: 1rem;\n    }\n    \n    .accessibility-content {\n        padding: 25px 20px;\n    }\n    \n    .accessibility-section h2 {\n        font-size: 1.6rem;\n    }\n    \n    .accessibility-section h3 {\n        font-size: 1.3rem;\n    }\n    \n    .feature-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .compliance-status {\n        flex-direction: column;\n        text-align: center;\n    }\n    \n    .compliance-icon {\n        margin-right: 0;\n        margin-bottom: 15px;\n    }\n}\n\n\/* Estilos para modo alto contraste *\/\n.high-contrast {\n    background-color: #000 !important;\n    color: #fff !important;\n}\n\n.high-contrast .accessibility-content {\n    background-color: #000 !important;\n    color: #fff !important;\n    border: 2px solid #fff;\n}\n\n.high-contrast .feature-card {\n    background-color: #111 !important;\n    color: #fff !important;\n    border-left: 4px solid #ff0;\n}\n\n.high-contrast .contact-info {\n    background-color: #111 !important;\n    color: #fff !important;\n    border-left: 4px solid #ff0;\n}\n\n.high-contrast a {\n    color: #6af !important;\n}\n<\/style>\n<div class=\"accessibility-policy\">\n    \n    <div class=\"accessibility-header\">\n        <p class=\"accessibility-subtitle\">Committed to an accessible website for everyone<\/p>\n    <\/div>\n    \n    <div class=\"accessibility-content\">\n        <div class=\"accessibility-section\">\n            <h2><i class=\"fas fa-universal-access\"><\/i> Our Commitment<\/h2>\n            <p>At All Saints Mission, we believe that faith and community should be accessible to everyone. We are committed to ensuring that our website is usable and accessible for all people, regardless of their abilities or disabilities.<\/p>\n            \n            <p>Our goal is to comply with the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA, a set of international standards for web accessibility developed by the World Wide Web Consortium (W3C).<\/p>\n        <\/div>\n        \n        <div class=\"compliance-status\">\n            <div class=\"compliance-icon\">\n                <i class=\"fas fa-check-circle\"><\/i>\n            <\/div>\n            <div class=\"compliance-text\">\n                <h3>Compliance Status<\/h3>\n                <p>We strive to make <strong>unaiglesiapueblo-achurchpeople.org<\/strong> compliant with WCAG 2.1 Level AA accessibility guidelines. Currently, our website is partially compliant, and we are continuously working to improve the experience for all users.<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"accessibility-section\">\n            <h2><i class=\"fas fa-cogs\"><\/i> Accessibility Features<\/h2>\n            <p>We have implemented several features to make our website more accessible:<\/p>\n            \n            <div class=\"feature-grid\">\n                <div class=\"feature-card\">\n                    <h4><i class=\"fas fa-text-height\"><\/i> Adjustable Text Size<\/h4>\n                    <p>You can increase or decrease the text size using the controls at the top of this page or your browser\u2019s zoom functions.<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <h4><i class=\"fas fa-adjust\"><\/i> High Contrast Mode<\/h4>\n                    <p>Use the contrast button to switch between our regular design and a high-contrast mode that may improve readability.<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <h4><i class=\"fas fa-keyboard\"><\/i> Keyboard Navigation<\/h4>\n                    <p>Navigate our website using only the keyboard. Use Tab to move forward, Shift+Tab to move back, and Enter to activate links.<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <h4><i class=\"fas fa-desktop\"><\/i> Semantic Structure<\/h4>\n                    <p>We have used proper headings and HTML structure to make navigation easier with screen readers.<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <h4><i class=\"fas fa-alt\"><\/i> Alternative Text<\/h4>\n                    <p>All informative images include descriptive alternative text for screen reader users.<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <h4><i class=\"fas fa-closed-captioning\"><\/i> Captions and Transcripts<\/h4>\n                    <p>We provide captions for videos and transcripts for audio content when available.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"accessibility-section\">\n            <h2><i class=\"fas fa-wheelchair\"><\/i> Assistive Technology Compatibility<\/h2>\n            <p>Our website is compatible with:<\/p>\n            <ul>\n                <li>Screen readers such as JAWS, NVDA, and VoiceOver<\/li>\n                <li>Voice recognition software such as Dragon NaturallySpeaking<\/li>\n                <li>Keyboard navigation and alternative input devices<\/li>\n                <li>Screen magnification tools<\/li>\n            <\/ul>\n        <\/div>\n        \n        <div class=\"accessibility-section\">\n            <h2><i class=\"fas fa-exclamation-triangle\"><\/i> Known Limitations<\/h2>\n            <p>Despite our best efforts, some areas of our website may present accessibility challenges:<\/p>\n            <ul>\n                <li>Some older PDF documents may not be fully accessible<\/li>\n                <li>Embedded third-party content (such as maps) may have accessibility limitations<\/li>\n                <li>Some complex forms may require additional improvements<\/li>\n            <\/ul>\n            \n            <p>We are actively working to address these limitations and continuously improve our website\u2019s accessibility.<\/p>\n        <\/div>\n        \n        <div class=\"improvement-plan\">\n            <h3><i class=\"fas fa-tasks\"><\/i> Continuous Improvement Plan<\/h3>\n            <p>We are committed to continuously improving the accessibility of our website. Our plan includes:<\/p>\n            <ul>\n                <li>Regular accessibility assessments with automated tools and manual testing<\/li>\n                <li>Staff training on web accessibility best practices<\/li>\n                <li>Review and update of existing content to meet standards<\/li>\n                <li>Collaboration with the community to identify and resolve accessibility issues<\/li>\n            <\/ul>\n        <\/div>\n        \n        <div class=\"accessibility-section\">\n            <h2><i class=\"fas fa-hands-helping\"><\/i> Need Help?<\/h2>\n            <p>If you experience difficulties accessing any content on our website, or if you have suggestions for improving accessibility, please contact us:<\/p>\n            \n            <div class=\"contact-info\">\n                <h3>All Saints Mission &#8211; Accessibility Support<\/h3>\n                <p><strong>Phone:<\/strong> (939) 123-4567 (Monday to Friday, 9:00 AM &#8211; 5:00 PM)<\/p>\n                <p><strong>Email:<\/strong> todoslossantos@episcopalpr.org<\/p>\n                <p><strong>Address:<\/strong> Calle Plinio Paterson #55, Vieques, Puerto Rico 00765<\/p>\n                <p>We will do our best to respond within 48 business hours and provide the content in an accessible alternative format.<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"accessibility-section\">\n            <h2><i class=\"fas fa-gavel\"><\/i> Complaint Procedure<\/h2>\n            <p>If you have contacted us about an accessibility issue and are not satisfied with our response, you may file a formal complaint:<\/p>\n            <ol>\n                <li>Send a detailed description of the issue to todoslossantos@episcopalpr.org<\/li>\n                <li>Include information about the webpage and the specific problem encountered<\/li>\n                <li>Provide your contact information<\/li>\n                <li>You will receive an acknowledgment within 48 business hours<\/li>\n                <li>We will investigate the issue and provide a response within 10 business days<\/li>\n            <\/ol>\n        <\/div>\n        \n        <div class=\"accessibility-footer\">\n            <p>\u00a9 2025 All Saints Mission &#8211; Vieques, Puerto Rico. All rights reserved.<\/p>\n            <p>This accessibility policy was last updated on August 28, 2025.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ Functions to improve accessibility\nfunction changeFontSize(direction) {\n    const body = document.body;\n    const currentSize = parseFloat(getComputedStyle(body).fontSize);\n    \n    if (direction === 'increase') {\n        body.style.fontSize = (currentSize + 2) + 'px';\n    } else if (direction === 'decrease') {\n        body.style.fontSize = (currentSize - 2) + 'px';\n    }\n    \n    \/\/ Save preference in localStorage\n    localStorage.setItem('fontSize', body.style.fontSize);\n}\n\nfunction toggleHighContrast() {\n    document.body.classList.toggle('high-contrast');\n    \n    \/\/ Save preference in localStorage\n    if (document.body.classList.contains('high-contrast')) {\n        localStorage.setItem('highContrast', 'enabled');\n    } else {\n        localStorage.setItem('highContrast', 'disabled');\n    }\n}\n\n\/\/ Load saved preferences on page load\ndocument.addEventListener('DOMContentLoaded', function() {\n    const savedFontSize = localStorage.getItem('fontSize');\n    const savedHighContrast = localStorage.getItem('highContrast');\n    \n    if (savedFontSize) {\n        document.body.style.fontSize = savedFontSize;\n    }\n    \n    if (savedHighContrast === 'enabled') {\n        document.body.classList.add('high-contrast');\n    }\n});\n\n\/\/ Improve keyboard navigation\ndocument.addEventListener('keydown', function(e) {\n    \/\/ Skip to main content with key \"M\"\n    if (e.key === 'm' || e.key === 'M') {\n        const mainContent = document.querySelector('.accessibility-content');\n        if (mainContent) {\n            mainContent.focus();\n        }\n    }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Committed to an accessible website for everyone Our Commitment At All Saints Mission, we believe that faith and community should be accessible to everyone. We are committed to ensuring that our website is usable and accessible for all people, regardless of their abilities or disabilities. Our goal is to comply with the Web Content Accessibility [&hellip;]<\/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-53","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/iglesiatodoslossantos.org\/en\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iglesiatodoslossantos.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iglesiatodoslossantos.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iglesiatodoslossantos.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iglesiatodoslossantos.org\/en\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":2,"href":"https:\/\/iglesiatodoslossantos.org\/en\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/iglesiatodoslossantos.org\/en\/wp-json\/wp\/v2\/pages\/53\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/iglesiatodoslossantos.org\/en\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}