{"id":3595,"date":"2025-10-20T21:44:30","date_gmt":"2025-10-21T00:44:30","guid":{"rendered":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/?page_id=3595"},"modified":"2026-06-05T01:45:01","modified_gmt":"2026-06-05T04:45:01","slug":"accesibilidad","status":"publish","type":"page","link":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/accesibilidad\/","title":{"rendered":"ACCESIBILIDAD"},"content":{"rendered":"\n<style>\n  .cabecera-seccion-institucional {\n    background-color: #f9f9f9;\n    width: 100%;\n    padding: 40px 20px 20px 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    box-sizing: border-box;\n    font-family: sans-serif;\n  }\n  .contenedor-titulo-pag {\n    width: 100%;\n    max-width: 1100px;\n    padding-bottom: 20px;\n    border-bottom: 3px solid #003366;\n    transition: border-color 0.3s ease;\n  }\n  .cabecera-seccion-institucional h1 {\n    color: #003366 !important;\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 800;\n    margin: 0 0 10px 0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  .cabecera-seccion-institucional p {\n    color: #555555;\n    font-size: clamp(16px, 1.5vw, 18px);\n    margin: 0;\n    font-weight: 400;\n    line-height: 1.5;\n    transition: color 0.3s ease;\n  }\n\n  \/* Integraci\u00f3n con el Modo Oscuro Global *\/\n  body.modo-oscuro-total .cabecera-seccion-institucional {\n    background-color: #121212 !important;\n  }\n  body.modo-oscuro-total .contenedor-titulo-pag {\n    border-bottom-color: #64b5f6 !important;\n  }\n  body.modo-oscuro-total .cabecera-seccion-institucional h1 {\n    color: #64b5f6 !important;\n  }\n  body.modo-oscuro-total .cabecera-seccion-institucional p {\n    color: #e2e8f0 !important;\n  }\n<\/style>\n\n<header class=\"cabecera-seccion-institucional\">\n  <div class=\"contenedor-titulo-pag\">\n    <h1>Comisi\u00f3n de Accesibilidad<\/h1>\n    <p>Construcci\u00f3n de propuestas de ense\u00f1anza inclusivas, identificaci\u00f3n de barreras y garant\u00eda del derecho a la educaci\u00f3n.<\/p>\n  <\/div>\n<\/header>\n\n\n\n<style>\n  \/* Contenedor Principal Unificado - Bloque Superior *\/\n  .seccion-accesibilidad-inst {\n    background-color: #f9f9f9;\n    padding: 20px 20px 20px 20px;\n    font-family: sans-serif;\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    box-sizing: border-box;\n  }\n\n  .contenedor-blanco-accesibilidad {\n    background: #ffffff;\n    padding: 40px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n    box-sizing: border-box;\n  }\n\n  \/* T\u00edtulo Institucional con L\u00ednea de Acento *\/\n  .titulo-accesibilidad {\n    color: #003366 !important;\n    font-size: 23px; \/* Ajustado ligeramente en proporci\u00f3n al nuevo tama\u00f1o de texto *\/\n    font-weight: bold;\n    border-bottom: 2px solid #e0e0e0;\n    padding-bottom: 8px;\n    margin: 0 0 14px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .bajada-accesibilidad {\n    color: #333333;\n    font-size: 17px; \/* Fuente aumentada para mayor accesibilidad y legibilidad *\/\n    line-height: 1.8; \/* Mayor interlineado para que respire mejor el bloque de texto *\/\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n\n  \/* Contenedor optimizado para el pictograma de accesibilidad *\/\n  .contenedor-img-accesibilidad-fija {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 30px 0 10px 0;\n    padding: 0;\n    width: 100%;\n  }\n\n  .contenedor-img-accesibilidad-fija img {\n    width: 160px;\n    height: auto;\n    border-radius: 4px;\n    opacity: 0.95;\n    transition: transform 0.3s ease;\n  }\n\n  .contenedor-img-accesibilidad-fija img:hover {\n    transform: scale(1.03);\n  }\n\n  @media (max-width: 768px) {\n    .contenedor-blanco-accesibilidad { padding: 25px 20px; }\n    .bajada-accesibilidad {\n      font-size: 16px; \/* En pantallas m\u00f3viles se adapta sutilmente *\/\n    }\n  }\n<\/style>\n\n<div class=\"seccion-accesibilidad-inst\">\n  <div class=\"contenedor-blanco-accesibilidad\">\n    \n    <h2 class=\"titulo-accesibilidad\">Comisi\u00f3n de Accesibilidad<\/h2>\n    \n    <p class=\"bajada-accesibilidad\">\n      La Comisi\u00f3n de Accesibilidad es un grupo interdisciplinario que se ocupa esencialmente del acompa\u00f1amiento y asesoramiento de docentes del I.F.D. N\u00b013 Nivel Superior en la construcci\u00f3n de propuestas de ense\u00f1anzas accesibles en pos de garantizar el derecho a la educaci\u00f3n de los estudiantes. Basados en el principio de Inclusi\u00f3n y Accesibilidad, propone la identificaci\u00f3n de barreras sociales y sus posibles modos de intervenci\u00f3n. As\u00ed tambi\u00e9n, difunde e informa sobre acciones tendientes a construir un Instituto que aloje a todos y todas.\n    <\/p>\n\n    <div class=\"contenedor-img-accesibilidad-fija\">\n      <img decoding=\"async\" src=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/10\/simbolo-logo-signo-pictograma-accesibilidad-universal.jpg\" alt=\"Pictograma de Accesibilidad Universal\"\/>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<style>\n  \/* Contenedor gris externo, id\u00e9ntico a Investigaci\u00f3n *\/\n  .seccion-contacto-acc {\n    background-color: #f9f9f9;\n    padding: 10px 20px 40px 20px;\n    font-family: sans-serif;\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto 40px auto;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  \/* Tarjeta blanca centralizada *\/\n  .contenedor-contacto-acc {\n    width: 100%;\n    background: #ffffff;\n    padding: 40px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n    box-sizing: border-box;\n  }\n\n  .formulario-acc-independiente {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-top: 20px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .grupo-campo-acc {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    text-align: left;\n  }\n\n  .grupo-campo-acc label {\n    color: #333333;\n    font-size: 16px; \/* Aumentado en armon\u00eda con el bloque superior *\/\n    font-weight: 600;\n  }\n\n  .grupo-campo-acc input[type=\"text\"],\n  .grupo-campo-acc select,\n  .grupo-campo-acc textarea {\n    width: 100%;\n    padding: 14px; \/* Incrementado para dar m\u00e1s aire visual *\/\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    font-size: 17px; \/* Fuente interna aumentada para facilitar la escritura *\/\n    box-sizing: border-box;\n    font-family: sans-serif;\n    transition: border-color 0.3s, box-shadow 0.3s;\n  }\n\n  .grupo-campo-acc input:focus,\n  .grupo-campo-acc select:focus,\n  .grupo-campo-acc textarea:focus {\n    border-color: #003366;\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.1);\n  }\n\n  \/* Encabezado sem\u00e1ntico y accesible *\/\n  .subtitulo-accesibilidad {\n    color: #003366 !important;\n    font-size: 22px; \/* Proporcionado con el t\u00edtulo principal *\/\n    font-weight: bold;\n    border-bottom: 2px solid #e0e0e0;\n    padding-bottom: 8px;\n    margin: 0 0 12px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .contenedor-accion-acc {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n  }\n\n  .btn-enviar-acc {\n    background-color: #003366;\n    color: #ffffff;\n    border: none;\n    padding: 14px 32px;\n    border-radius: 30px;\n    font-size: 16px; \/* Bot\u00f3n ligeramente m\u00e1s legible *\/\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.3s, transform 0.2s;\n    box-shadow: 0 4px 10px rgba(0, 51, 102, 0.15);\n    margin: 10px 0;\n  }\n\n  .btn-enviar-acc:hover {\n    background-color: #2e7d32;\n    transform: translateY(-1px);\n  }\n\n  .ayuda-correo-acc {\n    margin-top: 25px;\n    font-size: 14px; \/* Aumentado para conservar legibilidad de pie *\/\n    color: #666666;\n    text-align: center;\n    border-top: 1px solid #ededed;\n    padding-top: 15px;\n    line-height: 1.5;\n    width: 100%;\n  }\n\n  .ayuda-correo-acc a {\n    color: #003366;\n    text-decoration: none;\n    font-weight: 600;\n  }\n\n  .ayuda-correo-acc a:hover {\n    text-decoration: underline;\n  }\n\n  @media (max-width: 768px) {\n    .seccion-contacto-acc {\n      padding: 10px 15px 30px 15px;\n    }\n    .contenedor-contacto-acc {\n      padding: 25px 20px;\n    }\n    .btn-enviar-acc {\n      width: 100%;\n      border-radius: 8px;\n    }\n    .grupo-campo-acc label {\n      font-size: 15px;\n    }\n    .grupo-campo-acc input[type=\"text\"],\n    .grupo-campo-acc select,\n    .grupo-campo-acc textarea {\n      font-size: 16px;\n    }\n  }\n<\/style>\n\n<div class=\"seccion-contacto-acc\">\n  <div class=\"contenedor-contacto-acc\">\n\n    <h3 class=\"subtitulo-accesibilidad\">Enviar Consulta a la Comisi\u00f3n<\/h3>\n    \n    <p style=\"color: #555555; font-size: 16px; margin: 0 0 20px 0; line-height: 1.6; text-align: left;\">\n      Complet\u00e1 los campos y presion\u00e1 el bot\u00f3n. Se abrir\u00e1 tu aplicaci\u00f3n de correo electr\u00f3nico habitual para finalizar el env\u00edo de forma segura.\n    <\/p>\n\n    <form class=\"formulario-acc-independiente\" onsubmit=\"enviarCorreoAccesibilidad(event)\">\n      \n      <div class=\"grupo-campo-acc\">\n        <label for=\"nombre-acc\">Nombre y Apellido *<\/label>\n        <input type=\"text\" id=\"nombre-acc\" required placeholder=\"Ej: Prof. Mar\u00eda P\u00e9rez\">\n      <\/div>\n\n      <div class=\"grupo-campo-acc\">\n        <label for=\"rol-acc\">Rol Institucional *<\/label>\n        <select id=\"rol-acc\" required>\n          <option value=\"\" disabled selected>Seleccion\u00e1 tu rol&#8230;<\/option>\n          <option value=\"Estudiante\">Estudiante<\/option>\n          <option value=\"Docente \/ Profesor\">Docente \/ Profesor<\/option>\n          <option value=\"Graduado\/a\">Graduado\/a<\/option>\n          <option value=\"Otro \/ Comunidad general\">Otro \/ Comunidad general<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"grupo-campo-acc\">\n        <label for=\"asunto-acc\">Asunto de la Consulta *<\/label>\n        <input type=\"text\" id=\"asunto-acc\" required placeholder=\"Ej: Consulta sobre propuesta pedag\u00f3gica accesible\">\n      <\/div>\n\n      <div class=\"grupo-campo-acc\">\n        <label for=\"mensaje-acc\">Mensaje o Consulta *<\/label>\n        <textarea id=\"mensaje-acc\" rows=\"6\" required placeholder=\"Escrib\u00ed detalladamente tu consulta aqu\u00ed...\"><\/textarea>\n      <\/div>\n\n      <div class=\"contenedor-accion-acc\">\n        <button type=\"submit\" class=\"btn-enviar-acc\">Generar Correo Institucional<\/button>\n      <\/div>\n\n    <\/form>\n\n    <p class=\"ayuda-correo-acc\">\n      \u00bfProblemas con el bot\u00f3n? Tambi\u00e9n pod\u00e9s escribirnos directamente a: \n      <a href=\"mailto:accesibilidad.isfd13@gmail.com\">accesibilidad.isfd13@gmail.com<\/a>\n    <\/p>\n\n  <\/div>\n<\/div>\n\n<script>\n  function enviarCorreoAccesibilidad(event) {\n    event.preventDefault();\n\n    const nombre = document.getElementById('nombre-acc').value;\n    const rol = document.getElementById('rol-acc').value;\n    const asunto = document.getElementById('asunto-acc').value;\n    const mensaje = document.getElementById('mensaje-acc').value;\n    \n    const emailDestino = \"accesibilidad.isfd13@gmail.com\";\n\n    let cuerpoEmail = `Nombre y Apellido: ${nombre}\\n`;\n    cuerpoEmail += `Rol Institucional: ${rol}\\n\\n`;\n    cuerpoEmail += `Consulta:\\n${mensaje}`;\n\n    const asuntoCodificado = encodeURIComponent(asunto);\n    const cuerpoCodificado = encodeURIComponent(cuerpoEmail);\n\n    window.location.href = `mailto:${emailDestino}?subject=${asuntoCodificado}&body=${cuerpoCodificado}`;\n\n    setTimeout(() => {\n      event.target.reset(); \n    }, 1000);\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Comisi\u00f3n de Accesibilidad Construcci\u00f3n de propuestas de ense\u00f1anza inclusivas, identificaci\u00f3n de barreras y garant\u00eda del derecho a la educaci\u00f3n. Comisi\u00f3n de Accesibilidad La Comisi\u00f3n de Accesibilidad es un grupo interdisciplinario que se ocupa esencialmente del acompa\u00f1amiento y asesoramiento de docentes del I.F.D. N\u00b013 Nivel Superior en la construcci\u00f3n de propuestas de ense\u00f1anzas accesibles en pos &#8230; <a title=\"ACCESIBILIDAD\" class=\"read-more\" href=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/accesibilidad\/\" aria-label=\"More on ACCESIBILIDAD\">[+]<\/a><\/p>\n","protected":false},"author":1709,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/3595"}],"collection":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/1709"}],"replies":[{"embeddable":true,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=3595"}],"version-history":[{"count":15,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/3595\/revisions"}],"predecessor-version":[{"id":4123,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/3595\/revisions\/4123"}],"wp:attachment":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=3595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}