decidim-design 0.30.1 → 0.30.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6f3a4f050ef015c0f23e7e728f0554544db2c34642e19fa383979ca374c2ee04
4
- data.tar.gz: fc5a7bfad9b554739086bc3cd5f0ec46039d65f25672b2712cc5d70ceba65007
3
+ metadata.gz: 5186c124f3f82b6c6b426632b5670f5caa6337521d78054dfdb31bd8b5a26b18
4
+ data.tar.gz: 5443587d4563be612fd0159b15475d507d30925a6220f3c2dd4629b36d7dfb79
5
5
  SHA512:
6
- metadata.gz: a984a9eced1a29c6d88014f7b285a2fe1ca56da9678d982b9871c74b822d7c3eeb07c3a4a9e33301ab108ef81a1eec044bb5f4d9c457717f20dd91730176c765
7
- data.tar.gz: 664839dd367cb3c68484f47ff243988b8eb9cffd7201943b83bfa6358f0cee736dd4ac6ea8d78fe2082d439ca3881cc8e66b27e4bb71fa63b4b7887f7d592728
6
+ metadata.gz: c99864956c8da9dcf79b3b74c25c12ca864c4be07c9cb01eab37ce1d1fde4c1aa97b988889167d417ac810a729c6b565fe9fc0fc71797d37c2506f0cffeb754f
7
+ data.tar.gz: 5a11d99b653bf66472af7db864b5a554779910247e2a995c729035a3b5fff5b34f97daa0fc0a9c6796ab4ac7f139936b42ddb3f1b356be3c51b19b52ca729535
@@ -72,7 +72,8 @@
72
72
  @apply pb-10 border-b border-background;
73
73
  }
74
74
 
75
- .design__heading__description {
75
+ .design__heading__description,
76
+ .design__section {
76
77
  @apply mt-10 text-gray-2 text-md font-normal [&>*+*]:mt-4 [&_a]:underline;
77
78
  }
78
79
 
@@ -3,7 +3,7 @@
3
3
  <% end %>
4
4
 
5
5
  <% content_for :description do %>
6
- <p><%= t(".decidim_follows_html") %></p>
6
+ <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>
7
7
  <% end %>
8
8
 
9
9
  <% content_for :toc do %>
@@ -23,7 +23,7 @@
23
23
 
24
24
  <p><%= t(".illogical_heading_paragraph") %></p>
25
25
 
26
- <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>
26
+ <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>
27
27
  </section>
28
28
 
29
29
  <section id="unique-h1" class="design__section">
@@ -31,7 +31,7 @@
31
31
 
32
32
  <p><%= t(".unique_h1_paragraph") %></p>
33
33
 
34
- <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>
34
+ <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>
35
35
  </section>
36
36
 
37
37
  <section id="one-heading" class="design__section">
@@ -39,7 +39,7 @@
39
39
 
40
40
  <p><%= t(".important_sections_paragraph") %></p>
41
41
 
42
- <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>
42
+ <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>
43
43
  </section>
44
44
 
45
45
  <section id="color-contrast" class="design__section">
@@ -47,7 +47,7 @@
47
47
 
48
48
  <p><%= t(".color_contrast_paragraph") %></p>
49
49
 
50
- <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>
50
+ <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>
51
51
  </section>
52
52
 
53
53
  <section id="links-buttons" class="design__section">
@@ -55,7 +55,7 @@
55
55
 
56
56
  <p><%= t(".links_and_buttons_paragraph") %></p>
57
57
 
58
- <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>
58
+ <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>
59
59
  </section>
60
60
 
61
61
  <section id="a11y-labels" class="design__section">
@@ -63,7 +63,7 @@
63
63
 
64
64
  <p><%= t(".accessibility_labels_paragraph") %></p>
65
65
 
66
- <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>
66
+ <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>
67
67
  </section>
68
68
 
69
69
  <section id="adjacent-links" class="design__section">
@@ -71,7 +71,7 @@
71
71
 
72
72
  <p><%= t(".adjacent_links_paragraph") %></p>
73
73
 
74
- <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>
74
+ <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>
75
75
  </section>
76
76
 
77
77
  <section id="dynamic-changes" class="design__section">
@@ -79,7 +79,7 @@
79
79
 
80
80
  <p><%= t(".dynamic_changes_paragraph") %></p>
81
81
 
82
- <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>
82
+ <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>
83
83
  </section>
84
84
 
85
85
  <section id="aria" class="design__section">
@@ -87,7 +87,7 @@
87
87
 
88
88
  <p><%= t(".use_aria_paragraph") %></p>
89
89
 
90
- <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>
90
+ <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>
91
91
  </section>
92
92
 
93
93
  <section id="elements-hidden" class="design__section">
@@ -95,5 +95,5 @@
95
95
 
96
96
  <p><%= t(".elements_hidden_paragraph") %></p>
97
97
 
98
- <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>
98
+ <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>
99
99
  </section>
@@ -53,7 +53,7 @@
53
53
  </ul>
54
54
  </aside>
55
55
 
56
- <main>
56
+ <main id="content">
57
57
  <% if content_for?(:heading) %>
58
58
  <section class="design__heading__section">
59
59
  <h1 class="design__heading__5xl">
@@ -1,13 +1,17 @@
1
1
  <% add_decidim_page_title(strip_tags(yield(:heading).lines.last).strip) if content_for?(:heading) %>
2
2
  <% add_decidim_page_title("Decidim Design Guide") %>
3
3
  <!DOCTYPE html>
4
- <html>
4
+ <html lang="<%= I18n.locale %>">
5
5
  <head>
6
6
  <title><%= decidim_page_title %></title>
7
7
  <%= render partial: "layouts/decidim/design/head" %>
8
8
  </head>
9
9
 
10
10
  <body class="relative text-black text-md form-defaults">
11
+ <!--noindex--><!--googleoff: all-->
12
+ <%= link_to t("skip_button", scope: "decidim.accessibility"), "#content", class: "layout-container__skip" %>
13
+ <!--googleon: all--><!--/noindex-->
14
+
11
15
  <%= render layout: "layouts/decidim/design/layout" do %>
12
16
  <%= yield %>
13
17
  <% end %>
@@ -1,7 +1 @@
1
- ---
2
1
  ar:
3
- decidim:
4
- design:
5
- foundations:
6
- accessibility:
7
- here_link: هنا
@@ -87,21 +87,18 @@ bg:
87
87
  adjacent_links_paragraph: Ако един и същ ресурс има множество съседни линкове, сочещи към него, за такива потребители е трудно да прегледат страницата, тъй като може да се наложи да преминат през множество връзки, за да стигнат до следващия ресурс.
88
88
  color_contrast: Цветови контраст
89
89
  color_contrast_paragraph: Когато създавате потребителски интерфейси или променяте цветовете, винаги се уверявайте, че не нарушавате достъпността с вашите промени. Можете да използвате инструмента за проверка на цветовия контраст, за да се уверите, че вашите цветове имат достатъчен контраст спрямо цвета на фона, на който се показват.
90
- decidim_follows_html: Civil Power следва <u>Указанията за достъпност на уеб съдържанието (WCAG) 2.1</u>
91
90
  dynamic_changes_header: Динамичната функционалност променя контекста на страницата неинтуитивно
92
91
  dynamic_changes_paragraph: Промените във формуляра не трябва автоматично да променят контекста на страницата.
93
92
  elements_hidden: Елементите са скрити
94
93
  elements_hidden_header: Елементи, скрити от API за достъпност
95
94
  elements_hidden_paragraph: За да скриете елемент от помощни технологии, използвайте атрибута aria-hidden="true" върху него.
96
95
  heading_on: Заглавие на важни раздели
97
- here_link: тук
98
96
  illogical_heading_order: Нелогичен ред на заглавията
99
97
  illogical_heading_paragraph: Всяка страница трябва да има логичен ред на заглавията, когато се използват елементите на заглавието <h1>, <h2>, <h3>, <h4>, <h5> и <h6>.
100
98
  important_sections_heading: Заглавие на важни раздели
101
99
  important_sections_paragraph: Изключително важно е всеки важен раздел на страницата да има заглавие, за да можете по-лесно да разберете какви важни раздели има на страницата, просто като разглеждате заглавията.
102
100
  links_and_buttons: Линкове и бутони
103
101
  links_and_buttons_paragraph: Елементите (anchor) за "закотвяне" (т.е. линкове) са предназначени да свързват към различни страници или да закотвят позиции в страницата. Ако елементът трябва да, например, отворите някакъв скрит елемент на тази страница, вместо това трябва да използвате елемента <button>.
104
- see_further_info_html: Вижте допълнителна информация %{link}
105
102
  unique_h1: Уникален H1
106
103
  unique_h1_paragraph: Всяка страница трябва да има уникално заглавие H1
107
104
  use_aria: Използвайте ARIA
@@ -87,26 +87,26 @@ ca-IT:
87
87
  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.
88
88
  color_contrast: Contrast de color
89
89
  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.
90
- decidim_follows_html: Decidim segueix les directrius <u>d'Accessibilitat al Contingut Web (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim segueix %{link}
91
91
  dynamic_changes_header: 'Funció dinàmica: canvia el context de la pàgina de forma poc intuïtiva'
92
92
  dynamic_changes_paragraph: Els canvis a les entrades del formulari no haurien de modificar el context de la pàgina automàticament.
93
93
  elements_hidden: Elements amagats
94
94
  elements_hidden_header: Elements amagats de l'API d'accessibilitat
95
95
  elements_hidden_paragraph: Per amagar un element de la tecnologia d'assistència, fes servir l'atribut aria-hidden="true" en aquest.
96
96
  heading_on: Encapçalament a seccions importants
97
- here_link: aquí
98
97
  illogical_heading_order: Ordre d'encapçalament il·lògica
99
98
  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>.
100
99
  important_sections_heading: Encapçalament a seccions importants
101
100
  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.
101
+ learn_more_about_html: Més informació sobre %{link}
102
102
  links_and_buttons: Enllaços i botons
103
103
  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.
104
- see_further_info_html: Veure més informació %{link}
105
104
  unique_h1: H1 únic
106
105
  unique_h1_paragraph: Cada pàgina ha de tenir un únic encapçalament H1
107
106
  use_aria: Fes servir ARIA
108
107
  use_aria_header: Fes servir els atributs ARIA quan sigui possible
109
108
  use_aria_paragraph: Molts elements que proporcionen funcionalitat interactiva al lloc web requereixen atributs ARIA per fer-los accessibles.
109
+ wcag_guidelines: Pautes d'Accessibilitat al Contingut a la Web (WCAG)
110
110
  color:
111
111
  color_header: Color
112
112
  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.
@@ -87,26 +87,26 @@ ca:
87
87
  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.
88
88
  color_contrast: Contrast de color
89
89
  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.
90
- decidim_follows_html: Decidim segueix les directrius <u>d'Accessibilitat al Contingut Web (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim segueix %{link}
91
91
  dynamic_changes_header: 'Funció dinàmica: canvia el context de la pàgina de forma poc intuïtiva'
92
92
  dynamic_changes_paragraph: Els canvis a les entrades del formulari no haurien de modificar el context de la pàgina automàticament.
93
93
  elements_hidden: Elements amagats
94
94
  elements_hidden_header: Elements amagats de l'API d'accessibilitat
95
95
  elements_hidden_paragraph: Per amagar un element de la tecnologia d'assistència, fes servir l'atribut aria-hidden="true" en aquest.
96
96
  heading_on: Encapçalament a seccions importants
97
- here_link: aquí
98
97
  illogical_heading_order: Ordre d'encapçalament il·lògica
99
98
  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>.
100
99
  important_sections_heading: Encapçalament a seccions importants
101
100
  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.
101
+ learn_more_about_html: Més informació sobre %{link}
102
102
  links_and_buttons: Enllaços i botons
103
103
  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.
104
- see_further_info_html: Veure més informació %{link}
105
104
  unique_h1: H1 únic
106
105
  unique_h1_paragraph: Cada pàgina ha de tenir un únic encapçalament H1
107
106
  use_aria: Fes servir ARIA
108
107
  use_aria_header: Fes servir els atributs ARIA quan sigui possible
109
108
  use_aria_paragraph: Molts elements que proporcionen funcionalitat interactiva al lloc web requereixen atributs ARIA per fer-los accessibles.
109
+ wcag_guidelines: Pautes d'Accessibilitat al Contingut a la Web (WCAG)
110
110
  color:
111
111
  color_header: Color
112
112
  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.
@@ -87,21 +87,18 @@ cs:
87
87
  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.
88
88
  color_contrast: Barevný kontrast
89
89
  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.
90
- decidim_follows_html: Decidim se řídí <u>Pokyny pro přístupnost webového obsahu (WCAG) 2.1</u>
91
90
  dynamic_changes_header: Dynamická funkce neintuitivně mění kontext stránky
92
91
  dynamic_changes_paragraph: Změny ve vstupech formuláře by neměly automaticky měnit kontext stránky.
93
92
  elements_hidden: Skryté prvky
94
93
  elements_hidden_header: Prvky skryté z API pro přístupnost
95
94
  elements_hidden_paragraph: Pro skrytí prvku před asistenčními technologiemi použijte atribut aria-hidden="true".
96
95
  heading_on: Záhlaví na důležitých oddílech
97
- here_link: zde
98
96
  illogical_heading_order: Nelogické pořadí záhlaví
99
97
  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>.
100
98
  important_sections_heading: Záhlaví na důležitých oddílech
101
99
  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í.
102
100
  links_and_buttons: Odkazy a tlačítka
103
101
  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>.
104
- see_further_info_html: Zobrazit další informace %{link}
105
102
  unique_h1: Unikátní H1
106
103
  unique_h1_paragraph: Každá stránka by měla mít jedinečný nadpis H1
107
104
  use_aria: Použití ARIA
@@ -87,21 +87,18 @@ de:
87
87
  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.
88
88
  color_contrast: Farbkontrast
89
89
  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.
90
- decidim_follows_html: Decidim folgt bei Barrierefreiheit den Richtlinien für <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
91
90
  dynamic_changes_header: Dynamische Funktionalität ändert den Seitenkontext unintuitiv
92
91
  dynamic_changes_paragraph: Änderungen in den Formulareingaben sollten den Kontext der Seite nicht automatisch ändern.
93
92
  elements_hidden: Elemente versteckt
94
93
  elements_hidden_header: Elemente aus der Barrierefreiheit-API versteckt
95
94
  elements_hidden_paragraph: Um ein Element vor unterstützenden Technologien zu verstecken, verwenden Sie das Attribut aria-hidden="true".
96
95
  heading_on: Überschrift zu wichtigen Abschnitten
97
- here_link: hier
98
96
  illogical_heading_order: Unlogische Überschriftenreihenfolge
99
97
  illogical_heading_paragraph: Jede Seite sollte eine logische Überschriftenreihenfolge haben, wenn die Überschriften <h1>, <h2>, <h3>, <h4>, <h5> und <h6> verwendet werden.
100
98
  important_sections_heading: Überschrift zu wichtigen Abschnitten
101
99
  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.
102
100
  links_and_buttons: Links und Tasten
103
101
  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.
104
- see_further_info_html: Siehe weitere Informationen
105
102
  unique_h1: Eindeutige H1
106
103
  unique_h1_paragraph: Jede Seite sollte eine eindeutige H1-Überschrift haben
107
104
  use_aria: Benutze ARIA
@@ -225,9 +222,9 @@ de:
225
222
  initiatives: Initiativen
226
223
  list: Liste
227
224
  main_colors: Hauptfarben
228
- meeting_l: Sitzung L
229
- meeting_s: Sitzung S
230
- meetings: Sitzung
225
+ meeting_l: Veranstaltung L
226
+ meeting_s: Veranstaltung S
227
+ meetings: Veranstaltungen
231
228
  meetings_html: Wird von <i>Meetings</i>-Karten verwendet
232
229
  metadata_items: Metadaten-Elemente
233
230
  metadata_text: Jede Ressource definiert eigene Metadaten
@@ -87,26 +87,26 @@ en:
87
87
  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.
88
88
  color_contrast: Color contrast
89
89
  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.
90
- decidim_follows_html: Decidim follows the <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim follows the %{link}
91
91
  dynamic_changes_header: Dynamic functionality changes the page context unintuitively
92
92
  dynamic_changes_paragraph: Changes in the form inputs should not change the context of the page automatically.
93
93
  elements_hidden: Elements hidden
94
94
  elements_hidden_header: Elements hidden from the accessibility API
95
95
  elements_hidden_paragraph: To hide an element from assistive technologies, use the aria-hidden="true" attribute on it.
96
96
  heading_on: Heading on important sections
97
- here_link: here
98
97
  illogical_heading_order: Illogical heading order
99
98
  illogical_heading_paragraph: Every page should have a logical heading order when using the <h1>, <h2>, <h3>, <h4>, <h5> and <h6> heading elements.
100
99
  important_sections_heading: Heading on important sections
101
100
  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.
101
+ learn_more_about_html: Learn more about %{link}
102
102
  links_and_buttons: Links and Buttons
103
103
  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.
104
- see_further_info_html: See further info %{link}
105
104
  unique_h1: Unique H1
106
105
  unique_h1_paragraph: Every page should have a unique H1 heading on it
107
106
  use_aria: Use ARIA
108
107
  use_aria_header: Use ARIA attributes where possible
109
108
  use_aria_paragraph: Many elements that provide interactive functionality on the website require ARIA attributes on them to make them accessible.
109
+ wcag_guidelines: Web Content Accessibility Guidelines (WCAG)
110
110
  color:
111
111
  color_header: Color
112
112
  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.
@@ -87,26 +87,26 @@ es-MX:
87
87
  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.
88
88
  color_contrast: Contraste de color
89
89
  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.
90
- decidim_follows_html: Decidim sigue las directrices <u>de Accesibilidad al Contenido Web (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim sigue %{link}
91
91
  dynamic_changes_header: 'Función dinámica: cambia el contexto de la página de forma poco intuitiva'
92
92
  dynamic_changes_paragraph: Los cambios en las entradas del formulario no deberían cambiar el contexto de la página automáticamente.
93
93
  elements_hidden: Elementos ocultos
94
94
  elements_hidden_header: Elementos ocultos de la API de accesibilidad
95
95
  elements_hidden_paragraph: Para ocultar un elemento de las tecnologías de asistencia, utiliza el atributo aria-hidden="true" en él.
96
96
  heading_on: Encabezado en secciones importantes
97
- here_link: aquí
98
97
  illogical_heading_order: Orden de encabezado ilógico
99
98
  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>.
100
99
  important_sections_heading: Encabezado en secciones importantes
101
100
  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.
101
+ learn_more_about_html: Más información sobre %{link}
102
102
  links_and_buttons: Enlaces y botones
103
103
  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.
104
- see_further_info_html: Ver más información %{link}
105
104
  unique_h1: H1 único
106
105
  unique_h1_paragraph: Cada página debe tener un único encabezado H1
107
106
  use_aria: Utiliza ARIA
108
107
  use_aria_header: Utiliza los atributos ARIA cuando sea posible
109
108
  use_aria_paragraph: Muchos elementos que proporcionan funcionalidad interactiva en el sitio web requieren atributos ARIA para hacerlos accesibles.
109
+ wcag_guidelines: Pautas de Accesibilidad al Contenido en la Web (WCAG)
110
110
  color:
111
111
  color_header: Color
112
112
  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.
@@ -87,26 +87,26 @@ es-PY:
87
87
  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.
88
88
  color_contrast: Contraste de color
89
89
  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.
90
- decidim_follows_html: Decidim sigue las directrices <u>de Accesibilidad al Contenido Web (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim sigue %{link}
91
91
  dynamic_changes_header: 'Función dinámica: cambia el contexto de la página de forma poco intuitiva'
92
92
  dynamic_changes_paragraph: Los cambios en las entradas del formulario no deberían cambiar el contexto de la página automáticamente.
93
93
  elements_hidden: Elementos ocultos
94
94
  elements_hidden_header: Elementos ocultos de la API de accesibilidad
95
95
  elements_hidden_paragraph: Para ocultar un elemento de las tecnologías de asistencia, utiliza el atributo aria-hidden="true" en él.
96
96
  heading_on: Encabezado en secciones importantes
97
- here_link: aquí
98
97
  illogical_heading_order: Orden de encabezado ilógico
99
98
  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>.
100
99
  important_sections_heading: Encabezado en secciones importantes
101
100
  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.
101
+ learn_more_about_html: Más información sobre %{link}
102
102
  links_and_buttons: Enlaces y botones
103
103
  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.
104
- see_further_info_html: Ver más información %{link}
105
104
  unique_h1: H1 único
106
105
  unique_h1_paragraph: Cada página debe tener un único encabezado H1
107
106
  use_aria: Utiliza ARIA
108
107
  use_aria_header: Utiliza los atributos ARIA cuando sea posible
109
108
  use_aria_paragraph: Muchos elementos que proporcionan funcionalidad interactiva en el sitio web requieren atributos ARIA para hacerlos accesibles.
109
+ wcag_guidelines: Pautas de Accesibilidad al Contenido en la Web (WCAG)
110
110
  color:
111
111
  color_header: Color
112
112
  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.
@@ -87,26 +87,26 @@ es:
87
87
  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.
88
88
  color_contrast: Contraste de color
89
89
  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.
90
- decidim_follows_html: Decidim sigue las directrices <u>de Accesibilidad al Contenido Web (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim sigue %{link}
91
91
  dynamic_changes_header: 'Función dinámica: cambia el contexto de la página de forma poco intuitiva'
92
92
  dynamic_changes_paragraph: Los cambios en las entradas del formulario no deberían cambiar el contexto de la página automáticamente.
93
93
  elements_hidden: Elementos ocultos
94
94
  elements_hidden_header: Elementos ocultos de la API de accesibilidad
95
95
  elements_hidden_paragraph: Para ocultar un elemento de las tecnologías de asistencia, utiliza el atributo aria-hidden="true" en él.
96
96
  heading_on: Encabezado en secciones importantes
97
- here_link: aquí
98
97
  illogical_heading_order: Orden de encabezado ilógico
99
98
  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>.
100
99
  important_sections_heading: Encabezado en secciones importantes
101
100
  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.
101
+ learn_more_about_html: Más información sobre %{link}
102
102
  links_and_buttons: Enlaces y botones
103
103
  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.
104
- see_further_info_html: Ver más información %{link}
105
104
  unique_h1: H1 único
106
105
  unique_h1_paragraph: Cada página debe tener un único encabezado H1
107
106
  use_aria: Utiliza ARIA
108
107
  use_aria_header: Utiliza los atributos ARIA cuando sea posible
109
108
  use_aria_paragraph: Muchos elementos que proporcionan funcionalidad interactiva en el sitio web requieren atributos ARIA para hacerlos accesibles.
109
+ wcag_guidelines: Pautas de Accesibilidad al Contenido en la Web (WCAG)
110
110
  color:
111
111
  color_header: Color
112
112
  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.
@@ -8,7 +8,7 @@ eu:
8
8
  demo: Demoa
9
9
  demo_description: Aplikazioan zehar akordeoiak erabiltzen dira, batez ere edukiak erlaitzetan erakusteko/ezkutatzeko edo testu ikusgarriak tolesteko/ez tolesteko.
10
10
  description_accordions_html: Akordeoiak javascript funtzioak dira, erabilgarri daudenak %{link_code} izeneko kanpoko liburutegi bati esker.
11
- github_source_html: 'Iturburu-kodea hemen: GitHub % {github_link}}'
11
+ github_source_html: 'Iturburu-kodea hemen: GitHub %{github_link}}'
12
12
  panel: Panela
13
13
  title: Akordeoiak
14
14
  trigger: Eragin
@@ -87,30 +87,30 @@ eu:
87
87
  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.
88
88
  color_contrast: Kolore-kontrastea
89
89
  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.
90
- decidim_follows_html: 'Decidimek jarraitzen du: <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>'
90
+ decidim_follows_html: Decidim-ek %{link} jarraitzen du
91
91
  dynamic_changes_header: Funtzionalitate dinamikoak orrialdearen testuingurua aldatzen du intuiziorik gabe
92
92
  dynamic_changes_paragraph: Inprimakien sarreretan gertatzen diren aldaketek ez dute orrialdearen testuingurua automatikoki aldatu behar.
93
93
  elements_hidden: Elementu ezkutuak
94
94
  elements_hidden_header: Elementu ezkutuak irisgarritasuneko APIan
95
95
  elements_hidden_paragraph: Elementu bat laguntza-teknologietatik ezkutatzeko, erabili "egia" atributua.
96
96
  heading_on: Sail garrantzitsuen goiburuan doa
97
- here_link: hemen
98
97
  illogical_heading_order: Goiburuaren ordena ilogikoa
99
98
  illogical_heading_paragraph: Orrialde bakoitzak goiburuko ordena logiko bat izan behar du <h1>, <h2>, <h3>, <h4>, <h5> eta <h6> elementuak erabiltzean.
100
99
  important_sections_heading: Sail garrantzitsuen goiburuan doa
101
100
  important_sections_paragraph: Oso garrantzitsua da orrialdeko atal garrantzitsu bakoitzak sarrera bat izatea, errazago ulertzeko zer atal garrantzitsu dauden orrian bere sarreretan nabigatuz.
101
+ learn_more_about_html: Irakurri gehiago %{link} (e) ri buruz
102
102
  links_and_buttons: Estekak eta Botoiak
103
103
  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.
104
- see_further_info_html: Ikusi informazio gehiago %{link}
105
104
  unique_h1: H1 bakarra
106
105
  unique_h1_paragraph: Orrialde bakoitzak H1 bakarra izan beharko luke
107
106
  use_aria: Erabili ARIA
108
107
  use_aria_header: Erabili ARIA atributuak ahal denean
109
108
  use_aria_paragraph: Web orrian funtzionaltasun interaktiboa ematen duten elementu askok ARIA atributuak behar dituzte irisgarriak izan daitezen.
109
+ wcag_guidelines: Web Edukien Erabilerraztasunerako Jarraibideak (WCAG)
110
110
  color:
111
111
  color_header: Kolorea
112
112
  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.
113
- description_p2_html: Zure koloreak pertsonalizatzean, eduki gogoan % {contrast_link}. Zure aukeraren kontrastea egiazta dezakezu % {checker_link} edo antzeko tresnen bitartez.
113
+ description_p2_html: Zure koloreak pertsonalizatzean, eduki gogoan %{contrast_link}. Zure aukeraren kontrastea egiazta dezakezu %{checker_link} edo antzeko tresnen bitartez.
114
114
  wcag_compliant_rations: WCAG 2.1 AA adostasun-kontraste erlazioa
115
115
  wcag_contrast_checker: WebAIM Kontraste-egiaztatzailea
116
116
  iconography:
@@ -157,7 +157,7 @@ eu:
157
157
  accountability_cards_html: <i>Proiektuen erantzukizuna</i> txartelek erabilia. Txartel honek moduluko aktiboak behar bezala erakustea eskatzen du, hau da, <code>append_stylesheet_pack_tag \"decidim_contabilidad\"<code>
158
158
  activity: Jarduera
159
159
  address_description: Helbide-gelaxkak baliabide bat jasotzen du eta atributu geolokalizagarriak bilatzen ditu markaketa zehatz bat egiteko.
160
- address_description_2: Eduki motaren arabera, helbidea online url bat izan daiteke. Kasu horietarako, erakutsitako informazioa berdina da, baina egokitzeko modukoa.
160
+ address_description_2: Eduki motaren arabera, helbidea on-line url bat izan daiteke. Kasu horietarako, erakutsitako informazioa berdina da, baina egokitzeko modukoa.
161
161
  ally_link: a11y- goitibeherako zerrendaren osagaia
162
162
  argument: Argumentua
163
163
  assemblies: Batzarrak
@@ -203,7 +203,7 @@ eu:
203
203
  dropdowns_demo_1_description: 'Hurrengo adibidea ez da ikusgarri egongo mahaigainean, mugikorrean baizik:'
204
204
  dropdowns_demo_description: Goitibeherako zerrendak aplikazioan zehar erabiltzen dira ez kolapsatzeko menu handiak, erraz irakurtzeko modukoak mahaigaineko gailuentzat, baina koloretsuegiak gailu mugikorrentzat.
205
205
  dropdowns_demo_description_html: 'Javascript ezaugarri hau css txiki batez indartzen da, izenburuaren bidez: eduki ezkutagarriak nortasun agiria IZAN BEHAR DU <code>id</code> goitibeherako zerrendatik hasita.'
206
- dropdowns_description_html: Goitibeherako zerrendak javascript ezaugarriak dira, % {link} izeneko kanpoko liburutegi bati esker.
206
+ dropdowns_description_html: Goitibeherako zerrendak javascript ezaugarriak dira, %{link} izeneko kanpoko liburutegi bati esker.
207
207
  dropdowns_usage_1_description: 2. Elementu modala, zeinaren <code>id</code> datu-kontrolek bat egiten duten eragileari dagokion balioarekin.
208
208
  dropdowns_usage_description: 'Goitibeherako zerrenda batek bi elementu eskatzen ditu:'
209
209
  dropdowns_usage_description_html: 1. Partaide-elementu prozesagarria, datu-osagaia = "dropdown" data-target = "dropdown-menu-element" datu-atributuak dituena.
@@ -87,26 +87,26 @@ fi-pl:
87
87
  adjacent_links_paragraph: Jos samaan kohteeseen on useita vierekkäisiä linkkejä, se hankaloittaa sivun ymmärtämistä avustavien teknologioiden käyttäjille, koska kyseisten käyttäjien tulee siirtää kohdistusta useaan otteeseen päästäkseen seuraavaan kohteeseen.
88
88
  color_contrast: Värien kontrasti
89
89
  color_contrast_paragraph: Luodessasi käyttöliittymiä tai muuttaessasi värimäärityksiä, varmista, että et riko sivun saavutettavuutta näillä muutoksilla. Voit käyttää värien kontrastiarvon tarkastustyökalua varmistaaksesi, että väreillä on tarpeeksi kontrastia niiden taustaväriin verrattuna.
90
- decidim_follows_html: Desidim noudattaa <u>Verkkosisällön saavutettavuusohjeita (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim seuraa %{link}
91
91
  dynamic_changes_header: Sivujen dynaamiset toiminnot muuttavat sivun kontekstia epäjohdonmukaisesti
92
92
  dynamic_changes_paragraph: Lomakekenttien muutosten ei tulisi muuttaa sivun kontekstia automaattisesti.
93
93
  elements_hidden: Piilotetut elementit
94
94
  elements_hidden_header: Avustavilta teknologioilta piilotetut elementit
95
95
  elements_hidden_paragraph: Käytä aria-hidden="true" -attribuuttia piilottaaksesi elementin avustavilta teknologioilta.
96
96
  heading_on: Tärkeiden osioiden otsikointi
97
- here_link: täältä
98
97
  illogical_heading_order: Epäjohdonmukainen otsikointijärjestys
99
98
  illogical_heading_paragraph: Jokaisen sivun on noudatettava johdonmukaista otsikoiden järjestystä käytettäessä <h1>, <h2>, <h3>, <h4>, <h5> ja <h6> otsikkoelementtejä.
100
99
  important_sections_heading: Tärkeiden osioiden otsikointi
101
100
  important_sections_paragraph: On erityisen tärkeää, että jokaisella sivun tärkeällä osiolla on otsikko, jotta sivun rakenne on helppo ymmärtää selaamalla pelkästään sivun otsikot.
101
+ learn_more_about_html: Lisätietoja aiheesta %{link}
102
102
  links_and_buttons: Linkit ja painikkeet
103
103
  links_and_buttons_paragraph: Ankkurielementit (eli linkit) on tarkoitettu linkittämään eri sivuille tai saman sivun eri osioihin. Mikäli elementin on tarkoitus avata esimerkiksi piilotettua sisältöä samalla sivulla muuttamatta sivun kontekstia, toteutuksessa tulisi käyttää <button>-elementtiä ankkurin sijaan.
104
- see_further_info_html: Löydät lisätietoja %{link}
105
104
  unique_h1: Yksilölliset H1-tason otsikot
106
105
  unique_h1_paragraph: Jokaisella sivulla on oltava yksilöllinen H1-otsikko
107
106
  use_aria: Hyödynnä ARIA-attribuutteja
108
107
  use_aria_header: Hyödynnä ARIA-attribuutteja mahdollisuuksien mukaan
109
108
  use_aria_paragraph: Monet dynaamisia toimintoja tarjoavat elementit tarvitsevat ARIA-attribuuttimäärityksiä toimiakseen saavutettavasti ja ollakseen yhteensopivia avustavien teknologioiden kanssa.
109
+ wcag_guidelines: Verkkosisällön saavutettavuusohjeita (WCAG)
110
110
  color:
111
111
  color_header: Värit
112
112
  description_p1: Tarjoamme oletusväripaletin muutamilla esimääritetyillä väreillä, jotta värimaailman muuttaminen olisi helppoa. Voit muokata väripalettia joko hallintapaneelista tai muuttamalla Tailwind-asetustiedostoa, mikäli haluat muokata useampia asioita.
@@ -87,26 +87,26 @@ fi:
87
87
  adjacent_links_paragraph: Jos samaan kohteeseen on useita vierekkäisiä linkkejä, se hankaloittaa sivun ymmärtämistä avustavien teknologioiden käyttäjille, koska kyseisten käyttäjien tulee siirtää kohdistusta useaan otteeseen päästäkseen seuraavaan kohteeseen.
88
88
  color_contrast: Värien kontrasti
89
89
  color_contrast_paragraph: Luodessasi käyttöliittymiä tai muuttaessasi värimäärityksiä, varmista, että et riko sivun saavutettavuutta näillä muutoksilla. Voit käyttää värien kontrastiarvon tarkastustyökalua varmistaaksesi, että väreillä on tarpeeksi kontrastia niiden taustaväriin verrattuna.
90
- decidim_follows_html: Desidim noudattaa <u>Verkkosisällön saavutettavuusohjeita (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim seuraa %{link}
91
91
  dynamic_changes_header: Sivujen dynaamiset toiminnot muuttavat sivun kontekstia epäjohdonmukaisesti
92
92
  dynamic_changes_paragraph: Lomakekenttien muutosten ei tulisi muuttaa sivun kontekstia automaattisesti.
93
93
  elements_hidden: Piilotetut elementit
94
94
  elements_hidden_header: Avustavilta teknologioilta piilotetut elementit
95
95
  elements_hidden_paragraph: Käytä aria-hidden="true" -attribuuttia piilottaaksesi elementin avustavilta teknologioilta.
96
96
  heading_on: Tärkeiden osioiden otsikointi
97
- here_link: täältä
98
97
  illogical_heading_order: Epäjohdonmukainen otsikointijärjestys
99
98
  illogical_heading_paragraph: Jokaisen sivun on noudatettava johdonmukaista otsikoiden järjestystä käytettäessä <h1>, <h2>, <h3>, <h4>, <h5> ja <h6> otsikkoelementtejä.
100
99
  important_sections_heading: Tärkeiden osioiden otsikointi
101
100
  important_sections_paragraph: On erityisen tärkeää, että jokaisella sivun tärkeällä osiolla on otsikko, jotta sivun rakenne on helppo ymmärtää selaamalla pelkästään sivun otsikot.
101
+ learn_more_about_html: Lisätietoja aiheesta %{link}
102
102
  links_and_buttons: Linkit ja painikkeet
103
103
  links_and_buttons_paragraph: Ankkurielementit (eli linkit) on tarkoitettu linkittämään eri sivuille tai saman sivun eri osioihin. Mikäli elementin on tarkoitus avata esimerkiksi piilotettua sisältöä samalla sivulla muuttamatta sivun kontekstia, toteutuksessa tulisi käyttää <button>-elementtiä ankkurin sijaan.
104
- see_further_info_html: Löydät lisätietoja %{link}
105
104
  unique_h1: Yksilölliset H1-tason otsikot
106
105
  unique_h1_paragraph: Jokaisella sivulla on oltava yksilöllinen H1-otsikko
107
106
  use_aria: Hyödynnä ARIA-attribuutteja
108
107
  use_aria_header: Hyödynnä ARIA-attribuutteja mahdollisuuksien mukaan
109
108
  use_aria_paragraph: Monet dynaamisia toimintoja tarjoavat elementit tarvitsevat ARIA-attribuuttimäärityksiä toimiakseen saavutettavasti ja ollakseen yhteensopivia avustavien teknologioiden kanssa.
109
+ wcag_guidelines: Verkkosisällön saavutettavuusohjeita (WCAG)
110
110
  color:
111
111
  color_header: Värit
112
112
  description_p1: Tarjoamme oletusväripaletin muutamilla esimääritetyillä väreillä, jotta värimaailman muuttaminen olisi helppoa. Voit muokata väripalettia joko hallintapaneelista tai muuttamalla Tailwind-asetustiedostoa, mikäli haluat muokata useampia asioita.
@@ -87,26 +87,26 @@ fr-CA:
87
87
  adjacent_links_paragraph: Si la même ressource a plusieurs liens adjacents pointant vers elle, Cela rend difficile pour ces utilisateurs de jeter un coup d'œil sur la page car ils pourraient avoir besoin de passer par plusieurs liens pour accéder à la ressource suivante.
88
88
  color_contrast: Contraste des couleurs
89
89
  color_contrast_paragraph: Lorsque vous créez des interfaces utilisateur ou que vous modifiez les couleurs, assurez-vous toujours que vous ne cassez pas l'accessibilité avec vos modifications. Vous pouvez utiliser le vérificateur de contraste de couleur pour vous assurer que vos couleurs ont un contraste suffisant avec la couleur de fond où elles sont affichées.
90
- decidim_follows_html: Decidim suit les recommandations du <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim suit %{link}
91
91
  dynamic_changes_header: La fonctionnalité dynamique modifie le contexte de la page de façon non intuitive
92
92
  dynamic_changes_paragraph: Les changements dans les entrées de formulaire ne doivent pas modifier le contexte de la page automatiquement.
93
93
  elements_hidden: Éléments cachés
94
94
  elements_hidden_header: Éléments cachés de l'API d'accessibilité
95
95
  elements_hidden_paragraph: Pour cacher un élément aux technologies d'assistance, utilisez l'attribut aria-hidden="true" sur celui-ci.
96
96
  heading_on: Titre sur les sections importantes
97
- here_link: ici
98
97
  illogical_heading_order: Ordre de titre illogique
99
98
  illogical_heading_paragraph: Chaque page doit avoir un ordre de titres logique lorsque vous utilisez les éléments de titre <h1>, <h2>, <h3>, <h4>, <h5> et <h6>.
100
99
  important_sections_heading: Titre sur les sections importantes
101
100
  important_sections_paragraph: Il est très important que chaque section importante de la page ait un titre pour faciliter la compréhension des sections importantes de la page en parcourant ses rubriques.
101
+ learn_more_about_html: En savoir plus sur %{link}
102
102
  links_and_buttons: Liens et boutons
103
103
  links_and_buttons_paragraph: Les éléments d'ancrage (c'est-à-dire les liens) sont destinés à lier à des pages différentes ou à ancrer des positions dans la page. Si l'élément est censé ouvrir un élément caché sur cette page, vous devriez utiliser l'élément <button> à la place.
104
- see_further_info_html: Voir plus d'infos %{link}
105
104
  unique_h1: H1 unique
106
105
  unique_h1_paragraph: Chaque page devrait avoir un titre H1 unique
107
106
  use_aria: Utiliser ARIA
108
107
  use_aria_header: Utiliser les attributs ARIA si possible
109
108
  use_aria_paragraph: De nombreux éléments qui fournissent des fonctionnalités interactives sur le site Web requièrent des attributs ARIA pour les rendre accessibles.
109
+ wcag_guidelines: Directives d'accessibilité des contenus Web (WCAG)
110
110
  color:
111
111
  color_header: Couleur 
112
112
  description_p1: Nous fournissons une palette de base avec peu de couleurs de sorte que les personnalisations simples soient faciles. Vous pouvez modifier la palette de base soit dans la zone Administration soit dans le fichier de configuration de Tailwind si vous avez besoin d'une personnalisation plus avancée.
@@ -87,26 +87,26 @@ fr:
87
87
  adjacent_links_paragraph: Si la même ressource a plusieurs liens adjacents pointant vers elle, Cela rend difficile pour ces utilisateurs de jeter un coup d'œil sur la page car ils pourraient avoir besoin de passer par plusieurs liens pour accéder à la ressource suivante.
88
88
  color_contrast: Contraste des couleurs
89
89
  color_contrast_paragraph: Lorsque vous créez des interfaces utilisateur ou que vous modifiez les couleurs, assurez-vous toujours que vous ne cassez pas l'accessibilité avec vos modifications. Vous pouvez utiliser le vérificateur de contraste de couleur pour vous assurer que vos couleurs ont un contraste suffisant avec la couleur de fond où elles sont affichées.
90
- decidim_follows_html: Decidim suit les recommandations du <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
90
+ decidim_follows_html: Decidim suit %{link}
91
91
  dynamic_changes_header: La fonctionnalité dynamique modifie le contexte de la page de façon non intuitive
92
92
  dynamic_changes_paragraph: Les changements dans les entrées de formulaire ne doivent pas modifier le contexte de la page automatiquement.
93
93
  elements_hidden: Éléments cachés
94
94
  elements_hidden_header: Éléments cachés de l'API d'accessibilité
95
95
  elements_hidden_paragraph: Pour cacher un élément aux technologies d'assistance, utilisez l'attribut aria-hidden="true" sur celui-ci.
96
96
  heading_on: Titre sur les sections importantes
97
- here_link: ici
98
97
  illogical_heading_order: Ordre de titre illogique
99
98
  illogical_heading_paragraph: Chaque page doit avoir un ordre de titres logique lorsque vous utilisez les éléments de titre <h1>, <h2>, <h3>, <h4>, <h5> et <h6>.
100
99
  important_sections_heading: Titre sur les sections importantes
101
100
  important_sections_paragraph: Il est très important que chaque section importante de la page ait un titre pour faciliter la compréhension des sections importantes de la page en parcourant ses rubriques.
101
+ learn_more_about_html: En savoir plus sur %{link}
102
102
  links_and_buttons: Liens et boutons
103
103
  links_and_buttons_paragraph: Les éléments d'ancrage (c'est-à-dire les liens) sont destinés à lier à des pages différentes ou à ancrer des positions dans la page. Si l'élément est censé ouvrir un élément caché sur cette page, vous devriez utiliser l'élément <button> à la place.
104
- see_further_info_html: Voir plus d'infos %{link}
105
104
  unique_h1: H1 unique
106
105
  unique_h1_paragraph: Chaque page devrait avoir un titre H1 unique
107
106
  use_aria: Utiliser ARIA
108
107
  use_aria_header: Utiliser les attributs ARIA si possible
109
108
  use_aria_paragraph: De nombreux éléments qui fournissent des fonctionnalités interactives sur le site Web requièrent des attributs ARIA pour les rendre accessibles.
109
+ wcag_guidelines: Directives d'accessibilité des contenus Web (WCAG)
110
110
  color:
111
111
  color_header: Couleur 
112
112
  description_p1: Nous fournissons une palette de base avec peu de couleurs de sorte que les personnalisations simples soient faciles. Vous pouvez modifier la palette de base soit dans la zone Administration soit dans le fichier de configuration de Tailwind si vous avez besoin d'une personnalisation plus avancée.
@@ -87,26 +87,26 @@ ja:
87
87
  adjacent_links_paragraph: 同じリソースに複数の隣接するリンクが指している場合、ユーザーがページを素早く確認するのが困難になることがあります。なぜなら、次のリソースに進むために複数のリンクをたどる必要があるかもしれないためです。
88
88
  color_contrast: 色のコントラスト
89
89
  color_contrast_paragraph: ユーザーインターフェイスを作成したり、色を変更したりするときは、変更によってアクセシビリティが損なわれていないことを常に確認してください。カラーコントラストチェッカーを使うと、表示色が背景色に対して十分なコントラストがあることを確認できます。
90
- decidim_follows_html: Decidim <u>Web Content Accessibility Guidelines (WCAG) 2.1</u> に準拠しています。
90
+ decidim_follows_html: Decidimは %{link} に従います
91
91
  dynamic_changes_header: 動的な機能は直感に反してページのコンテキストを変更します。
92
92
  dynamic_changes_paragraph: フォーム入力の変更は、ページのコンテキストを自動的に変更してはなりません。
93
93
  elements_hidden: 要素の非表示
94
94
  elements_hidden_header: アクセシビリティAPIから隠す要素
95
95
  elements_hidden_paragraph: 支援技術に要素を見せないようにするには、 aria-hidden="true" 属性を使用します。
96
96
  heading_on: 重要なセクションの見出し
97
- here_link: こちら
98
97
  illogical_heading_order: 非論理的な見出しの順序
99
98
  illogical_heading_paragraph: <h1>, <h2>, <h3>, <h4>, <h5>, <h6> の見出し要素を使用する場合、すべてのページは論理的な見出し順序を持つ必要があります。
100
99
  important_sections_heading: 重要なセクションの見出し
101
100
  important_sections_paragraph: ページの重要なセクションごとに見出しがあることが非常に重要です。これにより、見出しを流し読みするだけでページ内にどのような重要なセクションがあるのかが分かりやすくなります。
101
+ learn_more_about_html: '%{link} についてもっと知る'
102
102
  links_and_buttons: リンクとボタン
103
103
  links_and_buttons_paragraph: アンカー要素(つまりリンク)は、異なるページへのリンクやページ内の特定の位置へのアンカーとして機能します。例えばその要素がページ上で何か隠された項目を表示するような場合は、<button>要素を使用するべきです。
104
- see_further_info_html: 詳しい情報は %{link} を参照してください
105
104
  unique_h1: ただ一つのH1
106
105
  unique_h1_paragraph: すべてのページには、H1見出しが一つだけ書かれるべきです。
107
106
  use_aria: ARIA を使用する
108
107
  use_aria_header: 可能な場合はARIA属性を使用する
109
108
  use_aria_paragraph: ウェブサイト上でインタラクティブ機能を提供する多くの要素には、それらにアクセシブルにするために ARIA 属性が必要です。
109
+ wcag_guidelines: Web Content Accessibility Guidelines (WCAG)
110
110
  color:
111
111
  color_header: 色
112
112
  description_p1: シンプルなカスタマイズが簡単にできるように、少数の色で構成される基本パレットを提供しています。より高度なカスタマイズが必要な場合は、管理画面のエリアまたはTailwindの設定ファイルのいずれかで基本パレットを変更することができます。
@@ -87,21 +87,18 @@ pl:
87
87
  adjacent_links_paragraph: Jeśli ten sam zasób ma wiele sąsiadujących linków wskazujących no niego, utrudnia to takim użytkownikom spojrzenie na stronę, ponieważ mogą oni przejść przez wiele linków, aby dotrzeć do następnego zasobu.
88
88
  color_contrast: Kontrast kolorów
89
89
  color_contrast_paragraph: Podczas tworzenia interfejsów użytkownika lub modyfikowania kolorów, zawsze upewnij się, że nie naruszasz dostępności swoimi zmianami. Możesz użyć narzędzia do sprawdzania kontrastu kolorów, aby upewnić się, że kolory mają wystarczający kontrast względem koloru tła, na którym są wyświetlane.
90
- decidim_follows_html: Decidim jest zgodny z wytycznymi <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
91
90
  dynamic_changes_header: Dynamiczna funkcjonalność zmienia kontekst strony w sposób nieintuicyjny
92
91
  dynamic_changes_paragraph: Zmiany w formularzu danych wejściowych nie powinny automatycznie zmieniać kontekstu strony.
93
92
  elements_hidden: Ukryte elementy
94
93
  elements_hidden_header: Elementy ukryte w API ułatwień dostępu
95
94
  elements_hidden_paragraph: Aby ukryć element przed technologiami wspomagającymi, użyj w nim atrybutu aria-hidden="true".
96
95
  heading_on: Nagłówek w ważnych sekcjach
97
- here_link: tutaj
98
96
  illogical_heading_order: Nielogiczna kolejność nagłówków
99
97
  illogical_heading_paragraph: Każda strona powinna mieć logiczną kolejność nagłówków podczas używania elementów nagłówka <h1>, <h2>, <h3>, <h4>, <h5> i <h6>.
100
98
  important_sections_heading: Nagłówek w ważnych sekcjach
101
99
  important_sections_paragraph: Bardzo ważne jest, aby każda ważna sekcja strony miała nagłówek ułatwiający zrozumienie, jakie ważne sekcje znajdują się na stronie tylko poprzez przeglądanie jej nagłówków.
102
100
  links_and_buttons: Linki i przyciski
103
101
  links_and_buttons_paragraph: Elementy kotwicy (tj. odnośniki) mają na celu połączenie z różnymi stronami lub zakotwiczenie pozycji na stronie. Jeśli element ma na celu np. otwarcie na tej stronie niektórych ukrytych elementów, powinieneś (powinnaś) zamiast tego użyć elementu <button>.
104
- see_further_info_html: Zobacz dalsze informacje %{link}
105
102
  unique_h1: Unikalny H1
106
103
  unique_h1_paragraph: Każda strona powinna mieć unikalny nagłówek H1
107
104
  use_aria: Użyj ARIA
@@ -2,6 +2,11 @@
2
2
  sv:
3
3
  decidim:
4
4
  design:
5
+ foundations:
6
+ accessibility:
7
+ decidim_follows_html: Decidim följer %{link}
8
+ learn_more_about_html: Läs mer om %{link}
9
+ wcag_guidelines: Riktlinjer för tillgänglighet för webbinnehåll (WCAG)
5
10
  helpers:
6
11
  assembly_g: Samråd G
7
12
  assembly_s: Samråd S
@@ -3,7 +3,7 @@
3
3
  module Decidim
4
4
  module Design
5
5
  def self.version
6
- "0.30.1"
6
+ "0.30.3"
7
7
  end
8
8
  end
9
9
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: decidim-design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.30.1
4
+ version: 0.30.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Decidim Team
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-06-17 00:00:00.000000000 Z
11
+ date: 2025-10-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: decidim-core
@@ -16,28 +16,28 @@ dependencies:
16
16
  requirements:
17
17
  - - '='
18
18
  - !ruby/object:Gem::Version
19
- version: 0.30.1
19
+ version: 0.30.3
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
24
  - - '='
25
25
  - !ruby/object:Gem::Version
26
- version: 0.30.1
26
+ version: 0.30.3
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: decidim-dev
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
31
  - - '='
32
32
  - !ruby/object:Gem::Version
33
- version: 0.30.1
33
+ version: 0.30.3
34
34
  type: :development
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
38
  - - '='
39
39
  - !ruby/object:Gem::Version
40
- version: 0.30.1
40
+ version: 0.30.3
41
41
  description: The design guide module for Decidim.
42
42
  email:
43
43
  - hola@decidim.org