chore(es): add sidebars from en-US

mdn · Jun 5, 2024 · 94ae204 · 94ae204
1 parent 46521d3
commit 94ae204
Show file tree

Hide file tree

Showing 270 changed files with 485 additions and 55 deletions.
diff --git a/.../es/learn/common_questions/design_and_accessibility/common_web_layouts/index.md b/.../es/learn/common_questions/design_and_accessibility/common_web_layouts/index.md
@@ -3,6 +3,8 @@ title: ¿Qué contienen los diseños web comunes?
 slug: Learn/Common_questions/Design_and_accessibility/Common_web_layouts
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 Cuando diseña páginas para su sitio web es bueno tener una idea de los diseños más comunes.
 
 <table>

diff --git a/...learn/common_questions/design_and_accessibility/thinking_before_coding/index.md b/...learn/common_questions/design_and_accessibility/thinking_before_coding/index.md
@@ -3,6 +3,8 @@ title: ¿Cómo empiezo a diseñar mi sitio web?
 slug: Learn/Common_questions/Design_and_accessibility/Thinking_before_coding
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 Este artículo cubre el primer paso importante de cada proyecto: definir lo que se desea lograr con él.
 
 <table>

diff --git a/files/es/learn/common_questions/tools_and_setup/how_much_does_it_cost/index.md b/files/es/learn/common_questions/tools_and_setup/how_much_does_it_cost/index.md
@@ -3,6 +3,8 @@ title: ¿Cuánto cuesta hacer algo en la Web?
 slug: Learn/Common_questions/Tools_and_setup/How_much_does_it_cost
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 Dedicarse a la web no es tan barato como parece. En este artículo discutimos cuánto puedes tener que gastar, y por qué.
 
 <table>

diff --git a/...s/learn/common_questions/tools_and_setup/set_up_a_local_testing_server/index.md b/...s/learn/common_questions/tools_and_setup/set_up_a_local_testing_server/index.md
@@ -3,6 +3,8 @@ title: ¿Cómo se configura un servidor de prueba local?
 slug: Learn/Common_questions/Tools_and_setup/set_up_a_local_testing_server
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 En este artículo explica cómo configurar un servidor de prueba local simple en su equipo y los conceptos básicos de cómo utilizarlo.
 
 <table>

diff --git a/files/es/learn/common_questions/tools_and_setup/using_github_pages/index.md b/files/es/learn/common_questions/tools_and_setup/using_github_pages/index.md
@@ -3,6 +3,8 @@ title: ¿Cómo se utiliza Github pages?
 slug: Learn/Common_questions/Tools_and_setup/Using_GitHub_pages
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 [GitHub](https://github.com/) es un sitio "social coding". Te permite subir repositorios de código para almacenarlo en el **sistema de control de versiones** [Git](http://git-scm.com/). Tu puedes colaborar en proyectos de código, y el sistema es código abierto por defecto, lo que significa que cualquiera en el mundo puede encontrar tu código en GitHub, usarlo, aprender de el, y mejorarlo. ¡Tú puedes hacer eso con el código de otras personas tambien! Este artículo provee una guía básica para publicar contenido usando la característica gh-pages de Github.
 
 ## Publicando contenido

diff --git a/...earn/common_questions/tools_and_setup/what_are_browser_developer_tools/index.md b/...earn/common_questions/tools_and_setup/what_are_browser_developer_tools/index.md
@@ -3,6 +3,8 @@ title: ¿Cuáles son las herramientas de desarrollo del navegador?
 slug: Learn/Common_questions/Tools_and_setup/What_are_browser_developer_tools
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 Todos los navegadores web modernos incluyen un potente conjunto de herramientas para desarrolladores. Estas herramientas hacen una variedad de cosas, desde inspeccionar HTML, CSS y JavaScript actualmente cargados, hasta mostrar qué activos ha solicitado la página y cuánto tiempo tardaron en cargarse. Este artículo explica cómo utilizar las funciones básicas de las herramientas de desarrollo de tu navegador.
 
 > **Nota:** Antes de ejecutar los siguientes ejemplos, abre el [sitio de ejemplo para principiantes](http://mdn.github.io/beginner-html-site-scripted/) que creamos durante la serie de artículos [Introducción a la Web](/es/Learn/Getting_started_with_the_web). Lo deberías tener abierto mientras sigues los pasos que explicamos a continuación.

diff --git a/files/es/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/es/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -3,6 +3,8 @@ title: ¿Qué software necesito para construir un sitio web?
 slug: Learn/Common_questions/Tools_and_setup/What_software_do_I_need
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 En este artículo se explican cuales componentes de software necesita para editar, cargar, o visualizar un sitio web.
 
 <table>

diff --git a/files/es/learn/common_questions/web_mechanics/how_does_the_internet_work/index.md b/files/es/learn/common_questions/web_mechanics/how_does_the_internet_work/index.md
@@ -3,6 +3,8 @@ title: ¿Cómo funciona Internet?
 slug: Learn/Common_questions/Web_mechanics/How_does_the_Internet_work
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 En este artículo se describe qué es Internet y cómo funciona.
 
 <table>

diff --git a/.../common_questions/web_mechanics/pages_sites_servers_and_search_engines/index.md b/.../common_questions/web_mechanics/pages_sites_servers_and_search_engines/index.md
@@ -3,6 +3,8 @@ title: ¿Cuál es la diferencia entre la página web, el sitio web, el servidor
 slug: Learn/Common_questions/Web_mechanics/Pages_sites_servers_and_search_engines
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 En este artículo se describen varios conceptos referidos a la web: Páginas web, sitios web, servidores web, y motores de búsqueda. Estos términos con frecuencia son confundidos por recién llegados a la web, o son incorrectamente usados. ¡Vamos a aprender qué significa cada uno!
 
 <table>

diff --git a/files/es/learn/common_questions/web_mechanics/what_are_hyperlinks/index.md b/files/es/learn/common_questions/web_mechanics/what_are_hyperlinks/index.md
@@ -3,6 +3,8 @@ title: ¿Qué son los hipervínculos?
 slug: Learn/Common_questions/Web_mechanics/What_are_hyperlinks
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 En este artículo, repasaremos qué son los hipervínculos y por qué son importantes.
 
 <table>

diff --git a/files/es/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md b/files/es/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md
@@ -3,6 +3,8 @@ title: ¿Qué es un nombre de dominio?
 slug: Learn/Common_questions/Web_mechanics/What_is_a_domain_name
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 En este artículo discutiremos acerca de los nombres de los dominios: qué son, cómo se estructuran y cómo conseguir uno.
 
 <table>

diff --git a/files/es/learn/common_questions/web_mechanics/what_is_a_url/index.md b/files/es/learn/common_questions/web_mechanics/what_is_a_url/index.md
@@ -3,6 +3,8 @@ title: ¿Qué es una URL?
 slug: Learn/Common_questions/Web_mechanics/What_is_a_URL
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 Este artículo habla sobre las Uniform Resource Locators (URLs), explicando qué son y cómo se estructuran.
 
 <table>

diff --git a/files/es/learn/common_questions/web_mechanics/what_is_a_web_server/index.md b/files/es/learn/common_questions/web_mechanics/what_is_a_web_server/index.md
@@ -3,6 +3,8 @@ title: ¿Qué es un servidor WEB?
 slug: Learn/Common_questions/Web_mechanics/What_is_a_web_server
 ---
 
+{{QuicklinksWithSubPages("Learn/Common_questions")}}
+
 En este articulo veremos que son los servidores, cómo funcionan y por qué son importantes.
 
 <table>

diff --git a/files/es/learn/css/howto/css_faq/index.md b/files/es/learn/css/howto/css_faq/index.md
@@ -3,6 +3,8 @@ title: Preguntas frecuentes sobre CSS
 slug: Learn/CSS/Howto/CSS_FAQ
 ---
 
+{{LearnSidebar}}
+
 #### Mi CSS es válida, pero no se representa correctamente
 
 Los navegadores utilizan la declaración `DOCTYPE` para elegir entre mostrar el documento usando un modo que sea más compatible con los estándares de la Web o mostrarlo con los fallos de los navegadores antiguos. El uso de una declaración `DOCTYPE` correcta y moderna al inicio del código HTML mejorará el cumplimiento de los estándares del navegador.

diff --git a/files/es/learn/forms/index.md b/files/es/learn/forms/index.md
@@ -3,6 +3,8 @@ title: Formularios en HTML5
 slug: Learn/Forms
 ---
 
+{{LearnSidebar}}
+
 Los elementos y atributos para formularios en HTML5 proveen un mayor grado de marcado semántico que en HTML4 y eliminan gran parte del tedioso trabajo de programar y diseñar que se necesitaba en HTML4. Las funcionalidades de los formularios en HTML5 brindan una experiencia mejor para los usuarios al permitir que los formularios tengan un comportamiento más consistente entre diferentes sitios web y al darle una devolución inmediata acerca de la información ingresada. También proveen esta experiencia a los usuarios que han deshabilitado javascript en sus navegadores.
 
 Este documento describe los elementos nuevos o que han cambiado que están disponibles en Gecko/Firefox.

diff --git a/files/es/learn/html/howto/author_fast-loading_html_pages/index.md b/files/es/learn/html/howto/author_fast-loading_html_pages/index.md
@@ -3,6 +3,8 @@ title: Consejos para la creación de páginas HTML de carga rápida
 slug: Learn/HTML/Howto/Author_fast-loading_HTML_pages
 ---
 
+{{QuickLinksWithSubpages("/en-US/docs/Learn/HTML/Howto")}}
+
 ## Consejos para la creación de páginas HTML de carga rápida
 
 Estos consejos estan basados en conocimiento común y experimentación.

diff --git a/files/es/learn/html/multimedia_and_embedding/index.md b/files/es/learn/html/multimedia_and_embedding/index.md
@@ -3,6 +3,8 @@ title: Multimedia e inserción
 slug: Learn/HTML/Multimedia_and_embedding
 ---
 
+{{LearnSidebar}}
+
 Hemos visto mucho texto hasta ahora en este curso, pero la web sería realmente aburrida solo usando textos. ¡Comencemos observando como hacer que la web cobre vida, con mucho más contenido interesante! Este módulo te acompañará a explorar maneras de usar HTML para incluir multimedia a tus páginas web, y las diferentes formas en la que podrás hacerlo, incluyendo como enlazar videos, audios e incluso otras páginas webs.
 
 ## Requisitos previos

diff --git a/files/es/learn/javascript/client-side_web_apis/fetching_data/index.md b/files/es/learn/javascript/client-side_web_apis/fetching_data/index.md
@@ -3,6 +3,8 @@ title: AJAX
 slug: Learn/JavaScript/Client-side_web_APIs/Fetching_data
 ---
 
+{{LearnSidebar}}
+
 **[Primeros Pasos](/es/docs/Web/Guide/AJAX/Getting_Started)**
 Una introducción a AJAX.
 

diff --git a/files/es/learn/server-side/configuring_server_mime_types/index.md b/files/es/learn/server-side/configuring_server_mime_types/index.md
@@ -3,6 +3,8 @@ title: Configurar correctamente los tipos MIME del servidor
 slug: Learn/Server-side/Configuring_server_MIME_types
 ---
 
+{{LearnSidebar}}
+
 ### Introduccion
 
 Por omisión, muchos servidores web estan configurados para reportar un tipo MIME de `texto/plano` ó `aplicacion/de fuente de octeto` para tipos de contenidos desconocidos. A medida son desarrollados nuevos tipos de contenidos, los administradores de red pueden equivocarse al añadirlos a la configuración del servidor web, y esta es la principal causa de problemas para usuarios de navegadores basados en Gecko, el cual respeta los tipos MIME tal y como son reportados por los servidores y las aplicaciones web.

diff --git a/files/es/learn/server-side/django/index.md b/files/es/learn/server-side/django/index.md
@@ -3,6 +3,8 @@ title: Framework Web Django (Python)
 slug: Learn/Server-side/Django
 ---
 
+{{LearnSidebar}}
+
 Django es un framework web extremadamente popular y completamente funcional, escrito en Python. El módulo muestra por qué Django es uno de los frameworks de servidores web más populares, cómo configurar un entorno de desarrollo y cómo empezar a usarlo para crear tus propias aplicaciones web.
 
 ## Requisitos Previos

diff --git a/files/es/mdn/at_ten/index.md b/files/es/mdn/at_ten/index.md
@@ -3,6 +3,8 @@ title: MDN en 10
 slug: MDN/At_ten
 ---
 
+{{MDNSidebar}}
+
 ## La historia de MDN (Mozilla Developers Network)
 
 Celebra 10 años documentando tu Web.

diff --git a/files/es/mozilla/add-ons/webextensions/api/index.md b/files/es/mozilla/add-ons/webextensions/api/index.md
@@ -3,6 +3,8 @@ title: API
 slug: Mozilla/Add-ons/WebExtensions/API
 ---
 
+{{AddonSidebar}}
+
 Las API de JavaScript para las Extensiones Web se pueden usar dentro de los [scripts en segundo plano](/es/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts) de la extensión y en cualquier otro documento contenido en la extensión, incluyendo las ventanas emergentes de [acción de página](/es/docs/Mozilla/Add-ons/WebExtensions/Page_actions) o [acción del navegador](/es/docs/Mozilla/Add-ons/WebExtensions/Browser_action), [barras laterales](/es/docs/Mozilla/Add-ons/WebExtensions/Sidebars), [páginas de opciones](/es/docs/Mozilla/Add-ons/WebExtensions/Options_pages) o [páginas de pestañas nuevas](/es/Add-ons/WebExtensions/manifest.json/chrome_url_overrides). A algunas de estas API también se puede acceder mediante los [scripts de contenido](/es/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Content_scripts) de una extensión ( consulte la [lista en la guía de script de contenido](/es/Add-ons/WebExtensions/Content_scripts#WebExtension_APIs)).
 
 Para usar API más poderosas debes [solicitar permiso](/es/Add-ons/WebExtensions/manifest.json/permissions) en manifest.json en tu extensión.

diff --git a/files/es/mozilla/add-ons/webextensions/chrome_incompatibilities/index.md b/files/es/mozilla/add-ons/webextensions/chrome_incompatibilities/index.md
@@ -3,6 +3,8 @@ title: Incompatibilidades con Chrome
 slug: Mozilla/Add-ons/WebExtensions/Chrome_incompatibilities
 ---
 
+{{AddonSidebar}}
+
 WebExtensions está diseñado para ser compatible con las extensiones de Chrome y Opera: en la medida de lo posible, las extensiones escritas para esos navegadores deberían ejecutarse en Firefox con cambios mínimos.
 
 Sin embargo, Firefox cuenta actualmente con soporte para sólo un conjunto limitado de funciones y API compatibles con Chrome y Opera. Estamos trabajando en agregar más soporte, pero muchas características aún no son compatibles, y es posible que nunca admitamos algunas.

diff --git a/files/es/mozilla/index.md b/files/es/mozilla/index.md
@@ -3,4 +3,6 @@ title: Mozilla
 slug: Mozilla
 ---
 
+{{FirefoxSidebar}}
+
 Esta página fue auto-generada ya que un usuario creó una sub-página a esta página.
diff --git a/files/es/web/accessibility/aria/attributes/aria-label/index.md b/files/es/web/accessibility/aria/attributes/aria-label/index.md
@@ -3,6 +3,8 @@ title: Utilizando el atributo  aria-label
 slug: Web/Accessibility/ARIA/Attributes/aria-label
 ---
 
+{{AccessibilitySidebar}}
+
 El atributo [`aria-label`](https://www.w3.org/TR/wai-aria/#aria-label) se utiliza para definir una cadena que etiqueta el elemento actual. Úselo en los casos en que no haya una etiqueta de texto visible en pantalla. Si hay texto visible etiquetando el elemento, utilice [aria-labelledby](/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) en su lugar.
 
 Este atributo puede ser utilizado con cualquier elemento HTML típico; no se limita a los elementos que tienen un papel ARIA asignado.

diff --git a/files/es/web/accessibility/aria/attributes/aria-required/index.md b/files/es/web/accessibility/aria/attributes/aria-required/index.md
@@ -3,6 +3,8 @@ title: Usando el atributo aria-required
 slug: Web/Accessibility/ARIA/Attributes/aria-required
 ---
 
+{{AccessibilitySidebar}}
+
 ### Descripción
 
 El atributo [`aria-required`](http://www.w3.org/TR/wai-aria/states_and_properties#aria-required) es usado para indicar al usuario que un input es requerido en un elemento antes de que un form pueda ser enviado. Este atributo puede ser usado en un form con cualquier elemento HTML típico; no se limita a elementosque tengan un `role` ARIA asignado.

diff --git a/files/es/web/accessibility/aria/index.md b/files/es/web/accessibility/aria/index.md
@@ -3,6 +3,8 @@ title: ARIA
 slug: Web/Accessibility/ARIA
 ---
 
+{{AccessibilitySidebar}}
+
 Accessible Rich Internet Applications **(<abbr>ARIA</abbr>)** es una colección de atributos que definen como realizar contenido y aplicaciónes web (especialmente las desarrolladas con Javascript) más accesibles para las personas con discapacidades.
 
 Complementa HTML para que las interacciones y los widgets que se usan comúnmente en las aplicaciones puedan ser correctamente interpretadas por las tecnologías de asistencia cuando no existe otro mecanismo. Por ejemplo, ARIA habilita accesibilidad a widgets de JavaScript, sugerencias de formularios, mensajes de error, actualizaciones de contenido en vivo y más.

diff --git a/files/es/web/accessibility/aria/multipart_labels/index.md b/files/es/web/accessibility/aria/multipart_labels/index.md
@@ -3,6 +3,8 @@ title: "Etiquetas complejas: Utilizando ARIA para etiquetas con campos embebidos
 slug: Web/Accessibility/ARIA/Multipart_labels
 ---
 
+{{AccessibilitySidebar}}
+
 ## Problema
 
 Tiene un formulario donde le pregunta a su usuario una pregunta, pero la respuesta es mencionada en la misma pregunta. Un ejemplo clásico que todos conocemos de las configuraciones de nuestro navegador es la opción "Eliminar el historial despues de x días". "Eliminar el historial despues" está a la izquierda de la caja de texto, x es el número, por ejemplo 21, y la palabra "días" sigue a la caja de texto, formando una oración que es fácil de comprender.

diff --git a/files/es/web/accessibility/aria/roles/alert_role/index.md b/files/es/web/accessibility/aria/roles/alert_role/index.md
@@ -3,6 +3,8 @@ title: Using the alert role
 slug: Web/Accessibility/ARIA/Roles/alert_role
 ---
 
+{{AccessibilitySidebar}}
+
 ### Descripción
 
 Esta técnica demuestra como usar el rol [alert](https://www.w3.org/TR/wai-aria-1.1/#alert) y describe el efecto que tiene en los navegadores y tecnologías de asistencia.

diff --git a/files/es/web/accessibility/aria/roles/alertdialog_role/index.md b/files/es/web/accessibility/aria/roles/alertdialog_role/index.md
@@ -3,6 +3,8 @@ title: Usando el rol alertdialog
 slug: Web/Accessibility/ARIA/Roles/alertdialog_role
 ---
 
+{{AccessibilitySidebar}}
+
 ### Descripción
 
 Esta técnica demuestra como usar el rol [`alertdialog`](http://www.w3.org/TR/2009/WD-wai-aria-20091215/roles#alertdialog).

diff --git a/files/es/web/accessibility/index.md b/files/es/web/accessibility/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: acebfb2b738c2b3d7caf73607000f1aa4b4393d1
 ---
 
+{{AccessibilitySidebar}}
+
 La **accesibilidad web** (a menudo abreviada como **A11y** — como "a", luego 11 caracteres, y luego "y") se refiere a la posibilidad de acceso a los diferentes sitios web y a todo su contenido por todas las personas, independientemente de sus limitaciones físicas (discapacidad) o las derivadas del contexto de uso (tecnológicas o ambientales).
 
 Para muchas personas, la tecnología facilita las cosas. Para las personas con algun tipo de discapacidad, la tecnología hace las cosas posibles. Accesibilidad significa desarrollar contenido para que sea lo más accesible posible sin importar las habilidades físicas y cognitivas de un individuo y sin importar cómo acceda a la web.

diff --git a/files/es/web/accessibility/understanding_wcag/index.md b/files/es/web/accessibility/understanding_wcag/index.md
@@ -3,6 +3,8 @@ title: Understanding the Web Content Accessibility Guidelines
 slug: Web/Accessibility/Understanding_WCAG
 ---
 
+{{AccessibilitySidebar}}
+
 Esto es parte de un grupo de artículos que explican rápidamente los pasos necesario para cumplir con la normativa de W3C Web Content Accessibility Guides 2.0 o 2.1 (también conocida como WCAG).
 
 La norma WCAG 2.0 y 2.1 provee unas guías detalladas para lograr que el contenido de nuestro sitio sea accesible para personas con distintos tipos de discapacidades. Es exhaustivo y muy detallado, por lo que cuesta comprenderlo rápidamente. Por esta razón, hemos resumido los pasos a seguir para que puedas cumplir con las diferentes recomendaciones e incluimos links al pie para más detalles en los lugares necesarios.

diff --git a/files/es/web/accessibility/understanding_wcag/keyboard/index.md b/files/es/web/accessibility/understanding_wcag/keyboard/index.md
@@ -3,6 +3,8 @@ title: Teclado (Keyboard)
 slug: Web/Accessibility/Understanding_WCAG/Keyboard
 ---
 
+{{AccessibilitySidebar}}
+
 Para ser completamente accesible, una página web debe ser operable por alguién utilizando únicamente un teclado para acceder y controlarla. Esto incluye usuarios de lectores de pantalla, pero también puede incluir a quienes tienen dificultades utilizando un dispositivo apuntador como un ratón o una bola de rastreo, o aquellos cuyo ratón no esta funcionando temporalmente, o la gente que simplemente prefiere usar un teclado como entrada siempre que les sea posible.
 
 ## Los elementos enfocables deben tener una semántica interactiva

diff --git a/files/es/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md b/files/es/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md
@@ -3,6 +3,8 @@ title: Contraste del color
 slug: Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast
 ---
 
+{{AccessibilitySidebar}}
+
 El [contraste del color](https://www.w3.org/TR/WCAG21/#dfn-contrast-ratio) entre el fondo y el contenido del primer plano (que suele ser texto) debe ser lo suficientemente alto como para garantizar la legibilidad.
 
 Al diseñar interfaces legibles para diferentes capacidades de visión, las directrices de la WCAG recomiendan las siguientes relaciones de contraste:

diff --git a/files/es/web/accessibility/understanding_wcag/perceivable/index.md b/files/es/web/accessibility/understanding_wcag/perceivable/index.md
@@ -3,6 +3,8 @@ title: Perceivable
 slug: Web/Accessibility/Understanding_WCAG/Perceivable
 ---
 
+{{AccessibilitySidebar}}
+
 Este artículo ofrece consejos prácticos sobre cómo hacer que tu sitio web cumpla con los criterios de **Percepción** de WCAG 2.0 y 2.1. Los estados perceptivos que los usuarios deben poder reconocer utilizando alguno de sus sentidos.
 
 > **Nota:** Para leer las definiciones de la W3C sobre Percepción y las guías para cumplir con los criterios dirígete a [Principle 1: Perceivable - Information and user interface components must be presentable to users in ways they can perceive.](https://www.w3.org/TR/WCAG21/#perceivable)

diff --git a/files/es/web/accessibility/understanding_wcag/text_labels_and_names/index.md b/files/es/web/accessibility/understanding_wcag/text_labels_and_names/index.md
@@ -3,6 +3,8 @@ title: Etiquetas de texto y nombres
 slug: Web/Accessibility/Understanding_WCAG/Text_labels_and_names
 ---
 
+{{AccessibilitySidebar}}
+
 Hay muchas situaciones en las cuales un control, dialogo o cualquier otra característica de un sitio web deberían recibir un nombre o etiqueta descriptiva para permitir a los usuarios de técnologías asistivas entender cual es su propósito y ser capaz de entenderlo y operarlo correctamente. Hay un número de diferentes tipos de problemas en esta categoría, dependientes del contexto, y cada uno tiene su propia solución. Los diferentes problemas y soluciones son discutidas en las secciones posteriores.
 
 ## Utilizar el atributo alt para etiquetar elementos que ocupen un área que tiene el atributo href

diff --git a/files/es/web/api/canvas_api/manipulating_video_using_canvas/index.md b/files/es/web/api/canvas_api/manipulating_video_using_canvas/index.md
@@ -3,6 +3,8 @@ title: Manipular video por medio de canvas
 slug: Web/API/Canvas_API/Manipulating_video_using_canvas
 ---
 
+{{DefaultAPISidebar("Canvas API")}}
+
 Al combinar las capacidades del elemento [`video`](/En/HTML/Element/Video) introducido en Firefox 3.5 con un elemento [`canvas`](/en/HTML/Canvas) , puedes manipular los datos de video en tiempo real para incorporar una variedad de efectos visuales que se mostrarán en el video. Este artículo, adaptado de [esta entrada del blog](http://blog.mozbox.org/post/2009/02/25/video-canvas%3A-special-effects) de Paul Rouget, muestra cómo realizar una inserción croma (también conocida como el "efecto pantalla verde") utilizando el código JavaScript.
 
 [Ver este ejemplo en vivo](/samples/video/chroma-key/index.xhtml) .

diff --git a/files/es/web/api/canvas_api/tutorial/drawing_text/index.md b/files/es/web/api/canvas_api/tutorial/drawing_text/index.md
@@ -3,6 +3,8 @@ title: Dibujar texto usando canvas
 slug: Web/API/Canvas_API/Tutorial/Drawing_text
 ---
 
+{{DefaultAPISidebar("Canvas API")}}
+
 El elemento [`<canvas>`](/es/HTML/Canvas) permite dibujar texto en él a través de una API experimental de Mozilla.
 
 ### API