decidim-design 0.30.3 → 0.31.0.rc1

data/config/locales/ca-IT.yml

@@ -14,7 +14,7 @@ ca-IT:
           trigger: Activador
           usage: Ús
           usage_p: Un acordió necessita com a mínim tres elements
-          usage_p_1_html: '1. Un embolcall <code>div</code>, amb l''atribut "data": <code>data-component="accordion"</code>, sobre tots els activadors i panells disponibles.'
+          usage_p_1_html: '1. Un embolcall (wrapper) <code>div</code>, amb l''atribut "data": <code>data-component="accordion"</code>, sobre tots els activadors i panells disponibles.'
           usage_p_2_html: 2. Un element activador, usuària accionable (com un botó), apuntant a l'element plegable a través de <code>data-controls="panel"</code>, on <i>panel</i> és el <code>id</code> del panell.
           usage_p_3_html: 3. Un element ocult, on <code>id</code> coincideix amb el valor dels controls de dades al que es refereix l'activador.
         activities:
@@ -87,26 +87,26 @@ ca-IT:
           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.
@@ -185,7 +185,7 @@ ca-IT:
         conference_s: Jornada S
         conferences: Jornadas
         context: Context
-        context_description: Aquesta cel·la mostra informació al voltant d'una usuària. És una ajuda visual per a identificar la creadora d'un recurs/contingut. En passar per sobre el cursor, es mostra una descripció amb més informació i enllaços al seu perfil.
+        context_description: Aquesta cel·la mostra informació sobre una usuària. És una ajuda visual per identificar la creadora de recursos/continguts.
         context_description_2: Pels recursos, aquesta cel·la apareix sota l'encapçalament principal. Per altres continguts, apareix al costat del mateix contingut.
         debate_l: Debat L
         debate_s: Debat S
@@ -206,7 +206,7 @@ ca-IT:
         dropdowns_description_html: Els menús desplegables són una característica <i>JavaScript</i> disponible gràcies a una biblioteca externa anomenada %{link}.
         dropdowns_usage_1_description: 2. Un element modal, la <code>id</code> del qual coincideix amb el valor dels controls de dades a què es refereix l'activador.
         dropdowns_usage_description: 'Un menú desplegable requereix dos elements:'
-        dropdowns_usage_description_html: 1. Un element accionable pel participant, amb els atributs de dades <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
+        dropdowns_usage_description_html: 1. Un element accionable per la participant, amb els atributs de dades <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Descripció del recurs fictici
         dummy_title: Títol del recurs fictici
         follow_button: Botó "Seguir"
@@ -294,6 +294,7 @@ ca-IT:
         usage_typography_2: Text en línia
         usage_typography_3: Text sobre fons fosc
         usage_typography_4: Enllaços i botons
+        usage_typography_5: Pestanya desactivada
         value: Valor
         variations: Variacions
         variations_cards_description: Cada targeta es veurà diferent d'acord amb les propietats del recurs que es mostri. Pot anul·lar aquest comportament a la cel·la específica.

data/config/locales/ca.yml

@@ -14,7 +14,7 @@ ca:
           trigger: Activador
           usage: Ús
           usage_p: Un acordió necessita com a mínim tres elements
-          usage_p_1_html: '1. Un embolcall <code>div</code>, amb l''atribut "data": <code>data-component="accordion"</code>, sobre tots els activadors i panells disponibles.'
+          usage_p_1_html: '1. Un embolcall (wrapper) <code>div</code>, amb l''atribut "data": <code>data-component="accordion"</code>, sobre tots els activadors i panells disponibles.'
           usage_p_2_html: 2. Un element activador, usuària accionable (com un botó), apuntant a l'element plegable a través de <code>data-controls="panel"</code>, on <i>panel</i> és el <code>id</code> del panell.
           usage_p_3_html: 3. Un element ocult, on <code>id</code> coincideix amb el valor dels controls de dades al que es refereix l'activador.
         activities:
@@ -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.
@@ -185,7 +185,7 @@ ca:
         conference_s: Jornada S
         conferences: Jornadas
         context: Context
-        context_description: Aquesta cel·la mostra informació al voltant d'una usuària. És una ajuda visual per a identificar la creadora d'un recurs/contingut. En passar per sobre el cursor, es mostra una descripció amb més informació i enllaços al seu perfil.
+        context_description: Aquesta cel·la mostra informació sobre una usuària. És una ajuda visual per identificar la creadora de recursos/continguts.
         context_description_2: Pels recursos, aquesta cel·la apareix sota l'encapçalament principal. Per altres continguts, apareix al costat del mateix contingut.
         debate_l: Debat L
         debate_s: Debat S
@@ -206,7 +206,7 @@ ca:
         dropdowns_description_html: Els menús desplegables són una característica <i>JavaScript</i> disponible gràcies a una biblioteca externa anomenada %{link}.
         dropdowns_usage_1_description: 2. Un element modal, la <code>id</code> del qual coincideix amb el valor dels controls de dades a què es refereix l'activador.
         dropdowns_usage_description: 'Un menú desplegable requereix dos elements:'
-        dropdowns_usage_description_html: 1. Un element accionable pel participant, amb els atributs de dades <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
+        dropdowns_usage_description_html: 1. Un element accionable per la participant, amb els atributs de dades <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Descripció del recurs fictici
         dummy_title: Títol del recurs fictici
         follow_button: Botó "Seguir"
@@ -294,6 +294,7 @@ ca:
         usage_typography_2: Text en línia
         usage_typography_3: Text sobre fons fosc
         usage_typography_4: Enllaços i botons
+        usage_typography_5: Pestanya desactivada
         value: Valor
         variations: Variacions
         variations_cards_description: Cada targeta es veurà diferent d'acord amb les propietats del recurs que es mostri. Pot anul·lar aquest comportament a la cel·la específica.

data/config/locales/cs.yml

@@ -14,7 +14,6 @@ cs:
           trigger: Spouštěč
           usage: Použití
           usage_p: Akce vyžaduje nejméně tři prvky
-          usage_p_1_html: 1. wrapper <code>div</code>, s atributem dat <code>data-component="accordion"</code>, přes všechny dostupné spouštěče a panely.
           usage_p_2_html: 2. spouštěcí prvek, uživatelsky proveditelný (jako tlačítko), ukazující na sbalitelný prvek prostřednictvím <code>data-controls="panel"</code>, kde <i>panel</i> je <code>id</code> panelu.
           usage_p_3_html: 3. Modální prvek, jehož <code>id</code> odpovídá hodnotě data-target, ke které se spouštěč vztahuje.
         activities:
@@ -87,18 +86,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
@@ -182,7 +184,7 @@ cs:
         conference_s: Konference S
         conferences: Konference
         context: Kontext
-        context_description: Tato buňka zobrazuje některé informace o uživateli. Je to vizuální nápověda k identifikaci zdroje/tvůrce obsahu. Po najetí myší se zobrazí nápověda s dalšími informacemi a odkazy na její profil.
+        context_description: Tato buňka zobrazuje některé informace o uživateli. Je to vizuální pomoc k identifikaci tvůrce zdrojů/obsahu.
         context_description_2: Pro zdroje se tato buňka objevuje pod hlavní položkou. U jiného obsahu se objeví vedle samotného obsahu.
         debate_l: Debata L
         debate_s: Debata S
@@ -203,7 +205,6 @@ cs:
         dropdowns_description_html: Stahovací nabídky jsou javascript funkce dostupná díky externí knihovně s názvem %{link}.
         dropdowns_usage_1_description: 2. Modální prvek, jehož <code>id</code> odpovídá hodnotě data-target, ke které se spouštěč vztahuje.
         dropdowns_usage_description: 'Rozevírací nabídka vyžaduje dva prvky:'
-        dropdowns_usage_description_html: 1. Uživatelsky proveditelný prvek, s atributy <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Zástupný popis zdoje
         dummy_title: Zástupný titulek zdroje
         follow_button: Tlačítko Sledovat
@@ -291,6 +292,7 @@ cs:
         usage_typography_2: Vložený text
         usage_typography_3: Text na tmavém pozadí
         usage_typography_4: Odkazy a tlačítka
+        usage_typography_5: Vypnutá karta
         value: Hodnota
         variations: Variace
         variations_cards_description: Každá karta bude vypadat jinak než s ohledem na vlastnosti zobrazeného dokumentu. Toto chování můžete přepsat v konkrétní buňce.

data/config/locales/de.yml

@@ -14,7 +14,7 @@ de:
           trigger: Auslöser
           usage: Nutzung
           usage_p: Ein Akkordeon benötigt mindestens drei Elemente
-          usage_p_1_html: 1. Ein Wrapper <code>div</code>, mit dem Data-Attribut <code>data-component="accordion"</code>, über alle verfügbaren Trigger und Panels.
+          usage_p_1_html: 1. Ein Wrapper <code>div</code>, mit dem Data-Attribut <code>data-controller="accordion"</code>, über alle verfügbaren Trigger und Panels.
           usage_p_2_html: 2. Ein Triggerelement, fremdbedienbar (als Button), das auf das zusammenklappbare Element durch <code>data-controls="Panel"</code>zeigt, wobei das <i>panel</i> durch die <code>id</code> des Panels angesteuert wird.
           usage_p_3_html: 3. Ein versteckbares Element, dessen <code>id</code> mit dem Wert der Datensteuerung übereinstimmt, auf den sich der Trigger bezieht.
         activities:
@@ -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
@@ -182,7 +185,7 @@ de:
         conference_s: Konferenz S
         conferences: Konferenzen
         context: Kontext
-        context_description: Diese Zelle zeigt einige Informationen über einen Benutzer an. Es ist eine visuelle Hilfe um den Ressourcen-/Inhalts-Ersteller zu identifizieren. Mit der Maus bewegen zeigt einen Tooltip mit weiteren Informationen und Links zu seinem Profil.
+        context_description: Diese Zelle zeigt einige Informationen über die Nutzenden an. Es ist eine visuelle Hilfe um den Ressourcen-/Inhalts-Erstellende zu identifizieren.
         context_description_2: Für Ressourcen erscheint diese Zelle unterhalb der Hauptüberschrift. Für andere Inhalte erscheint sie neben dem Inhalt selbst.
         debate_l: Debatte L
         debate_s: Debatte S
@@ -203,7 +206,7 @@ de:
         dropdowns_description_html: Dropdowns sind eine Javascript-Funktion, die dank einer externen Bibliothek namens %{link} verfügbar ist.
         dropdowns_usage_1_description: 2. Ein versteckbares Element, dessen <code>ID</code> mit dem Datenzielwert übereinstimmt, auf den der Trigger verweist.
         dropdowns_usage_description: 'Ein Dropdown erfordert zwei Elemente:'
-        dropdowns_usage_description_html: 1. Ein benutzerdefinierbares Element, mit den Datenattributen <code>Datenkomponent="Dropdown" data-target="dropdown-menu-element"</code>.
+        dropdowns_usage_description_html: 1. Ein benutzerdefinierbares Element, mit den Datenattributen <code>data-controller="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Beschreibung der Dummy Ressource
         dummy_title: Dummy Ressourcentitel
         follow_button: Folgen-Button
@@ -291,6 +294,7 @@ de:
         usage_typography_2: Inline-Text
         usage_typography_3: Text über dunklem Hintergrund
         usage_typography_4: Links und Schaltflächen
+        usage_typography_5: Deaktivierter Tab
         value: Wert
         variations: Variationen
         variations_cards_description: Jede Karte sieht je nach Eigenschaften der angezeigten Ressource unterschiedlich aus. Sie können dieses Verhalten in der jeweiligen Zelle überschreiben.

data/config/locales/en.yml

@@ -14,7 +14,7 @@ en:
           trigger: Trigger
           usage: Usage
           usage_p: An accordion requires at least three elements
-          usage_p_1_html: 1. A wrapper <code>div</code>, with the data-attribute <code>data-component="accordion"</code>, over all the available triggers and panels.
+          usage_p_1_html: 1. A wrapper <code>div</code>, with the data-attribute <code>data-controller="accordion"</code>, over all the available triggers and panels.
           usage_p_2_html: 2. A trigger element, user actionable (as a button), pointing to the collapsable element through <code>data-controls="panel"</code>, where <i>panel</i> is the <code>id</code> of the panel.
           usage_p_3_html: 3. A hideable element, whose <code>id</code> matches the data-controls value the trigger refers to.
         activities:
@@ -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.
@@ -185,7 +185,7 @@ en:
         conference_s: Conference S
         conferences: Conferences
         context: Context
-        context_description: This cell display some information about a user. It a visual help to identify the resource/content creator. Hovering with the mouse displays a tooltip with further info and links to its profile.
+        context_description: This cell display some information about a user. It a visual help to identify the resource/content creator.
         context_description_2: For resources, this cell appears beneath the main heading. For other contents, it appears next to the content itself.
         debate_l: Debate L
         debate_s: Debate S
@@ -206,7 +206,7 @@ en:
         dropdowns_description_html: Dropdowns are a javascript feature available thanks to an external library called %{link}.
         dropdowns_usage_1_description: 2. A hideable element, whose <code>id</code> matches the data-target value the trigger refers to.
         dropdowns_usage_description: 'An dropdown requires two elements:'
-        dropdowns_usage_description_html: 1. A user actionable element, with the data-attributes <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
+        dropdowns_usage_description_html: 1. A user actionable element, with the data-attributes <code>data-controller="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Dummy resource description
         dummy_title: Dummy resource title
         follow_button: Follow Button
@@ -294,6 +294,7 @@ en:
         usage_typography_2: Inline text
         usage_typography_3: Text over dark background
         usage_typography_4: Links and buttons
+        usage_typography_5: Disabled tab
         value: Value
         variations: Variations
         variations_cards_description: Each card will look like different regarding the properties of the resource displayed. You can override such behaviour in the specific cell.

data/config/locales/es-MX.yml

@@ -14,7 +14,7 @@ es-MX:
           trigger: Activador
           usage: Uso
           usage_p: Un acordeón requiere al menos tres elementos
-          usage_p_1_html: '1. Un envoltorio <code>div</code>, con el atributo "data": <code>data-component="accordion"</code>, sobre todos los activadores y paneles disponibles.'
+          usage_p_1_html: '1. Un envoltorio (wrapper) <code>div</code>, con el atributo "data": <code>data-component="accordion"</code>, 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 <code>data-controls="panel"</code>, donde <i>panel</i> es la <code>id</code> del panel.
           usage_p_3_html: 3. Un elemento oculto, cuyo <code>id</code> coincide con el valor de los controles de datos al que se refiere el activador.
         activities:
@@ -87,26 +87,26 @@ es-MX:
           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}
+          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_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ógico
           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}
           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.
@@ -185,7 +185,7 @@ es-MX:
         conference_s: Conferencia S
         conferences: Conferencia
         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: Esta celda muestra información acerca de una usuaria. Es una ayuda visual para identificar la creadora de recursos/contenidos.
         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
@@ -294,6 +294,7 @@ es-MX:
         usage_typography_2: Texto en línea
         usage_typography_3: Texto sobre fondo oscuro
         usage_typography_4: Enlaces y botones
+        usage_typography_5: Pestaña desactivada
         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.

data/config/locales/es-PY.yml

@@ -14,7 +14,7 @@ es-PY:
           trigger: Activador
           usage: Uso
           usage_p: Un acordeón requiere al menos tres elementos
-          usage_p_1_html: '1. Un envoltorio <code>div</code>, con el atributo "data": <code>data-component="accordion"</code>, sobre todos los activadores y paneles disponibles.'
+          usage_p_1_html: '1. Un envoltorio (wrapper) <code>div</code>, con el atributo "data": <code>data-component="accordion"</code>, 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 <code>data-controls="panel"</code>, donde <i>panel</i> es la <code>id</code> del panel.
           usage_p_3_html: 3. Un elemento oculto, cuyo <code>id</code> coincide con el valor de los controles de datos al que se refiere el activador.
         activities:
@@ -87,26 +87,26 @@ es-PY:
           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}
+          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_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ógico
           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}
           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.
@@ -185,7 +185,7 @@ es-PY:
         conference_s: Conferencia S
         conferences: Conferencia
         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: Esta celda muestra información acerca de una usuaria. Es una ayuda visual para identificar la creadora de recursos/contenidos.
         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
@@ -294,6 +294,7 @@ es-PY:
         usage_typography_2: Texto en línea
         usage_typography_3: Texto sobre fondo oscuro
         usage_typography_4: Enlaces y botones
+        usage_typography_5: Pestaña desactivada
         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.

data/config/locales/es.yml

@@ -14,7 +14,7 @@ es:
           trigger: Activador
           usage: Uso
           usage_p: Un acordeón requiere al menos tres elementos
-          usage_p_1_html: '1. Un envoltorio <code>div</code>, con el atributo "data": <code>data-component="accordion"</code>, sobre todos los activadores y paneles disponibles.'
+          usage_p_1_html: '1. Un envoltorio (wrapper) <code>div</code>, con el atributo "data": <code>data-component="accordion"</code>, 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 <code>data-controls="panel"</code>, donde <i>panel</i> es la <code>id</code> del panel.
           usage_p_3_html: 3. Un elemento oculto, cuyo <code>id</code> coincide con el valor de los controles de datos al que se refiere el activador.
         activities:
@@ -87,26 +87,26 @@ es:
           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}
+          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_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ógico
           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}
           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.
@@ -185,7 +185,7 @@ es:
         conference_s: Conferencia S
         conferences: Conferencia
         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: Esta celda muestra información acerca de una usuaria. Es una ayuda visual para identificar la creadora de recursos/contenidos.
         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
@@ -294,6 +294,7 @@ es:
         usage_typography_2: Texto en línea
         usage_typography_3: Texto sobre fondo oscuro
         usage_typography_4: Enlaces y botones
+        usage_typography_5: Pestaña desactivada
         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.

data/config/locales/eu.yml

@@ -8,7 +8,7 @@ eu:
           demo: Demoa
           demo_description: Aplikazioan zehar akordeoiak erabiltzen dira, batez ere edukiak erlaitzetan erakusteko/ezkutatzeko edo testu ikusgarriak tolesteko/ez tolesteko.
           description_accordions_html: Akordeoiak javascript funtzioak dira, erabilgarri daudenak %{link_code} izeneko kanpoko liburutegi bati esker.
-          github_source_html: 'Iturburu-kodea hemen: GitHub %{github_link}}'
+          github_source_html: 'Iturburu-kodea hemen: GitHub %{github_link}'
           panel: Panela
           title: Akordeoiak
           trigger: Eragin
@@ -87,26 +87,26 @@ eu:
           adjacent_links_paragraph: Baliabide berak ondoko esteka bat baino gehiago baditu, horrek zaildu egiten du parte-hartzaile horiek orrialdera begiratzea, hurrengo baliabidera iristeko esteka bat baino gehiago erabili behar dituztelako.
           color_contrast: Kolore-kontrastea
           color_contrast_paragraph: Parte-hartzailearen interfazeak sortzean edo koloreak aldatzean, ziurtatu beti zure aldaketen ondorioz ez zarela irisgarritasuna hausten ari. Kolore-kontrastearen zuzentzailea erabil dezakezu zure koloreek kontraste nahikoa izan dezaten erakusten diren atzealdeko kolorearen aldean, non ageri baitira.
-          decidim_follows_html: Decidim-ek %{link} jarraitzen du
+          decidim_follows_html: 'Decidimek jarraitzen du: <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>'
           dynamic_changes_header: Funtzionalitate dinamikoak orrialdearen testuingurua aldatzen du intuiziorik gabe
           dynamic_changes_paragraph: Inprimakien sarreretan gertatzen diren aldaketek ez dute orrialdearen testuingurua automatikoki aldatu behar.
           elements_hidden: Elementu ezkutuak
           elements_hidden_header: Elementu ezkutuak irisgarritasuneko APIan
           elements_hidden_paragraph: Elementu bat laguntza-teknologietatik ezkutatzeko, erabili "egia" atributua.
           heading_on: Sail garrantzitsuen goiburuan doa
+          here_link: hemen
           illogical_heading_order: Goiburuaren ordena ilogikoa
           illogical_heading_paragraph: Orrialde bakoitzak goiburuko ordena logiko bat izan behar du <h1>, <h2>, <h3>, <h4>, <h5> eta <h6> elementuak erabiltzean.
           important_sections_heading: Sail garrantzitsuen goiburuan doa
           important_sections_paragraph: Oso garrantzitsua da orrialdeko atal garrantzitsu bakoitzak sarrera bat izatea, errazago ulertzeko zer atal garrantzitsu dauden orrian bere sarreretan nabigatuz.
-          learn_more_about_html: Irakurri gehiago %{link} (e) ri buruz
           links_and_buttons: Estekak eta Botoiak
           links_and_buttons_paragraph: Ainguraketa-elementuak (hau da, estekak) orrialde desberdinei lotzeko edo orrialdearen barruan posizioak ainguratzeko erabiltzen dira. Elementuak orri horretan ezkutatutako elementuren bat ireki behar duela uste bada, <button> elementua erabili behar du haren ordez.
+          see_further_info_html: Ikusi informazio gehiago %{link}
           unique_h1: H1 bakarra
           unique_h1_paragraph: Orrialde bakoitzak H1 bakarra izan beharko luke
           use_aria: Erabili ARIA
           use_aria_header: Erabili ARIA atributuak ahal denean
           use_aria_paragraph: Web orrian funtzionaltasun interaktiboa ematen duten elementu askok ARIA atributuak behar dituzte irisgarriak izan daitezen.
-          wcag_guidelines: Web Edukien Erabilerraztasunerako Jarraibideak (WCAG)
         color:
           color_header: Kolorea
           description_p1: Base paleta bat eskaintzen dugu kolore gutxirekin, pertsonalizazio sinpleak errazak izan daitezen. Oinarrizko paleta alda dezakezu Administrazioaren eremuan edo Tailwind konfigurazio fitxategian, pertsonalizazio aurreratuagoa behar baduzu.
@@ -185,7 +185,7 @@ eu:
         conference_s: S Jardunaldia
         conferences: Jardunaldiak
         context: Testuingurua
-        context_description: Gelaxka honek parte-hartzaile bati buruzko informazioa erakusten du. Baliabidearen/edukiaren sortzailea identifikatzeko laguntza bisuala da. Kursoreaz gainetik pasatzean, informazio gehiago eta bere profilerako estekak dituen deskribapena agertzen da.
+        context_description: Gelaxka honek parte-hartzaile bati buruzko informazioa erakusten du. Ikusizko laguntza bat da baliabidearen/edukiaren sortzailea identifikatzeko.
         context_description_2: Baliabideetarako, gelaxka hau sarrera nagusiaren azpian agertzen da. Beste eduki batzuetarako, edukiaren ondoan agertzen da.
         debate_l: L Eztabaida
         debate_s: S Eztabaida
@@ -294,6 +294,7 @@ eu:
         usage_typography_2: Lineako proba
         usage_typography_3: Hondo ilunaren gaineko testua
         usage_typography_4: Estekak eta botoiak
+        usage_typography_5: Elbarrien fitxa
         value: Balioa
         variations: Aldakuntzak
         variations_cards_description: Txartel bakoitza desberdina izango da erakutsitako baliabidearen propietateei dagokienez. Zelula espezifikoan horrelako portaera deuseztatu dezakezu.