decidim-design 0.29.6 → 0.30.0.rc1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9a1a211139aecc4b9087a3a5d10c41d544ebbc8876909b1c092db1c956496b58
-  data.tar.gz: 3abb0075690925a1e058da61e517b0369e7cf2bd87f35f5a395ed18d17c2b1c9
+  metadata.gz: 5b3155e41c6e83183a450f2b3864c685125df7822e6d372cd20dee2041774041
+  data.tar.gz: '0366319789b7e152119136e9afb8b4f19506032e798bc6db7b5494acd4c33181'
 SHA512:
-  metadata.gz: 587cc104fcd03e7becf0fc479a021c46fb47bc31ebacf39530bcce0e8c195b1aee309bd2536c57b2ee2629e9b652810cc2816498aa96af3042eaf6dd7d72ea13
-  data.tar.gz: da694173bf1a8da2fcf444170fda07ec673dc9c793266260c699cc097cdb6044faa34ee01c3fdfb3856a2fc5660f8affa336a9642eac63f6eec8ad3d9654251f
+  metadata.gz: 9f0261629503792a1de93932539e8b81de3fc405c970e9d530d7857fe18eccbe2c28b686e3adcc2192f671b27e92d89e7ba0dbff855d608ae0ccf3fa2454f7c5
+  data.tar.gz: c5671aff74b0873721299d113fa7ca056f64dbb3976b0b2f14ad33da3efad475b708e4851c601091b4aa7d2f9b4fabd1654af885bc29a63793849c9e687e1e24

data/app/helpers/decidim/design/application_helper.rb

@@ -3,6 +3,7 @@
 module Decidim
   module Design
     module ApplicationHelper
+      include Decidim::ApplicationHelper
       include Decidim::IconHelper
 
       # For the moment keep this as a constant and later decide where to move

data/app/helpers/decidim/design/share_helper.rb

@@ -17,9 +17,9 @@ module Decidim
                 type: :cell_table,
                 options: { headings: [t("decidim.design.helpers.share_button")] },
                 cell_snippet: {
-                  cell: "decidim/share_button",
-                  args: [],
-                  call_string: 'cell("decidim/share_button", nil)'
+                  cell: "decidim/share_widget",
+                  args: [{}],
+                  call_string: 'cell("decidim/share_widget", resource)'
                 }
               }
             ]

data/app/packs/stylesheets/design.scss

@@ -72,8 +72,7 @@
   @apply pb-10 border-b border-background;
 }
 
-.design__heading__description,
-.design__section {
+.design__heading__description {
   @apply mt-10 text-gray-2 text-md font-normal [&>*+*]:mt-4 [&_a]:underline;
 }
 

data/app/views/decidim/design/components/share.html.erb

@@ -1,3 +1,4 @@
+<% add_decidim_page_title(t(".title")) %>
 <% content_for :heading do %>
   <%= t(".title") %>
 <% end %>

data/app/views/decidim/design/foundations/accessibility.html.erb

@@ -3,7 +3,7 @@
 <% end %>
 
 <% content_for :description do %>
-  <p><%= t(".decidim_follows_html", link: link_to(t(".wcag_guidelines"), "https://www.w3.org/WAI/standards-guidelines/wcag/", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".decidim_follows_html") %></p>
 <% end %>
 
 <% content_for :toc do %>
@@ -23,7 +23,7 @@
 
   <p><%= t(".illogical_heading_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".illogical_heading_order"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_illogical_heading_order", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_illogical_heading_order", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="unique-h1" class="design__section">
@@ -31,7 +31,7 @@
 
   <p><%= t(".unique_h1_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".unique_h1"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_unique_h1_on_every_page", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_unique_h1_on_every_page", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="one-heading" class="design__section">
@@ -39,7 +39,7 @@
 
   <p><%= t(".important_sections_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".important_sections_heading"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_heading_on_important_sections", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_heading_on_important_sections", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="color-contrast" class="design__section">
@@ -47,7 +47,7 @@
 
   <p><%= t(".color_contrast_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".color_contrast"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_color_contrast ", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_color_contrast ", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="links-buttons" class="design__section">
@@ -55,7 +55,7 @@
 
   <p><%= t(".links_and_buttons_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".color_contrast"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_links_and_buttons", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_links_and_buttons", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="a11y-labels" class="design__section">
@@ -63,7 +63,7 @@
 
   <p><%= t(".accessibility_labels_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".accessibility_labels"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_accessibility_labels", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_accessibility_labels", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="adjacent-links" class="design__section">
@@ -71,7 +71,7 @@
 
   <p><%= t(".adjacent_links_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".adjacent_links_header"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_adjacent_links_for_the_same_resource", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_adjacent_links_for_the_same_resource", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="dynamic-changes" class="design__section">
@@ -79,7 +79,7 @@
 
   <p><%= t(".dynamic_changes_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".dynamic_changes_header"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_dynamic_functionality_changes_the_page_context_unintuitively", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_dynamic_functionality_changes_the_page_context_unintuitively", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="aria" class="design__section">
@@ -87,7 +87,7 @@
 
   <p><%= t(".use_aria_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".use_aria_header"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_use_aria_attributes_where_possible", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_use_aria_attributes_where_possible", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>
 
 <section id="elements-hidden" class="design__section">
@@ -95,5 +95,5 @@
 
   <p><%= t(".elements_hidden_paragraph") %></p>
 
-  <p><%= t(".learn_more_about_html", link: link_to(t(".elements_hidden_header"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_elements_hidden_from_the_accessibility_api", target: "_blank", rel: "noopener noreferrer")) %></p>
+  <p><%= t(".see_further_info_html", link: link_to(t(".here_link"), "https://docs.decidim.org/en/develop/develop/guide_accessibility.html#_elements_hidden_from_the_accessibility_api", target: "_blank", rel: "noopener noreferrer")) %></p>
 </section>

data/app/views/layouts/decidim/design/_layout.html.erb

@@ -53,7 +53,7 @@
     </ul>
   </aside>
 
-  <main id="content">
+  <main>
     <% if content_for?(:heading) %>
       <section class="design__heading__section">
         <h1 class="design__heading__5xl">

data/app/views/layouts/decidim/design/application.html.erb

@@ -1,17 +1,13 @@
 <% add_decidim_page_title(strip_tags(yield(:heading).lines.last).strip) if content_for?(:heading) %>
 <% add_decidim_page_title("Decidim Design Guide") %>
 <!DOCTYPE html>
-<html lang="<%= I18n.locale %>">
+<html>
   <head>
     <title><%= decidim_page_title %></title>
     <%= render partial: "layouts/decidim/design/head" %>
   </head>
 
   <body class="relative text-black text-md form-defaults">
-    <!--noindex--><!--googleoff: all-->
-    <%= link_to t("skip_button", scope: "decidim.accessibility"), "#content", class: "layout-container__skip" %>
-    <!--googleon: all--><!--/noindex-->
-
     <%= render layout: "layouts/decidim/design/layout" do %>
       <%= yield %>
     <% end %>

data/config/locales/ar.yml

@@ -1 +1,7 @@
+---
 ar:
+  decidim:
+    design:
+      foundations:
+        accessibility:
+          here_link: هنا

data/config/locales/bg.yml

@@ -87,18 +87,21 @@ bg:
           adjacent_links_paragraph: Ако един и същ ресурс има множество съседни линкове, сочещи към него, за такива потребители е трудно да прегледат страницата, тъй като може да се наложи да преминат през множество връзки, за да стигнат до следващия ресурс.
           color_contrast: Цветови контраст
           color_contrast_paragraph: Когато създавате потребителски интерфейси или променяте цветовете, винаги се уверявайте, че не нарушавате достъпността с вашите промени. Можете да използвате инструмента за проверка на цветовия контраст, за да се уверите, че вашите цветове имат достатъчен контраст спрямо цвета на фона, на който се показват.
+          decidim_follows_html: Civil Power следва <u>Указанията за достъпност на уеб съдържанието (WCAG) 2.1</u>
           dynamic_changes_header: Динамичната функционалност променя контекста на страницата неинтуитивно
           dynamic_changes_paragraph: Промените във формуляра не трябва автоматично да променят контекста на страницата.
           elements_hidden: Елементите са скрити
           elements_hidden_header: Елементи, скрити от API за достъпност
           elements_hidden_paragraph: За да скриете елемент от помощни технологии, използвайте атрибута aria-hidden="true" върху него.
           heading_on: Заглавие на важни раздели
+          here_link: тук
           illogical_heading_order: Нелогичен ред на заглавията
           illogical_heading_paragraph: Всяка страница трябва да има логичен ред на заглавията, когато се използват елементите на заглавието <h1>, <h2>, <h3>, <h4>, <h5> и <h6>.
           important_sections_heading: Заглавие на важни раздели
           important_sections_paragraph: Изключително важно е всеки важен раздел на страницата да има заглавие, за да можете по-лесно да разберете какви важни раздели има на страницата, просто като разглеждате заглавията.
           links_and_buttons: Линкове и бутони
           links_and_buttons_paragraph: Елементите (anchor) за "закотвяне" (т.е. линкове) са предназначени да свързват към различни страници или да закотвят позиции в страницата. Ако елементът трябва да, например, отворите някакъв скрит елемент на тази страница, вместо това трябва да използвате елемента <button>.
+          see_further_info_html: Вижте допълнителна информация %{link}
           unique_h1: Уникален H1
           unique_h1_paragraph: Всяка страница трябва да има уникално заглавие H1
           use_aria: Използвайте ARIA

data/config/locales/ca.yml

@@ -87,26 +87,26 @@ ca:
           adjacent_links_paragraph: Si el mateix recurs té múltiples enllaços adjacents apuntant-hi, això dificulta que les usuàries puguin mirar a través de la pàgina perquè és possible que les hi calgui passar per diversos enllaços per arribar al següent recurs.
           color_contrast: Contrast de color
           color_contrast_paragraph: En crear interfícies d'usuària o modificar els colors, assegura't que no està trencant-se l'accessibilitat amb els teus canvis. Pots fer servir el comprovador de contrast de color per assegurar-se que aquests colors tenen suficients contrasts el color de fons sobre el que es mostren.
-          decidim_follows_html: Decidim segueix %{link}
+          decidim_follows_html: Decidim segueix les directrius <u>d'Accessibilitat al Contingut Web (WCAG) 2.1</u>
           dynamic_changes_header: 'Funció dinàmica: canvia el context de la pàgina de forma poc intuïtiva'
           dynamic_changes_paragraph: Els canvis a les entrades del formulari no haurien de modificar el context de la pàgina automàticament.
           elements_hidden: Elements amagats
           elements_hidden_header: Elements amagats de l'API d'accessibilitat
           elements_hidden_paragraph: Per amagar un element de la tecnologia d'assistència, fes servir l'atribut aria-hidden="true" en aquest.
           heading_on: Encapçalament a seccions importants
+          here_link: aquí
           illogical_heading_order: Ordre d'encapçalament il·lògica
           illogical_heading_paragraph: Totes les pàgines han de tenir un ordre lògic de capçaleres quan facis servir els elements d'encapçalament <h1>, <h2>, <h3>, <h4>, <h5>, i <h6>.
           important_sections_heading: Encapçalament a seccions importants
           important_sections_paragraph: És molt important que cada secció de la pàgina tingui un títol per a facilitar la comprensió de les seccions importants de la pàgina simplement navegant pels seus encapçalaments.
-          learn_more_about_html: Més informació sobre %{link}
           links_and_buttons: Enllaços i botons
           links_and_buttons_paragraph: Els punts d'ancoratge (per exemple enllaços) estan pensant per enllaçar a diferents pàgines o a posicions d'ancoratge dins de la pàgina. Si volem que aquest punt obri, per exemple, algun element amagar en aquella pàgina, hauries de fer servir l'element <button> en el seu lloc.
+          see_further_info_html: Veure més informació %{link}
           unique_h1: H1 únic
           unique_h1_paragraph: Cada pàgina ha de tenir un únic encapçalament H1
           use_aria: Fes servir ARIA
           use_aria_header: Fes servir els atributs ARIA quan sigui possible
           use_aria_paragraph: Molts elements que proporcionen funcionalitat interactiva al lloc web requereixen atributs ARIA per fer-los accessibles.
-          wcag_guidelines: Pautes d'Accessibilitat al Contingut a la Web (WCAG)
         color:
           color_header: Color
           description_p1: Facilitem una paleta base amb pocs colors de manera que és fàcil fer personalitzacions simples. Pots modificar la paleta base, tant des del Taulell d'Administració com des de l'arxiu de configuració Tailwind si necessites una personalització més avançada.

data/config/locales/cs.yml

@@ -87,18 +87,21 @@ cs:
           adjacent_links_paragraph: Pokud má tentýž zdroj více sousedících odkazů, které na něj ukazují, pro tyto uživatele je obtížné podívat se na stránku, protože možná budou muset procházet více odkazů, aby se dostali k dalšímu zdroji.
           color_contrast: Barevný kontrast
           color_contrast_paragraph: Při vytváření uživatelských rozhraní nebo při úpravě barev se vždy ujistěte, že svými změnami neporušujete přístupnost. Můžete použít kontrolu kontrastu barev k zajištění dostatečného kontrastu barev s barvou pozadí, ve kterém jsou zobrazeny.
+          decidim_follows_html: Decidim se řídí <u>Pokyny pro přístupnost webového obsahu (WCAG) 2.1</u>
           dynamic_changes_header: Dynamická funkce neintuitivně mění kontext stránky
           dynamic_changes_paragraph: Změny ve vstupech formuláře by neměly automaticky měnit kontext stránky.
           elements_hidden: Skryté prvky
           elements_hidden_header: Prvky skryté z API pro přístupnost
           elements_hidden_paragraph: Pro skrytí prvku před asistenčními technologiemi použijte atribut aria-hidden="true".
           heading_on: Záhlaví na důležitých oddílech
+          here_link: zde
           illogical_heading_order: Nelogické pořadí záhlaví
           illogical_heading_paragraph: Každá stránka by měla mít logické pořadí nadpisů při použití prvků <h1>, <h2>, <h3>, <h4>, <h5> a <h6>.
           important_sections_heading: Záhlaví na důležitých oddílech
           important_sections_paragraph: Je velmi důležité, aby každá důležitá část stránky měla nadpis, který usnadní pochopení důležitých částí na stránce jen prohlížením jejích záhlaví.
           links_and_buttons: Odkazy a tlačítka
           links_and_buttons_paragraph: Kotevní prvky (tj. odkazy) mají odkazovat na různé stránky nebo ukotvit umístění na stránce. Pokud má prvek například otevřít na této stránce skrytou položku, měli byste místo toho použít prvek <button>.
+          see_further_info_html: Zobrazit další informace %{link}
           unique_h1: Unikátní H1
           unique_h1_paragraph: Každá stránka by měla mít jedinečný nadpis H1
           use_aria: Použití ARIA

data/config/locales/de.yml

@@ -87,18 +87,21 @@ de:
           adjacent_links_paragraph: Wenn die selbe Ressource mehrere angrenzende Links hat, die auf sie verweisen es erschwert solchen Benutzern, durch die Seite zu schauen, da sie unter Umständen mehrere Links durchlaufen müssen, um zur nächsten Ressource zu gelangen.
           color_contrast: Farbkontrast
           color_contrast_paragraph: Wenn Sie die Benutzeroberfläche erstellen oder die Farben ändern, stellen Sie immer sicher, dass Sie mit Ihren Änderungen nicht die Barrierefreiheit verletzen. Sie können mit der Farbkontrastprüfung sicherstellen, dass Ihre Textfarben ausreichend Kontrast zur Hintergrundfarbe haben, auf der sie angezeigt werden.
+          decidim_follows_html: Decidim folgt bei Barrierefreiheit den Richtlinien für <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
           dynamic_changes_header: Dynamische Funktionalität ändert den Seitenkontext unintuitiv
           dynamic_changes_paragraph: Änderungen in den Formulareingaben sollten den Kontext der Seite nicht automatisch ändern.
           elements_hidden: Elemente versteckt
           elements_hidden_header: Elemente aus der Barrierefreiheit-API versteckt
           elements_hidden_paragraph: Um ein Element vor unterstützenden Technologien zu verstecken, verwenden Sie das Attribut aria-hidden="true".
           heading_on: Überschrift zu wichtigen Abschnitten
+          here_link: hier
           illogical_heading_order: Unlogische Überschriftenreihenfolge
           illogical_heading_paragraph: Jede Seite sollte eine logische Überschriftenreihenfolge haben, wenn die Überschriften <h1>, <h2>, <h3>, <h4>, <h5> und <h6> verwendet werden.
           important_sections_heading: Überschrift zu wichtigen Abschnitten
           important_sections_paragraph: Es ist sehr wichtig, dass jeder wichtige Abschnitt der Seite eine Überschrift hat, die es einfacher macht zu verstehen, welche wichtigen Abschnitte auf der Seite nur durch das Durchsuchen der Rubriken.
           links_and_buttons: Links und Tasten
           links_and_buttons_paragraph: Die Ankerelemente (z.B. Links) sollen auf andere Seiten verlinken oder Positionen innerhalb der Seite verankert werden. Wenn das Element z.B. ein verstecktes Element auf dieser Seite öffnen soll, sollten Sie stattdessen das Element <button> verwenden.
+          see_further_info_html: Siehe weitere Informationen
           unique_h1: Eindeutige H1
           unique_h1_paragraph: Jede Seite sollte eine eindeutige H1-Überschrift haben
           use_aria: Benutze ARIA
@@ -222,9 +225,9 @@ de:
         initiatives: Initiativen
         list: Liste
         main_colors: Hauptfarben
-        meeting_l: Veranstaltung L
-        meeting_s: Veranstaltung S
-        meetings: Veranstaltungen
+        meeting_l: Sitzung L
+        meeting_s: Sitzung S
+        meetings: Sitzung
         meetings_html: Wird von <i>Meetings</i>-Karten verwendet
         metadata_items: Metadaten-Elemente
         metadata_text: Jede Ressource definiert eigene Metadaten

data/config/locales/en.yml

@@ -87,26 +87,26 @@ en:
           adjacent_links_paragraph: If the same resource has multiple adjacent links pointing to it, it makes it difficult for such users to glance through the page because they might need to go through multiple links to get to the next resource.
           color_contrast: Color contrast
           color_contrast_paragraph: When creating user interfaces or modifying the colors, always make sure that you are not breaking accessibility with your changes. You can use the Color contrast checker to ensure that your colors have enough contrast against the background color where they are displayed at.
-          decidim_follows_html: Decidim follows the %{link}
+          decidim_follows_html: Decidim follows the <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
           dynamic_changes_header: Dynamic functionality changes the page context unintuitively
           dynamic_changes_paragraph: Changes in the form inputs should not change the context of the page automatically.
           elements_hidden: Elements hidden
           elements_hidden_header: Elements hidden from the accessibility API
           elements_hidden_paragraph: To hide an element from assistive technologies, use the aria-hidden="true" attribute on it.
           heading_on: Heading on important sections
+          here_link: here
           illogical_heading_order: Illogical heading order
           illogical_heading_paragraph: Every page should have a logical heading order when using the <h1>, <h2>, <h3>, <h4>, <h5> and <h6> heading elements.
           important_sections_heading: Heading on important sections
           important_sections_paragraph: It is highly important that each important section of the page has a heading to make it easier to understand what important sections are on the page just by browsing through its headings.
-          learn_more_about_html: Learn more about %{link}
           links_and_buttons: Links and Buttons
           links_and_buttons_paragraph: The anchor elements (i.e. links) are meant to link to different pages or to anchor positions within the page. If the element is supposed to e.g. open some hidden item on that page, you should use the <button> element instead.
+          see_further_info_html: See further info %{link}
           unique_h1: Unique H1
           unique_h1_paragraph: Every page should have a unique H1 heading on it
           use_aria: Use ARIA
           use_aria_header: Use ARIA attributes where possible
           use_aria_paragraph: Many elements that provide interactive functionality on the website require ARIA attributes on them to make them accessible.
-          wcag_guidelines: Web Content Accessibility Guidelines (WCAG)
         color:
           color_header: Color
           description_p1: We provide a Base palette with few colors so simple customizations are easy. You can modify the Base palette either in the Administration area or in the Tailwind configuration file if you need more advanced customization.

data/config/locales/es-MX.yml

@@ -7,7 +7,7 @@ es-MX:
           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 acordeones son una característica de JavaScript disponible gracias a una biblioteca externa llamada %{link_code} a11y-accordion-component.
+          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
@@ -35,7 +35,7 @@ es-MX:
           title: Tarjetas
         dialogs:
           dialog_demo_description_html: Los cuadros de diálogo, o elementos modales, se implementan a través del ayudante de <i>rails</i><code>decidim_modal</code>.
-          dialogs_description_html: Los cuadros de diálogo son una característica <i>JavaScript</i> disponible gracias a una biblioteca externa llamada <a href="https://github.com/jonathanlevaillant/a11y-dialog-component" target="_blank" rel="noopener noreferrer">a11y-dialog-component</a>.
+          dialogs_description_html: Los cuadros de diálogo son una característica <i>JavaScript</i> disponible gracias a una biblioteca externa llamada <a href="https://github.com/jonathanlevaillant/a11y-dialogo-component" target="_blank" rel="noopener noreferrer">a11y-dialogo-component</a>.
           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 <i>data-attributes</i> y a los <i>Ids</i>. Por ejemplo, el <code>[data-dialog-title]</code> de los <i>Ids</i> empieza con <i>dialog-title</i> más el <i>modal id</i>.
           title: Cuadros de diálogo
@@ -50,13 +50,13 @@ es-MX:
           emojis_description: Solo funciona en áreas de texto
           errors: Errores
           errors_description: No se puede seleccionar
-          header_alert: Esta página se muestra a partir de una vista antigua. El contenido está desactualizado.
+          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 disponible gracias a una librería externa llamada <a href="https://tom-select.js.org/" target="_blank" rel="noopener noreferrer">"Tom Select"</ a>.
+          multiselect_description_html: Les selecciones múltiples son una característica JavaScript disponibles gracias a una librería externa llamada <a href="https://tom-select.js.org/" target="_blank" rel="noopener noreferrer">"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
@@ -80,33 +80,33 @@ es-MX:
       foundations:
         accessibility:
           accessibility_labels: Etiquetas de accesibilidad
-          accessibility_labels_paragraph: Al definir los elementos, siempre asegúrate de que tienen sentido para los lectores de pantalla.
+          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 de que no se está rompiendo la accesibilidad con estos cambios. Puedes utilizar el comprobador de contraste de color para asegurarte de que estos colores tienen suficiente contraste contra el color de fondo en el que se muestran.
-          decidim_follows_html: Decidim sigue %{link}
+          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 <u>de Accesibilidad al Contenido Web (WCAG) 2.1</u>
           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 ocultos
-          elements_hidden_header: Elementos ocultos de la API de accesibilidad
+          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
-          illogical_heading_order: Orden de encabezado ilógico
+          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 <h1>, <h2>, <h3>, <h4>, <h5> y <h6>.
           important_sections_heading: Encabezado en secciones importantes
-          important_sections_paragraph: Es muy importante que cada sección relevante de la página tenga un título para facilitar la comprensión de las secciones de la página simplemente navegando por sus encabezados.
-          learn_more_about_html: Más información sobre %{link}
+          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 <button> 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.
-          wcag_guidelines: Pautas de Accesibilidad al Contenido en la Web (WCAG)
         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.
@@ -132,7 +132,7 @@ es-MX:
           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 obligatorio
+          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:'
@@ -150,11 +150,11 @@ es-MX:
             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 para 310 idiomas
+          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 <i>Seguimiento</i>. Esta tarjeta requiere que los activos del módulo se muestren correctamente, es decir, <code>append_stylesheet_pack_tag \"decidim_accountability\"</code>
+        accountability_cards_html: Utilizado por tarjetas de proyectos de <i>Rendición de cuentas</i>. Esta tarjeta requiere que los activos del módulo se muestren correctamente, es decir, <code>append_stylesheet_pack_tag \"decidim_accountability\"</code>
         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.
@@ -181,9 +181,9 @@ es-MX:
         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: Conferencia G
-        conference_s: Conferencia S
-        conferences: Conferencia
+        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.
@@ -236,12 +236,12 @@ es-MX:
         participatory_process_group_s: Grupo de procesos participativos S
         participatory_process_s: Proceso Participativo S
         participatory_processes: Procesos participativos
-        plain_text: Soy un texto plano
-        plain_text_description: Puedes proporcionar como primer argumento tanto un texto plano como un objeto hash
-        plain_text_vs_hash: Texto plano vs Hash
-        post_g: Publicación del blog G
-        post_l: Publicación del blog L
-        post_s: Publicación del blog S
+        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
@@ -253,7 +253,7 @@ es-MX:
         rgba_code: Código RGBA
         search: Buscar
         send: Enviar
-        share_button: Botón "Compartir"
+        share_button: Botón de "Compartir"
         share_usage_description_html: Asegúrate de que el <code>decidim/shared/share_modal</code> 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
@@ -278,7 +278,7 @@ es-MX:
         usage: Uso
         usage_background_1: Fondo lateral
         usage_background_2: Fondo de filtro de barra lateral seleccionado
-        usage_background_3: Color de icono predeterminado
+        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
@@ -306,4 +306,4 @@ es-MX:
           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 funcionalidades.
+          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.