Patrones Índice de páginas
- Cómo pedimos información
- Cómo mostramos información
- Ayudar a resolver
- Páginas y flujos
Preguntas frecuentes
Ayudar a resolver
Pautas para facilitar información y responder dudas en un formato claro y directo.
Preguntas frecuentes sobre la aplicación
Si ha surgido un error al solicitar los permisos, puedes avisarnos a través del botón "Reportar un error". En el reporte debes indicar el tipo de permiso y la aplicación para la que estabas solicitando el permiso y el error que se ha mostrado en el Formulario de Permisos de Usuario (FPU).
Una vez reportado el error, la incidencia será revisada por los técnicos especializados de la aplicación.
Información adicional para agentes de atención (contenido sólo para uso interno)
- Lista de responsables y contacto por aplicación
- Acceso rápido a estadísticas de esta pregunta frecuente
Puedes ver los pasos para dar y quitar permisos a personas a partir del minuto 2:10 del videoututorial Formulario de Permisos de Usuarios: Gestores de usuarios
Mostrar código del ejemplo: includes/_pattern.faqs-acordeon.njk
Contenido
Nunjucks macro del ejemplo: includes/_pattern.faqs-acordeon.njk
{% from "components/accordion/_macro.accordion.njk" import componentAccordion %}
{% set faq1 %}
<div class="py-base">
<p class="c-paragraph-base">Si ha surgido un error al solicitar los permisos, puedes avisarnos a través del botón "Reportar un error". En el reporte debes indicar el tipo de permiso y la aplicación para la que estabas solicitando el permiso y el error que se ha mostrado en el Formulario de Permisos de Usuario (FPU).</p>
<p class="c-paragraph-base">Una vez reportado el error, la incidencia será revisada por los técnicos especializados de la aplicación.</p>
<div class="p-base bg-neutral-lighter">
<p class="c-paragraph-base"><strong>Información adicional para agentes de atención</strong> <em>(contenido sólo para uso interno)</em></p>
<ul class="c-ul mt-base">
<li>Lista de responsables y contacto por aplicación</li>
<li>Acceso rápido a estadísticas de esta pregunta frecuente</li>
</ul>
</div>
</div>
{% endset %}
{% set faq2 %}
<div class="py-base">
<p>Puedes ver los pasos para dar y quitar permisos a personas a partir del minuto 2:10 del videoututorial <a href="https://www.youtube.com/watch?v=edLVIplqHRg&t=130s" class="c-link" target="_blank" title="Se abre en ventana nueva">Formulario de Permisos de Usuarios: Gestores de usuarios{% include "includes/_external-link-icon.njk" %}</a></p>
</div>
{% endset %}
{{ componentAccordion({
"idPrefix": "accordion-faqs",
"headingLevel": 2,
"heading": {
"text": "Preguntas frecuentes sobre la aplicación",
"classes": "c-h3"
},
"allowMultiple": true,
"items": [
{
"headerHtml": "<span class='block pr-2xl pointer-events-none'>¿Qué hacer si surge un error al establecer los permisos? </span>",
"html": faq1 | safe
},
{
"headerHtml": "<span class='block pr-2xl pointer-events-none'>¿Cómo dar o quitar permisos a una persona en una bandeja?</span>",
"html": faq2 | safe
}
]
}) }}
HTML del ejemplo: includes/_pattern.faqs-acordeon.njk
<!-- accordion -->
<div class="c-accordion" data-allow-multiple>
<div class="flex justify-between">
<h2 class="c-h3" id="accordion-faqs-heading">Preguntas frecuentes sobre la aplicación</h2>
</div>
<div>
<div class="-my-px px-xs py-sm border-t border-b border-neutral-base">
<h3>
<button
id="accordion-faqs-1-title"
type="button"
class="c-accordion__trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black"
aria-controls="accordion-faqs-1"
aria-expanded="false">
<span class="block pr-2xl pointer-events-none">¿Qué hacer si surge un error al establecer los permisos? </span>
<span class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none" aria-hidden="true">
<span class="c-accordion__show">
Mostrar
</span>
<span class="c-accordion__hide hidden">
Ocultar
</span>
</span>
</button>
</h3>
<p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>
<div
hidden=""
id="accordion-faqs-1"
class="c-accordion__panel">
<div class="py-base">
<p class="c-paragraph-base">Si ha surgido un error al solicitar los permisos, puedes avisarnos a través del botón "Reportar un error". En el reporte debes indicar el tipo de permiso y la aplicación para la que estabas solicitando el permiso y el error que se ha mostrado en el Formulario de Permisos de Usuario (FPU).</p>
<p class="c-paragraph-base">Una vez reportado el error, la incidencia será revisada por los técnicos especializados de la aplicación.</p>
<div class="p-base bg-neutral-lighter">
<p class="c-paragraph-base"><strong>Información adicional para agentes de atención</strong> <em>(contenido sólo para uso interno)</em></p>
<ul class="c-ul mt-base">
<li>Lista de responsables y contacto por aplicación</li>
<li>Acceso rápido a estadísticas de esta pregunta frecuente</li>
</ul>
</div>
</div>
</div>
</div>
<div class="-my-px px-xs py-sm border-t border-b border-neutral-base">
<h3>
<button
id="accordion-faqs-2-title"
type="button"
class="c-accordion__trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black"
aria-controls="accordion-faqs-2"
aria-expanded="false">
<span class="block pr-2xl pointer-events-none">¿Cómo dar o quitar permisos a una persona en una bandeja?</span>
<span class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none" aria-hidden="true">
<span class="c-accordion__show">
Mostrar
</span>
<span class="c-accordion__hide hidden">
Ocultar
</span>
</span>
</button>
</h3>
<p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>
<div
hidden=""
id="accordion-faqs-2"
class="c-accordion__panel">
<div class="py-base">
<p>Puedes ver los pasos para dar y quitar permisos a personas a partir del minuto 2:10 del videoututorial <a href="https://www.youtube.com/watch?v=edLVIplqHRg&t=130s" class="c-link" target="_blank" title="Se abre en ventana nueva">Formulario de Permisos de Usuarios: Gestores de usuarios<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" role="presentation" aria-hidden="true" focusable="false" role="img">
<g>
<path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path>
</g>
</svg></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- /accordion -->
Sigue los siguientes pasos para crearlas #
- Identifica las Preguntas Frecuentes.
- Sigue las buenas practicas para redactarlas.
- Agrúpalas por temas y priorízalas por frecuencia y relevancia.
- Utiliza el componente acordeón para publicarlas (en Sede electrónica, tu aplicación, etc.)
- Recoge retroalimentación sobre las Preguntas Frecuentes de las personas usuarias.
- Debes mantenerlas actualizadas. Puedes seguir estas recomendaciones de Portal sobre calidad, actualidad y expurgo de la información.
Estructura de cada Pregunta Frecuente #
- Título-Pregunta (Recomendamos usar sobre 65 caracteres y como máximo 130)
- Descripción de los casos en los que puede darse la pregunta y las respuestas a cada caso.
- Posible apartado solo para consumo interno, con otra información útil para personal del servicio que preste atención a la ciudadanía.
Qué debes tener en cuenta #
- Recoge preguntas frecuentes reales directamente de personas usuarias o de servicios de atención a usuarios. Si no hay, no las inventes.
- Redáctalas como preguntas, no como afirmaciones.
- Asegúrate de contestar a la pregunta que titula cada Pregunta Frecuente.
- Escribe un solo tema por pregunta.
- Evita crear demasiadas preguntas frecuentes o perderán su utilidad.
- Incluye la información de contexto necesaria para facilitar la comprensión.
- Aclara la información con ejemplos prácticos y concretos
- Incluye enlaces a recursos adicionales, no dupliques documentación.
- Muestra otros canales de información como teléfono, correo, etc.
- Sigue buenas prácticas en la creación de contenidos: Jerarquiza el contenido, utiliza lenguaje claro, etc... Mientras construimos una síntesis de buenas prácticas, puedes explorar el manual para publicar en aragon.es como referencia.
- Mejora el posicionamiento web con las pautas de posicionamiento web o SEO de Portal.
- Asegura la accesibilidad siguiendo las pautas sobre accesibilidad en DESY o de accesibilidad de documentos word y PDF de Portal.