--- es-PY: decidim: design: components: accordions: content_panel: Contenido del panel demo: Demo demo_description: A lo largo de la aplicación los acordeones se utilizan, principalmente, para mostrar/ocultar contenido en pestañas o plegar/desplegar textos visibles. description_accordions_html: Los accordiones son una característica de JavaScript disponible gracias a una biblioteca externa llamada %{link_code} a11y-accordion-component. github_source_html: Código fuente en GitHub %{github_link} panel: Panel title: Acordeones trigger: Activador usage: Uso usage_p: Un acordeón requiere al menos tres elementos usage_p_1_html: '1. Un envoltorio div, con el atributo "data": data-component="accordion", sobre todos los activadores y paneles disponibles.' usage_p_2_html: 2. Un elemento activador, usuaria accionable (como un botón), apuntando al elemento plegable a través de data-controls="panel", donde panel es la id del panel. usage_p_3_html: 3. Un elemento oculto, cuyo id coincide con el valor de los controles de datos al que se refiere el activador. activities: activities: Actividades address: title: Dirección announcement: iam_an_announcement: Soy un anuncio this_is_the_body: Esto es el cuerpo/descripción this_is_the_title: Esto es el título title: Anuncio/Aviso author: title: Autoría buttons: description_html: 'Los botones se construyen utilizando diferentes combinaciones de clases CSS: la clase botón, un tamaño y un color.' title: Botones cards: title: Tarjetas dialogs: dialog_demo_description_html: Los cuadros de diálogo, o elementos modales, se implementan a través del ayudante de railsdecidim_modal. dialogs_description_html: Los cuadros de diálogo son una característica JavaScript disponible gracias a una biblioteca externa llamada a11y-dialogo-component. tips_description: 'Para mostrar una modal compleja, que coincida con los estilos, añade el siguiente marcador:' tips_description_html: Presta atención a los data-attributes y a los Ids. Por ejemplo, el [data-dialog-title] de los Ids empieza con dialog-title más el modal id. title: Cuadros de diálogo usage_description: Un cuadro de diálogo requiere dos elementos usage_description_2_html: 2. Un elemento modal, cuyo id coincide con el valor de los controles de datos al que se refiere el activador. usage_description_html: 1. Un elemento accionable por la participante, con el atributo de datos data-dialog-open="example", donde example es la Id de la modal. follow: title: Seguir forms: disabled: Deshabilitado emojis: Emojis emojis_description: Solo funciona en áreas de texto errors: Errores errors_description: No se puede seleccionar header_alert: Se muestra esta página a partir de una vista antigua. El contenido está desactualizado. help_texts: Texto de ayuda html_regular_inputs: Entradas HTML habituales min_max_length: Longitud Mín/Máx min_max_length_description: Solo funciona en entradas de tipo texto y área de texto multiselect: Selección múltiple multiselect_description_html: Les selecciones múltiples son una característica JavaScript disponibles gracias a una librería externa llamada "Tom Select" a>. regular_inputs_description: 'Solo muestra tipos comunes, lista completa disponible: date, datetime-local, email, month, number, password, search, tel, text, time, url, week' textarea_required: área de texto requerida title: Formularios report: title: Denunciar share: title: Compartir tab_panels: title: Panel de pestañas tooltips: demo: Demo demo_description: Para que este componente funcione, un participante debe pasar el cursor sobre el elemento. description: Un tooltip es un componente con el que, al pasar el ratón por encima, las participantes pueden tener información adicional sobre él. github_source_html: Código fuente en GitHub %{github_link} title: Descripción emergente usage: Uso usage_p: 'Una descripción emergente necesita utilizar el ayudante "with_tooltip" con tres argumentos:' usage_p_1_html: 1. Una ristra de caracteres o frase de la descripción emergente. En el ejemplo de esta página es "Hola mundo". usage_p_2_html: 2. Una clase opcional con un símbolo donde se mostrará la descripción emergente. Los valores posibles son :top, :bottom, :right, o :left. usage_p_3_html: 3. Un bloque con ristra de caracteres o frase por la que la usuaria debe pasar el cursor para que se muestre. foundations: accessibility: accessibility_labels: Etiquetas de accesibilidad accessibility_labels_paragraph: Al definir los elementos, siempre asegúrese de que tienen sentido para los lectores de pantalla. accessibility_title: Accesibilidad adjacent_links: Enlaces adyacentes adjacent_links_header: Enlaces adyacentes para el mismo recurso adjacent_links_paragraph: Si el mismo recurso tiene múltiples enlaces adyacentes apuntando a él, hace difícil que las usuarias puedan mirar a través de la página porque tal vez necesiten pasar por varios enlaces para llegar al siguiente recurso. color_contrast: Contraste de color color_contrast_paragraph: Al crear interfaces de usuaria o modificar los colores, asegúrate siempre que no se está rompiendo la accesibilidad con estos cambios. Puede utilizar el comprobador de contraste de color para asegurarse estos colores tienen suficiente contraste contra el color de fondo en el que se muestran. decidim_follows_html: Decidim sigue las directrices de Accesibilidad al Contenido Web (WCAG) 2.1 dynamic_changes_header: 'Función dinámica: cambia el contexto de la página de forma poco intuitiva' dynamic_changes_paragraph: Los cambios en las entradas del formulario no deberían cambiar el contexto de la página automáticamente. elements_hidden: Elementos escondidos elements_hidden_header: Elementos escondidos de la API de accesibilidad elements_hidden_paragraph: Para ocultar un elemento de las tecnologías de asistencia, utiliza el atributo aria-hidden="true" en él. heading_on: Encabezado en secciones importantes here_link: aquí illogical_heading_order: Orden de encabezado ilógica illogical_heading_paragraph: Cada página debe tener un orden de encabezado lógico cuando utilices los elementos de encabezamiento , , , , y . important_sections_heading: Encabezado en secciones importantes important_sections_paragraph: Es muy importante que cada sección importante de la página tenga un título para facilitar la comprensión de las secciones importantes de la página simplemente navegando por sus encabezados. links_and_buttons: Enlaces y botones links_and_buttons_paragraph: Los elementos de anclaje (es decir, enlaces) están destinados a enlazar a diferentes páginas o a posiciones de anclaje dentro de la página. Si queremos que el elemento abra, por ejemplo, algún elemento oculto en esa página, deberías utilizar el elemento en su lugar. see_further_info_html: Ver más información %{link} unique_h1: H1 único unique_h1_paragraph: Cada página debe tener un único encabezado H1 use_aria: Utiliza ARIA use_aria_header: Utiliza los atributos ARIA cuando sea posible use_aria_paragraph: Muchos elementos que proporcionan funcionalidad interactiva en el sitio web requieren atributos ARIA para hacerlos accesibles. color: color_header: Color description_p1: Proporcionamos una paleta base con pocos colores para facilitar personalizaciones simples. Puedes modificar la paleta Base ya sea en el área de Administración o en el archivo de configuración Tailwind si necesitas una personalización más avanzada. description_p2_html: Cuando personalices tus colores, ten en cuenta el %{contrast_link}. Puedes comprobar el contraste de tu elección con %{checker_link} u otras herramientas similares. wcag_compliant_rations: Relación de contraste compatible con WCAG 2.1 AA wcag_contrast_checker: Verificador de contrastes WebAIM iconography: description_iconography: Utilizamos iconos para reforzar el significado de acciones, títulos, etc. description_iconography_html: 'Utilizamos la biblioteca de código abierto Remixicon: %{iconography_link}' title: Iconografía layout: breakpoint: Punto de interrupción breakpoints: Puntos de interrupción centered: Centrado code: Código columns: Siendo el número de columnas 10, 8 o 6. description_layout_p1: Para el escritorio, Decidim utiliza una cuadrícula de 12 columnas con un número limitado de plantillas (configuraciones de cuadrícula) para diferentes tipos de contenido. El objetivo es que un tipo determinado de contenido (página de inicio, lista de elementos, elemento individual) tenga un diseño distintivo, para que los usuarios puedan entender en qué tipo de contenido son sólo por el aspecto general de la página. description_layout_p2: Estas simples reglas deben seguirse al crear nuevos módulos o personalizar los existentes, de modo que una instancia de Decidim pueda mantener su consistencia. desktop: Equipo de escritorio full_width: Anchura completa layout_list_1: 'Página de inicio (de la instancia, de un espacio de participación): ancho completo' layout_list_2: 'Lista de elementos (de espacios de participación, de elementos dentro de un espacio, etc.): en el lado izquierdo' layout_list_3: 'Objeto individual (propuesta, entrada de blog): centrado, opcionalmente con en el lado derecho' left_aside: En el lado izquierdo mobile: Móvil not_required: No es requisito properties: Propiedades right_aside: En el lado derecho section_p_breakpoints: 'Para gestionar el ancho máximo de los elementos al diseño web adaptativo dependemos de la clase Tailwind predeterminada ''container'', que indica los siguientes puntos de interrupción:' section_p_code: Al implementar nuevos módulos, tienes algunos ayudantes que te proporcionan automáticamente el código necesario para configurar la estructura HTML. Deberías usar estos ayudantes en lugar de usar directamente elementos con , manteniendo así la consistencia. section_p_code_html: Puedes encontrar los diseños básicos en %{link_section_code} section_p_desktop: El sistema de cuadrícula para los ordenadores de escritorio se compone de 12 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 48px section_p_mobile: El sistema de cuadrícula para el móvil se compone de 4 columnas flexibles con un espaciado (canal) entre columnas de 16px y de margen izquierdo y derecho de 16px. Para tamaños inferiores a 320px estos márgenes se establecen a 8px. section_p_tablet: El sistema de cuadrícula para tabletas se compone de 8 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 24px tablet: Tableta title: Diseño (maqueta distribución) typography: description: Estas directrices resumen cómo utilizar la tipografía en Decidim, y sirven como pauta para que las diseñadoras puedan diseñen libremente con las mejores prácticas tipográficas en mente. headings: characters: Caracteres por línea layout: Diseño de columnas size: Tamaño title: Tipografía typefaces_description_1: Decidim utiliza Source Sans Pro como tipo de letra primario. Este tipo de letra está disponible de todas las variantes de caracteres en 310 lenguas typefaces_description_2: Estas tipografías están bajo la licencia Open Font helpers: accountability: Seguimiento accountability_cards_html: Utilizado por tarjetas de proyectos de Rendición de cuentas. Esta tarjeta requiere que los activos del módulo se muestren correctamente, es decir, append_stylesheet_pack_tag \"decidim_accountability\" activity: Actividad address_description: La celda de dirección recibe un recurso y busca los atributos geolocalizables para representar un marcado específico. address_description_2: Dependiendo del tipo de contenido, la dirección puede ser una dirección web. Para estos casos, la información mostrada es bastante igual, pero está moldeada para adecuarla. ally_link: a11y-dropdown-component argument: Parámetro assemblies: Asambleas assembly_g: Asamblea G assembly_s: Asamblea S avatar: Imagen de perfil avatar_description: Se utiliza cuando hay espacios estrechos, donde la autoría es una información secundaria. background: Bordes y fondo base: Base block_text: Usar el bloque extra_data blog_cards_html: Utilizado por tarjetas del Blog blogs: Blog budget_card_html: Utilizado por tarjetas proyectos de Presupuestos. Esta tarjeta requiere que los activos del módulo se muestren correctamente, es decir, append_stylesheet_pack_tag \"decidim_accountability\" budgets: Presupuestos callout_class: Clase de la llamada callout_description: Este atributo aplica un estado al anuncio/avís. Por defecto, utiliza color secundario. card_g: Tarjeta G card_l: Tarjeta L card_s: Tarjeta S collaborative_draft_l: Borrador colaborativo L colors: Colores compact: Compacto compact_description: Esta versión de la autoría es la manera común de identificar a la creadora del recurso. conference_g: Jornada G conference_s: Jornada S conferences: Jornadas context: Contexto context_description: Esta celda muestra información acerca de un usuario. Es una ayuda visual para identificar la creadora del recurso/contenido. Al pasar por encima el cursor, se muestra una descripción con más información y enlaces a su perfil. context_description_2: Para los recursos, esta célula aparece debajo del encabezado principal. Para otros contenidos, aparece al lado del contenido mismo. debate_l: Debate L debate_s: Debate S debates: Debates debates_cards_html: Utilizado por tarjetas de Debates debates_cards_text: Usar una plantilla diferente para el bloque de imagen default: Por defecto default_description: Llamar a la celda sin argumentos adicionales, sino a la propia usuaria. demo: Demo demo_text: 'Esta celda recibe un modelo de elementos de Última Actividad y muestra los siguientes elementos:' demo_text_2: Utilizado por la última página de actividad, en un bloque de contenido y dentro de los desplegables. description: Descripción disabled: Deshabilitado dropdowns: Menús desplegables dropdowns_demo_1_description: 'El siguiente ejemplo no será visible en el escritorio, pero en el móvil:' dropdowns_demo_description: Los menús desplegables se utilizan a lo largo de la aplicación para colapsar menús grandes, menús fáciles de leer para dispositivos de escritorio, pero demasiado difíciles para dispositivos móviles. dropdowns_demo_description_html: 'Esta característica de JavaScript está mejorada con un pequeño .css, a través del nombre: el contenido oculto DEBE INCLUIR una id que comienza con menú desplegable.' dropdowns_description_html: Los menús desplegables son una característica JavaScript disponible gracias a una biblioteca externa llamada %{link}. dropdowns_usage_1_description: 2. Un elemento modal, cuya id coincide con el valor de los controles de datos al que se refiere el activador. dropdowns_usage_description: 'Un menú desplegable requiere dos elementos:' dropdowns_usage_description_html: 1. Un elemento accionable por la participante, con los atributos de datos data-component="dropdown" data-target="dropdown-menu-element". dummy_description: Descripción del recurso ficticio dummy_title: Título del recurso ficticio follow_button: Botón "Seguir" follower_description_html: Asegúrate de que el decidim/shared/login_modal parcial esté presente en el DOM. Este parcial se coloca en el diseño de la aplicación cuando la participante está conectada. form_elements: Elementos del formulario generic_cards: Tarjetas genéricas grid: Cuadrícula hex_code: Código hexadecimal highlight: Destacado highlight_description: Utilizado por recursos que permiten ser destacados html_tips: Consejos HTML icons: Iconos image_and_description: Imagen y Descripción initiative_g: Iniciativa G initiative_s: Iniciativa S initiatives: Iniciativas list: Lista main_colors: Colores principales meeting_l: Encuentro L meeting_s: Encuentro S meetings: Encuentros meetings_html: Utilizado por tarjetas de Encuentros metadata_items: Elementos de metadatos metadata_text: Cada recurso define sus propios elementos de metadatos participatory_process_g: Proceso Participativo G participatory_process_group_g: Grupo de procesos participativos G participatory_process_group_s: Grupo de procesos participativos S participatory_process_s: Proceso Participativo S participatory_processes: Procesos participativos plain_text: Soy un texto pla/simple plain_text_description: Puede proporcionar como primer argumento tanto un texto plano como un objeto hash plain_text_vs_hash: Texto simple vs Hash post_g: Artículo del blog G post_l: Artículo del blog L post_s: Artículo del blog S project_l: Proyecto L project_s: Proyecto S proposal_l: Propuesta L proposal_s: Propuesta S proposals: Propuestas report_button: Botón "Denunciar" report_usage_description: El botón "Denunciar" abre una ventana emergente para marcar el recurso actual. result_l: Resultado L rgba_code: Código RGBA search: Buscar send: Enviar share_button: Botón de "Compartir" share_usage_description_html: Asegúrate de que el decidim/shared/share_modal parcial esté presente en el DOM. Este parcial se coloca en el diseño de la aplicación. sizes: Tamaños sortition_l: Sorteo L sortitions: Sorteos source_code: Código Fuente state: Estado tab_panels_context_description: Este componente del panel de pestañas recolecta todos los contenidos relacionados u otros recursos del elemento principal mostrado, con el fin de ahorrar espacio vertical. Al hacer clic en la pestaña se activará el panel creado para mostrar el contenido. tab_panels_context_description_html: Se utiliza principalmente en layout_item o en layout_center, después del contenido principal del recurso. tab_panels_usage_description: 'Este componente recibe una matriz de hashes, y reorganiza la salida de cada elemento en una estructura de panel de pestañas. Estas son las propiedades disponibles para cada panel:' tab_panels_usage_description_arguments_html: "args: Array. Parámetros para la función anterior" tab_panels_usage_description_html: "enabled: Boolean. Renderizar condicionalmente la pestaña" tab_panels_usage_description_id_html: "id: String. Id único" tab_panels_usage_description_rails_html: "method: Symbol. Cualquier función que rails entienda" tab_panels_usage_description_remixicon_html: "icon: String. Clave Remixicon para el Icono" tab_panels_usage_description_tab_html: "text: String. Título de la pestaña" tailwind: Nombre del Tailwind text: Texto transparent: Transparente transparent_description: 'En caso de un fondo más oscuro:' types: Tipos typography_texts: Textos y tipografía usage: Uso usage_background_1: Fondo lateral usage_background_2: Fondo de filtro de barra lateral seleccionado usage_background_3: Colo de icono predeterminado usage_background_4: Líneas y separadores usage_background_5: Fondo del pie de página usage_background_6: Fondo del tablero de administración usage_base_1: Fondo del componente de navegación principal\nNav menús en la página de inicio de la plataforma y en la página de inicio del espacio de participación usage_base_2: Color principal para enlaces y botones usage_base_3: Ornamentos gráficos y color de acento\nAlteración del aspecto de targetas y listas de elementos cuando el ratón se posa sobre él, aunque no haya sido seleccionado usage_formelements_1: Fondo por defecto de los elementos de entrada usage_formelements_2: Fondo de los elementos de entrada deshabilitados usage_state_1: Borde de la notificación de éxito\nRelleno del icono de la notificación de alerta\nFondo del botón en la notificación de éxito usage_state_2: Borde de la nota de aviso usage_state_3: Borde de la nota de aviso\nFondo del icono de la nota usage_typography_1: Encabezados y títulos de sección usage_typography_2: Texto en línea usage_typography_3: Texto sobre fondo oscuro usage_typography_4: Enlaces y botones value: Valor variations: Variaciones variations_cards_description: Cada tarjeta se verá diferente en función a las propiedades del recurso mostrado. Puedes anular este comportamiento en la celda específica. variations_description: Hay tres versiones diferentes de esta celda. Cada una encaja mejor con el contexto en el que se muestra. variations_text: En cuanto al tipo de actividad, la celda podría mostrar diferentes contenidos, informando de los distintos recursos, pertenezcan o no a un espacio participativo, tengan o no autoría. home: index: by_sharing_principles: Compartiendo los principios, filosofía y razonamientos detrás de las decisiones de diseño queremos empoderar a la comunidad para que contribuya con consistencia para llegar a la mejor experiencia para las participantes. decidim_guide: La guía para diseñar todas tipo de cosas para Decidim different_ui_components: Al mismo tiempo, documentamos las interfaces de usuaria de los diferentes componentes y patrones en uso, que deben ser reutilizados o ampliados. github_source: Código fuente en GitHub home_header: Guía de diseño de Decidim welcome_sentence: Bienvenida a la Guía de Diseño de Decidim (GDD). Esta guía es el recurso para diseñadoras y desarrolladoras que necesitan personalizar, desarrollar nuevos módulos e integrar nuevas características.
div
data-component="accordion"
data-controls="panel"
id
botón
decidim_modal
[data-dialog-title]
data-dialog-open="example"
Id
:top
:bottom
:right
:left
append_stylesheet_pack_tag \"decidim_accountability\"
data-component="dropdown" data-target="dropdown-menu-element"
decidim/shared/login_modal
decidim/shared/share_modal