Merge pull request #2834 from juan-fdz-hawa/2820_translate-accesibility-page

Translate static pages
This commit is contained in:
Raimond Garcia
2018-09-05 15:11:03 +02:00
committed by GitHub
7 changed files with 256 additions and 111 deletions

View File

@@ -5,142 +5,95 @@
<div class="row">
<div class="small-12 column">
<h1>Accesibilidad</h1>
<p>La accesibilidad web se refiere a la posibilidad de acceso a la web y a sus contenidos por todas las personas, independientemente de las discapacidades (físicas, intelectuales o técnicas) que puedan presentar o de las que se deriven del contexto de uso (tecnológicas o ambientales).</p>
<p>Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos, por ejemplo:</p>
<h1><%= t('.title') %></h1>
<%= simple_format(t('.description')) %>
<ul>
<li>Proporcionando un texto alternativo a las imágenes, los usuarios invidentes o con problemas de visión pueden utilizar lectores especiales para acceder a la información. </li>
<li>Cuando los vídeos disponen de subtítulos, los usuarios con dificultades auditivas pueden entenderlos plenamente. </li>
<li>Si los contenidos están escritos en un lenguaje sencillo e ilustrados, los usuarios con problemas de aprendizaje están en mejores condiciones de entenderlos.</li>
<li>Si el usuario tiene problemas de movilidad y le cuesta usar el ratón, las alternativas con el teclado le ayudan en la navegación.</li>
<% t('.examples').each do |example| %>
<li><%= example %></li>
<% end %>
</ul>
<h2>"Atajos" de teclado</h2>
<h2><%= t('.keyboard_shortcuts.title') %></h2>
<p>Para poder navegar por este sitio web de forma accesible, se han programado un grupo de teclas de acceso rápido que recogen las principales secciones de interés general en los que está organizado el sitio.</p>
<p><%= t('.keyboard_shortcuts.navigation_table.description') %></p>
<div class="small-12 medium-6">
<table>
<caption class="show-for-sr">Atajos de teclado para el menú de navegación</caption>
<caption class="show-for-sr"><%= t('.keyboard_shortcuts.navigation_table.caption') %></caption>
<thead>
<tr>
<th scope="col" class="text-center">Tecla</th>
<th scope="col">Página</th>
<th scope="col" class="text-center"><%= t('.keyboard_shortcuts.navigation_table.key_header') %></th>
<th scope="col"><%= t('.keyboard_shortcuts.navigation_table.page_header') %></th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">0</td>
<td>Inicio</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>Debates</td>
</tr>
<tr>
<td class="text-center">2</td>
<td>Propuestas</td>
</tr>
<tr>
<td class="text-center">3</td>
<td>Votaciones</td>
</tr>
<tr>
<td class="text-center">4</td>
<td>Presupuestos participativos</td>
</tr>
<tr>
<td class="text-center">5</td>
<td>Procesos legislativos</td>
</tr>
<% t('.keyboard_shortcuts.navigation_table.rows').each do |row| %>
<tr>
<td class="text-center"><%= row[:key_column] %></td>
<td><%= row[:page_column] %></td>
</tr>
<% end %>
</tbody>
</table>
</div>
<p>Dependiendo del sistema operativo y del navegador que se utilice, la combinación de teclas será la siguiente:</p>
<p><%= t('.keyboard_shortcuts.browser_table.description') %></p>
<div class="small-12 medium-6">
<table>
<caption class="show-for-sr">Combinación de teclas dependiendo del sistema operativo y navegador</caption>
<caption class="show-for-sr"><%= t('.keyboard_shortcuts.browser_table.caption') %></caption>
<thead>
<tr>
<th scope="col">Navegador</th>
<th scope="col">Combinación de teclas</th>
<th scope="col"><%= t('.keyboard_shortcuts.browser_table.browser_header') %></th>
<th scope="col"><%= t('.keyboard_shortcuts.browser_table.key_header') %></th>
</tr>
</thead>
<tbody>
<tr>
<td>Explorer</td>
<td>ALT + atajo y luego ENTER</td>
</tr>
<tr>
<td>Firefox</td>
<td>ALT + MAYÚSCULAS + atajo</td>
</tr>
<tr>
<td>Chrome</td>
<td>ALT + atajo (si es un MAC, CTRL + ALT + atajo)</td>
</tr>
<tr>
<td>Safari</td>
<td>ALT + atajo (si es un MAC, CMD + atajo)</td>
</tr>
<tr>
<td>Opera</td>
<td>MAYÚSCULAS + ESC + atajo</td>
</tr>
<% t('.keyboard_shortcuts.browser_table.rows').each do |row| %>
<tr>
<td><%= row[:browser_column] %></td>
<td><%= row[:key_column] %></td>
</tr>
<% end %>
</tbody>
</table>
</div>
<h2>Tamaño del texto</h2>
<p>El diseño accesible de este sitio web permite que el usuario pueda elegir el tamaño del texto que le convenga. Esta acción puede llevarse a cabo de diferentes maneras según el navegador que se utilice.</p>
<h2><%= t('.textsize.title') %></h2>
<p><%= t('.textsize.browser_settings_table.description') %></p>
<div class="small-12 medium-6">
<table>
<thead>
<tr>
<th scope="col">Navegador</th>
<th scope="col">Acción a realizar </th>
<th scope="col"><%= t('.textsize.browser_settings_table.browser_header') %></th>
<th scope="col"><%= t('.textsize.browser_settings_table.action_header') %></th>
</tr>
</thead>
<tbody>
<tr>
<td>Explorer</td>
<td>Ver > Tamaño del texto</td>
</tr>
<tr>
<td>Firefox</td>
<td>Ver > Tamaño</td>
</tr>
<tr>
<td>Chrome</td>
<td>Ajustes (icono) > Opciones > Avanzada > Contenido web > Tamaño fuente</td>
</tr>
<tr>
<td>Safari</td>
<td>Visualización > ampliar/reducir</td>
</tr>
<tr>
<td>Opera</td>
<td>Ver > escala</td>
</tr>
<% t('.textsize.browser_settings_table.rows').each do |row| %>
<tr>
<td><%= row[:browser_column] %></td>
<td><%= row[:action_column] %></td>
</tr>
<% end %>
</tbody>
</table>
</div>
<p>Otra forma de modificar el tamaño de texto es utilizar los atajos de teclado definidos en los navegadores, en particular la combinación de teclas:</p>
<p><%= t('.textsize.browser_shortcuts_table.description') %></p>
<ul>
<li><code>CTRL y + (CMD y + en MAC)</code> para aumentar el tamaño del texto</li>
<li><code> CTRL y - (CMD y - en MAC)</code> para reducir el tamaño del texto</li>
<% t('.textsize.browser_shortcuts_table.rows').each do |row| %>
<li><code><%= row[:shortcut_column] %></code> <%= row[:description_column] %></li>
<% end %>
</ul>
<h2>Compatibilidad con estándares y diseño visual</h2>
<h2><%= t('.compatibility.title') %></h2>
<p>Todas las páginas de este sitio web cumplen con&nbsp; las <strong>Pautas de Accesibilidad</strong> o Principios Generales de Diseño Accesible establecidas por el Grupo de Trabajo&nbsp;<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr> perteneciente al W3C.</p>
<p><%= t('.compatibility.description_html') %></p>
</div>
</div>

View File

@@ -6,9 +6,9 @@
<div class="row margin-top">
<div class="small-12 medium-9 column">
<h1><%= t("pages.conditions") %></h1>
<h2>AVISO LEGAL SOBRE LAS CONDICIONES DE USO, PRIVACIDAD Y PROTECCIÓN DE DATOS PERSONALES DEL PORTAL DE GOBIERNO ABIERTO</h2>
<p>Página de información sobre las condiciones de uso, privacidad y protección de datos personales.</p>
<h1><%= t('.title') %></h1>
<h2><%= t('.subtitle') %></h2>
<p><%= t('.description') %></p>
</div>
<div class="small-12 medium-3 column">

View File

@@ -6,22 +6,27 @@
<div class="row margin-top">
<div class="small-12 medium-9 column">
<h1><%= t("pages.privacy") %></h1>
<h2>AVISO DE PROTECCIÓN DE DATOS</h2>
<h1><%= t(".title") %></h1>
<h2><%= t('.subtitle') %></h2>
<ol>
<li>La navegación por la informacion disponible en el Portal de Gobierno Abierto es anónima.</li>
<li>Para utilizar los servicios contenidos en el Portal de Gobierno Abierto el usuario deberá darse de alta y proporcionar previamente los datos de carácter personal segun la informacion especifica que consta en cada tipo de alta.</li>
<li>Los datos aportados serán incorporados y tratados por el Ayuntamiento de acuerdo con la descripción del fichero siguiente:
<ul>
<li><strong>Nombre del fichero/tratamiento:</strong> NOMBRE DEL FICHERO</li>
<li><strong>Finalidad del fichero/tratamiento:</strong> Gestionar los procesos participativos para el control de la habilitación de las personas que participan en los mismos y recuento meramente numérico y estadístico de los resultados derivados de los procesos de participación ciudadana</li>
<li><strong>Órgano responsable:</strong> ÓRGANO RESPONSABLE</li>
</ul>
</li>
<li>El interesado podrá ejercer los derechos de acceso, rectificación, cancelación y oposición, ante el órgano responsable indicado todo lo cual se informa en el cumplimiento del artículo 5 de la Ley Orgánica 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal.</li>
<li>Como principio general, este sitio web no comparte ni revela información obtenida, excepto cuando haya sido autorizada por el usuario, o la informacion sea requerida por la autoridad judicial, ministerio fiscal o la policia judicial, o se de alguno de los supuestos regulados en el artículo 11 de la Ley Orgánica 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal.</li>
<% t('.info_items').each do |item| %>
<% if item.key? :text %>
<li><%= item[:text] %></li>
<% else %>
<ul>
<% item[:subitems].each do |subitem| %>
<li>
<strong> <%= subitem[:field] %></strong>
<%= subitem[:description] %>
</li>
<% end %>
</ul>
<% end %>
<% end %>
</ol>
</div>
<div class="small-12 medium-3 column">

View File

@@ -1,6 +1,9 @@
en:
pages:
conditions: Terms and conditions of use
conditions:
title: Terms and conditions of use
subtitle: LEGAL NOTICE ON THE CONDITIONS OF USE, PRIVACY AND PROTECTION OF PERSONAL DATA OF THE OPEN GOVERNMENT PORTAL
description: Information page on the conditions of use, privacy and protection of personal data.
general_terms: Terms and Conditions
help:
title: "%{org} is a platform for citizen participation"
@@ -63,7 +66,97 @@ en:
If you are a programmer, you can see the code and help us to improve it at [CONSUL app](https://github.com/consul/consul 'consul github').
titles:
how_to_use: Use it in your local government
privacy: Privacy Policy
privacy:
title: Privacy Policy
subtitle: INFORMATION REGARDING DATA PRIVACY
info_items:
- text: The navigation through the information available in the Open Government Portal is anonymous.
- text: To use the services contained in the Open Government Portal, the user must register and previously provide personal data according to the specific information included in each type of registration.
- text: 'The data provided will be incorporated and processed by the City Council in accordance with the description of the following file:'
- subitems:
- field: 'File name:'
description: NAME OF THE FILE
- field: 'Purpose of the file:'
description: Managing participatory processes to control the qualification of the people participating in them and merely numerical and statistical recount of the results derived from citizen participation processes.
- field: 'Institution in charge of the file:'
description: INSTITUTION IN CHARGE OF THE FILE
- text: The interested party may exercise the rights of access, rectification, cancellation and opposition, before the responsible body indicated, all of which is reported in compliance with article 5 of the Organic Law 15/1999, of December 13, on the Protection of Data of Character Personal.
- text: As a general principle, this website does not share or disclose information obtained, except when it has been authorized by the user, or the information is required by the judicial authority, prosecutor's office or the judicial police, or any of the cases regulated in the Article 11 of the Organic Law 15/1999, of December 13, on the Protection of Personal Data.
accessibility:
title: Accessibility
description: |-
Web accessibility refers to the possibility of access to the web and its contents by all people, regardless of the disabilities (physical, intellectual or technical) that may arise or from those that derive from the context of use (technological or environmental) .
When websites are designed with accessibility in mind, all users can access content in equal conditions, for example:
examples:
- Proporcionando un texto alternativo a las imágenes, los usuarios invidentes o con problemas de visión pueden utilizar lectores especiales para acceder a la información.Providing alternative text to the images, blind or visually impaired users can use special readers to access the information.
- When videos have subtitles, users with hearing difficulties can fully understand them.
- If the contents are written in a simple and illustrated language, users with learning problems are better able to understand them.
- If the user has mobility problems and it is difficult to use the mouse, the alternatives with the keyboard help in navigation.
keyboard_shortcuts:
title: Keyboard shortcuts
navigation_table:
description: To be able to navigate through this website in an accessible way, a group of quick access keys has been programmed that gather the main sections of general interest in which the site is organized.
caption: Keyboard shortcuts for the navigation menu
key_header: Key
page_header: Page
rows:
- key_column: 0
page_column: Home
- key_column: 1
page_column: Debates
- key_column: 2
page_column: Proposals
- key_column: 3
page_column: Votes
- key_column: 4
page_column: Participatory budgets
- key_column: 5
page_column: Legislative processes
browser_table:
description: 'Depending on the operating system and the browser used, the key combination will be as follows:'
caption: Key combination depending on the operating system and browser
browser_header: Browser
key_header: Key combination
rows:
- browser_column: Explorer
key_column: ALT + shortcut then ENTER
- browser_column: Firefox
key_column: ALT + CAPS + shortcut
- browser_column: Chrome
key_column: ALT + shortcut (CTRL + ALT + shortcuts for MAC)
- browser_column: Safari
key_column: ALT + shortcut (CMD + shortcut for MAC)
- browser_column: Opera
key_column: CAPS + ESC + shortcut
textsize:
title: Text size
browser_settings_table:
description: The accessible design of this website allows the user to choose the size of the text that suits him. This action can be carried out in different ways depending on the browser used.
browser_header: Browser
action_header: Action to be taken
rows:
- browser_column: Explorer
action_column: View > Text size
- browser_column: Firefox
action_column: View > Size
- browser_column: Chrome
action_column: Settings (icon) > Options > Advanced > Web Content > Text size
- browser_column: Safari
action_column: View > Zoom In/Zoom out
- browser_column: Opera
action_column: View > scale
browser_shortcuts_table:
description: 'Another way to modify the text size is to use the keyboard shortcuts defined in browsers, in particular the key combination:'
rows:
- shortcut_column: CTRL and + (CMD and + on MAC)
description_column: Increases text size
- shortcut_column: CTRL and - (CMD and - on MAC)
description_column: Descreases text size
compatibility:
title: Compatibility with standards and visual design
description_html: 'All pages of this website comply with the <strong> Accessibility Guidelines </strong> or General Principles of Accessible Design established by the Working Group <abbr title = "Web Accessibility Initiative" lang = "en"> WAI </ abbr> belonging to W3C.'
titles:
accessibility: Accessibility
conditions: Terms of use

View File

@@ -1,6 +1,9 @@
es:
pages:
conditions: Condiciones de uso
conditions:
title: Condiciones de uso
subtitle: AVISO LEGAL SOBRE LAS CONDICIONES DE USO, PRIVACIDAD Y PROTECCIÓN DE DATOS PERSONALES DEL PORTAL DE GOBIERNO ABIERTO
description: Página de información sobre las condiciones de uso, privacidad y protección de datos personales.
general_terms: Términos y Condiciones
help:
title: "%{org} es una plataforma de participación ciudadana"
@@ -65,7 +68,97 @@ es:
Si eres programador, puedes ver el código y ayudarnos a mejorarlo en [aplicación CONSUL](https://github.com/consul/consul 'github consul').
titles:
how_to_use: Utilízalo en tu municipio
privacy: Política de privacidad
privacy:
title: Política de privacidad
subtitle: AVISO DE PROTECCIÓN DE DATOS
info_items:
- text: La navegación por la informacion disponible en el Portal de Gobierno Abierto es anónima.
- text: Para utilizar los servicios contenidos en el Portal de Gobierno Abierto el usuario deberá darse de alta y proporcionar previamente los datos de carácter personal segun la informacion especifica que consta en cada tipo de alta.
- text: 'Los datos aportados serán incorporados y tratados por el Ayuntamiento de acuerdo con la descripción del fichero siguiente:'
- subitems:
- field: 'Nombre del fichero/tratamiento:'
description: NOMBRE DEL FICHERO
- field: 'Finalidad del fichero/tratamiento:'
description: Gestionar los procesos participativos para el control de la habilitación de las personas que participan en los mismos y recuento meramente numérico y estadístico de los resultados derivados de los procesos de participación ciudadana
- field: 'Órgano responsable:'
description: ÓRGANO RESPONSABLE
- text: El interesado podrá ejercer los derechos de acceso, rectificación, cancelación y oposición, ante el órgano responsable indicado todo lo cual se informa en el cumplimiento del artículo 5 de la Ley Orgánica 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal.
- text: Como principio general, este sitio web no comparte ni revela información obtenida, excepto cuando haya sido autorizada por el usuario, o la informacion sea requerida por la autoridad judicial, ministerio fiscal o la policia judicial, o se de alguno de los supuestos regulados en el artículo 11 de la Ley Orgánica 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal.
accessibility:
title: Accesibilidad
description: |-
La accesibilidad web se refiere a la posibilidad de acceso a la web y a sus contenidos por todas las personas, independientemente de las discapacidades (físicas, intelectuales o técnicas) que puedan presentar o de las que se deriven del contexto de uso (tecnológicas o ambientales).
Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos, por ejemplo:
examples:
- Proporcionando un texto alternativo a las imágenes, los usuarios invidentes o con problemas de visión pueden utilizar lectores especiales para acceder a la información.
- Cuando los vídeos disponen de subtítulos, los usuarios con dificultades auditivas pueden entenderlos plenamente.
- Si los contenidos están escritos en un lenguaje sencillo e ilustrados, los usuarios con problemas de aprendizaje están en mejores condiciones de entenderlos.
- Si el usuario tiene problemas de movilidad y le cuesta usar el ratón, las alternativas con el teclado le ayudan en la navegación.
keyboard_shortcuts:
title: '"Atajos" de teclado'
navigation_table:
description: Para poder navegar por este sitio web de forma accesible, se han programado un grupo de teclas de acceso rápido que recogen las principales secciones de interés general en los que está organizado el sitio.
caption: Atajos de teclado para el menú de navegación
key_header: Tecla
page_header: Página
rows:
- key_column: 0
page_column: Inicio
- key_column: 1
page_column: Debates
- key_column: 2
page_column: Propuestas
- key_column: 3
page_column: Votaciones
- key_column: 4
page_column: Presupuestos participativos
- key_column: 5
page_column: Procesos legislativos
browser_table:
description: 'Dependiendo del sistema operativo y del navegador que se utilice, la combinación de teclas será la siguiente:'
caption: Combinación de teclas dependiendo del sistema operativo y navegador
browser_header: Navegador
key_header: Combinación de teclas
rows:
- browser_column: Explorer
key_column: ALT + atajo y luego ENTER
- browser_column: Firefox
key_column: ALT + MAYÚSCULAS + atajo
- browser_column: Chrome
key_column: ALT + atajo (si es un MAC, CTRL + ALT + atajo)
- browser_column: Safari
key_column: ALT + atajo (si es un MAC, CMD + atajo)
- browser_column: Opera
key_column: MAYÚSCULAS + ESC + atajo
textsize:
title: Tamaño del texto
browser_settings_table:
description: El diseño accesible de este sitio web permite que el usuario pueda elegir el tamaño del texto que le convenga. Esta acción puede llevarse a cabo de diferentes maneras según el navegador que se utilice.
browser_header: Navegador
action_header: Acción a realizar
rows:
- browser_column: Explorer
action_column: Ver > Tamaño del texto
- browser_column: Firefox
action_column: Ver > Tamaño
- browser_column: Chrome
action_column: Ajustes (icono) > Opciones > Avanzada > Contenido web > Tamaño fuente
- browser_column: Safari
action_column: Visualización > ampliar/reducir
- browser_column: Opera
action_column: Ver > escala
browser_shortcuts_table:
description: 'Otra forma de modificar el tamaño de texto es utilizar los atajos de teclado definidos en los navegadores, en particular la combinación de teclas:'
rows:
- shortcut_column: CTRL y + (CMD y + en MAC)
description_column: para aumentar el tamaño del texto
- shortcut_column: CTRL y - (CMD y - en MAC)
description_column: para reducir el tamaño del texto
compatibility:
title: Compatibilidad con estándares y diseño visual
description_html: 'Todas las páginas de este sitio web cumplen con las <strong>Pautas de Accesibilidad</strong> o Principios Generales de Diseño Accesible establecidas por el Grupo de Trabajo <abbr title="Web Accessibility Initiative" lang="en">WAI</abbr> perteneciente al W3C.'
titles:
accessibility: Accesibilidad
conditions: Condiciones de uso

View File

@@ -3,7 +3,8 @@ he:
census_terms: כדי לאשר את החשבון, עליך להיות בגיל 18 ומעלה ולהיות רשום/ה במערכת. לאחר שסיפקת את המידע המבוקש בטופס האישור, המידע יאומת. בהסכמתך לתהליך האימות, את/ה גם מצהיר/ה שהמידע שנתת אינו כוזב, ומאמת גם את פרטי יצירת הקשר שמלאת בטפסים אלה. המידע שסופק יאומת בשיטה המפורטת קודם לכן בדף כללים ותנאי שימוש של אתר זה
conditions: כללים ותנאי שימוש
general_terms: כללים ותנאים
privacy: Privacy Policy
privacy:
title: Privacy Policy
titles:
accessibility: נגישות
conditions: תנאי שימוש

View File

@@ -15,7 +15,7 @@ feature "Custom Pages" do
expect(page).to have_title("Terms of use")
expect(page).to have_selector("h1", text: "Terms and conditions of use")
expect(page).to have_content("Página de información sobre las condiciones de uso, privacidad y protección de datos personales.")
expect(page).to have_content("Information page on the conditions of use, privacy and protection of personal data.")
expect(page).to have_content("Print this info")
end