From 4c9408f79ed6ccf2b81c4cfaf73cb34cf4d25eb4 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 27 Jul 2021 11:33:49 -0400 Subject: Remove link title attributes thats just the href es (#1737) * remove link 'title' attributes that's just the 'href' (es) * a couple more --- .../using_the_alert_role/index.html | 8 ++--- .../using_the_alertdialog_role/index.html | 8 ++--- .../using_the_aria-label_attribute/index.html | 4 +-- .../using_the_aria-required_attribute/index.html | 8 ++--- .../aria/forms/basic_form_hints/index.html | 10 +++--- files/es/web/accessibility/aria/forms/index.html | 2 +- files/es/web/accessibility/aria/index.html | 42 +++++++++++----------- 7 files changed, 41 insertions(+), 41 deletions(-) (limited to 'files/es/web/accessibility') diff --git a/files/es/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html b/files/es/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html index 1dc32c0bd0..e8bd99f940 100644 --- a/files/es/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html +++ b/files/es/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html @@ -15,7 +15,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role

Descripción

-

Esta técnica demuestra como usar el rol alert y describe el efecto que tiene en los navegadores y tecnologías de asistencia.

+

Esta técnica demuestra como usar el rol alert y describe el efecto que tiene en los navegadores y tecnologías de asistencia.

El rol de alerta es utilizado para comunicar un mensaje importante y normalmente urgente para el usuario. Cuando este rol es añadido a un elemento, el navegador envía un evento de alerta accesible a los productos de tecnología asistencial que notificarán al usuario sobre ésta. El rol de alerta es más útil para información que requiere la atención inmediata del usuario, por ejemplo:

@@ -101,7 +101,7 @@ document.getElementById("expirationWarning").className = "";

Notas 

@@ -115,7 +115,7 @@ document.getElementById("expirationWarning").className = "";

Atributos ARIA utilizados

Técnicas ARIA relacionadas

@@ -132,7 +132,7 @@ document.getElementById("expirationWarning").className = "";

Recursos adicionales

 

diff --git a/files/es/web/accessibility/aria/aria_techniques/using_the_alertdialog_role/index.html b/files/es/web/accessibility/aria/aria_techniques/using_the_alertdialog_role/index.html index 8ed9f03ef9..0b7e1e9212 100644 --- a/files/es/web/accessibility/aria/aria_techniques/using_the_alertdialog_role/index.html +++ b/files/es/web/accessibility/aria/aria_techniques/using_the_alertdialog_role/index.html @@ -16,7 +16,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_el_rol_alertdialog

Descripción

-

Esta técnica demuestra como usar el rol alertdialog.

+

Esta técnica demuestra como usar el rol alertdialog.

El rol alertdialog es utilizado para notificar al usuario información urgenete que demanden la atención inmediata del usuario. Como el nombre implica, alertdialog es un tipo de díalogo. Esto significa que la mayoría de las instrucciones proveidas en la técnica de ''usando el rol dialog' son aplicables al rol alertdialog también: 

@@ -71,9 +71,9 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_el_rol_alertdialog

Atributos ARIA utilizados

Técnicas ARIA relacionadas

diff --git a/files/es/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html b/files/es/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html index b8b319e518..58cdb96332 100644 --- a/files/es/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html +++ b/files/es/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html @@ -9,7 +9,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr ---
{{draft}}
-

El atributo 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 su lugar.

+

El atributo 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 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.

@@ -56,5 +56,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr

Recursos adicionales

diff --git a/files/es/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html b/files/es/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html index ec063afe9c..b6b45a05bc 100644 --- a/files/es/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html +++ b/files/es/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html @@ -8,7 +8,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_el_atributo_aria-re ---

Descripción

-

El atributo 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.

+

El atributo 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.

{{ HTMLVersionInline("5") }} ahora tiene el atributo required, pero aria-required todavía es útil para un agente de usuario que no soporta HTML5.

@@ -42,7 +42,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_el_atributo_aria-re

Ejemplos en acción:

-

Ejemplo de un Tooltip (incluye el uso del atributo aria-required)

+

Ejemplo de un Tooltip (incluye el uso del atributo aria-required)

Notas 

@@ -71,7 +71,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_el_atributo_aria-re

Recursos adicionales

diff --git a/files/es/web/accessibility/aria/forms/basic_form_hints/index.html b/files/es/web/accessibility/aria/forms/basic_form_hints/index.html index 0b12c2375c..1ea6a25868 100644 --- a/files/es/web/accessibility/aria/forms/basic_form_hints/index.html +++ b/files/es/web/accessibility/aria/forms/basic_form_hints/index.html @@ -36,7 +36,7 @@ original_slug: Web/Accessibility/ARIA/forms/consejos_basicos_para_formularios

Etiquetando con ARIA

-

El elemento HTML {{ HTMLElement("label") }} es apropiado para elementos relacionados a formularios, pero muchos controles de formulario son implementados como un widget dinámico de JavaScript, utilizando {{ HTMLElement("div") }}s o {{ HTMLElement("span") }}s. WAI-ARIA, la especificación Accessible Rich Internet Applications de W3C's Web Accessibility Initiative, provee el atributo aria-labelledby para estos casos.

+

El elemento HTML {{ HTMLElement("label") }} es apropiado para elementos relacionados a formularios, pero muchos controles de formulario son implementados como un widget dinámico de JavaScript, utilizando {{ HTMLElement("div") }}s o {{ HTMLElement("span") }}s. WAI-ARIA, la especificación Accessible Rich Internet Applications de W3C's Web Accessibility Initiative, provee el atributo aria-labelledby para estos casos.

El siguiente ejemplo muestra un grupo de radio buttons implementado usando una lista no ordenada. Note que en la línea 3, el elemento {{ HTMLElement("ul") }} define el atributo aria-labelledby a etiqueta_rg1, el id de elemento {{ HTMLElement("h3") }} en la línea 1, que es la etiqueta para el grupo de controles radio.

@@ -57,7 +57,7 @@ original_slug: Web/Accessibility/ARIA/forms/consejos_basicos_para_formularios

Describiendo con ARIA

-

Los controles de formulario en ocasiones tienen una descripción asociada con ellos, además de la descripción de la etiqueta. ARIA provee el atributo aria-describedby  para directamente asociar la descripción con el control.

+

Los controles de formulario en ocasiones tienen una descripción asociada con ellos, además de la descripción de la etiqueta. ARIA provee el atributo aria-describedby  para directamente asociar la descripción con el control.

El ejemplo siguiente muestra un elemento {{ HTMLElement("button") }} que es descrito por una oración de un diferento elemento {{ HTMLElement("div") }}. El atributo aria-describedby en el {{ HTMLElement("button") }} referencia al id del {{ HTMLElement("div") }}.

@@ -77,8 +77,8 @@ original_slug: Web/Accessibility/ARIA/forms/consejos_basicos_para_formularios

Los desarrolladores Web típicamente usan estrategias de presentación para inidicar campos requeridos o inválidos. Tecnologías asistivas (Assistive technologies - ATs) no necesariamente pueden inferir de la presentación. ARIA provee atributos para indicar que controles de formulario son requeridos o inválidos:

El siguiente ejemplo muestra un formulario sencillo con tres campos. En las líneas 4 y 12, los atributos aria-required son establecidos a true (en adición a los asteriscos junto a las etiquetas), indicando que los campos de nombre y email son requeridos. La segunda parte del ejemplo, es un fragmento de código de JavaScript que valida el formato del email, y establece el atributo aria-invalid del campo email (línea 12 del HTML) de acuerdo al resultado (adicionalmente de cambiar la presentación del elemento).

@@ -113,4 +113,4 @@ original_slug: Web/Accessibility/ARIA/forms/consejos_basicos_para_formularios

Lea como usar alertas ARIA para mejorar formularios.

-

Para mayor orientación en el uso de ARIA para la accesibilidad de los formularios, vea el documento Prácticas de Autoria WAI-ARIA (WAI-ARIA Authoring Practices).

+

Para mayor orientación en el uso de ARIA para la accesibilidad de los formularios, vea el documento Prácticas de Autoria WAI-ARIA (WAI-ARIA Authoring Practices).

diff --git a/files/es/web/accessibility/aria/forms/index.html b/files/es/web/accessibility/aria/forms/index.html index fc1f08cb9d..995232842e 100644 --- a/files/es/web/accessibility/aria/forms/index.html +++ b/files/es/web/accessibility/aria/forms/index.html @@ -14,4 +14,4 @@ translation_of: Web/Accessibility/ARIA/forms
  • Etiquetas complejas: Habilitación de etiquetas complejas con elementos en su interior
    • -

    Consulta también el artículo de Yahoo! sobre validación de formularios y ARIA (recuperado desde archive.org), que abarca gran parte del mismo contenido.

    +

    Consulta también el artículo de Yahoo! sobre validación de formularios y ARIA (recuperado desde archive.org), que abarca gran parte del mismo contenido.

    diff --git a/files/es/web/accessibility/aria/index.html b/files/es/web/accessibility/aria/index.html index bc0a720962..c0990df887 100644 --- a/files/es/web/accessibility/aria/index.html +++ b/files/es/web/accessibility/aria/index.html @@ -26,10 +26,10 @@ translation_of: Web/Accessibility/ARIA
    Introducción a ARIA
    -
    Una Rápida introducción a la creación de contenido dinámico accesible con ARIA. También revisa el clásico ARIA intro by Gez Lemon, de 2008.
    +
    Una Rápida introducción a la creación de contenido dinámico accesible con ARIA. También revisa el clásico ARIA intro by Gez Lemon, de 2008.
    Preguntas frecuentes sobre Aplicaciones Web y ARIA
    Responde preguntas comunes acerca de WAI-ARIA y por qué es necesario para hacer aplicaciones web accesibles.
    -
    Videos de Lectores de Pantalla usando ARIA
    +
    Videos de Lectores de Pantalla usando ARIA
    Mira ejemplos reales y simplificados de toda la web, incluyendo videos "antes" y "despues" de ARIA.
    Usando ARIA en HTML
    Una guía practica para desarrolladores. Sugiere que atributos ARIA usar en elementos HTML. Las sugerencias están basadas en implementaciones reales.
    @@ -38,13 +38,13 @@ translation_of: Web/Accessibility/ARIA

    Mejoras sencillas de ARIA

    -
    Mejorando la navegación de página con ARIA Landmarks
    -
    Una buena escusa para introducirte al uso del marcado ARIA es la mejora de la navegación web para los usuarios de lectores de patalla. Ver también, ARIA landmark notas de implementación y ejemplos en sitios reales (actualizado en Julio 11).
    +
    Mejorando la navegación de página con ARIA Landmarks
    +
    Una buena escusa para introducirte al uso del marcado ARIA es la mejora de la navegación web para los usuarios de lectores de patalla. Ver también, ARIA landmark notas de implementación y ejemplos en sitios reales (actualizado en Julio 11).
    Mejorando accesibilidad de formularios
    ARIA no es sólo para contenido dinámico! Aprende como mejorar la accesibilidad de formularios HTML usando atributos adicionales de ARIA. 
    Live regions (work-in-progress)
    Live regions provide suggestions to screen readers about how to handle changes to the contents of a page.
    -
    Using ARIA Live Regions to Announce Content Changes
    +
    Using ARIA Live Regions to Announce Content Changes
    A quick summary of live regions, by the makers of JAWS screen reader software. Note that live regions are also supported by NVDA in Firefox, and VoiceOver with Safari (as of OS X Lion and iOS 5).
    @@ -52,8 +52,8 @@ translation_of: Web/Accessibility/ARIA
    Keyboard Navigation and Focus for JavaScript Widgets
    -
    The first step in developing an accessible JavaScript widget is to make it keyboard navigable. This article steps through the process. The Yahoo! focus management article is a great resource as well.
    -
    Style Guide for Keyboard Navigation
    +
    The first step in developing an accessible JavaScript widget is to make it keyboard navigable. This article steps through the process. The Yahoo! focus management article is a great resource as well.
    +
    Style Guide for Keyboard Navigation
    A challenge with ARIA is getting developers to implement consistent behavior -- clearly best for users. This style guide describes the keyboard interface for common widgets.
    @@ -62,9 +62,9 @@ translation_of: Web/Accessibility/ARIA
    Widget Techniques, Tutorials, and Examples
    Need a slider, a menu, or another kind of widget? Find resources here.
    -
    Librerías de UI JavaScript con soporte ARIA
    +
    Librerías de UI JavaScript con soporte ARIA
    Si necesita comenzar un nuevo proyecto, elija una librería de controles UI que incluya soporte ARIA. Advertencia: esto es del 2009 -- el contenido debe moverse a una página MDN donde pueda actualizarse.
    -
    Accessibility of HTML5 and Rich Internet Applications - CSUN 2012 Workshop Materials
    +
    Accessibility of HTML5 and Rich Internet Applications - CSUN 2012 Workshop Materials
    Incluye diapositivas y ejemplos.
    @@ -72,7 +72,7 @@ translation_of: Web/Accessibility/ARIA

    Lista de correo

    -
    Free ARIA Google Group
    +
    Free ARIA Google Group
    A place to ask questions about ARIA, as well as make suggestions for improving the ARIA documentation found on these pages.
    @@ -80,9 +80,9 @@ translation_of: Web/Accessibility/ARIA

    ARIA information on blogs tends to get out of date quickly. Still, there is some great info out there from other developers making ARIA work today.

    -

    Paciello Group

    +

    Paciello Group

    -

    Accessible Culture

    +

    Accessible Culture

    Filing Bugs

    @@ -94,31 +94,31 @@ translation_of: Web/Accessibility/ARIA
    ARIA Examples Library
    A set of barebones example files which are easy to learn from.
    Accessible JS Widget Library Demos
    -
    Dojo, jQuery, Fluid, YUI
    +
    Dojo, jQuery, Fluid, YUI
    -
    Yahoo! Mail
    -
    Yahoo! puts it all together with Yahoo! Mail, a web app that almost looks like a native app. It works very well. As a review of Yahoo! Mail by screen reader Marco Zehe says, "Keep up the good work!".
    +
    Yahoo! Mail
    +
    Yahoo! puts it all together with Yahoo! Mail, a web app that almost looks like a native app. It works very well. As a review of Yahoo! Mail by screen reader Marco Zehe says, "Keep up the good work!".
    -
    Yahoo! Search
    -
    Yahoo! has done an amazing job of advancing ARIA here, by exercising ARIA's full capabilities and sharing their techniques. Yahoo! Search uses a combination of ARIA landmarks, live regions, and widgets.
    +
    Yahoo! Search
    +
    Yahoo! has done an amazing job of advancing ARIA here, by exercising ARIA's full capabilities and sharing their techniques. Yahoo! Search uses a combination of ARIA landmarks, live regions, and widgets.

    Standardization Efforts

    -
    WAI-ARIA Activities Overview at W3C
    +
    WAI-ARIA Activities Overview at W3C
    Authoritative Overview of WAI-ARIA Standardization efforts by the Web Accessibility Initiative (WAI)
    -
    WAI-ARIA Specification
    +
    WAI-ARIA Specification
    The W3C specification itself, useful as a reference. Note that, at this stage, it is important to test compatibility, as implementations are still inconsistent.
    -
    WAI-ARIA Authoring Practices
    +
    WAI-ARIA Authoring Practices
    Like the W3C WAI-ARIA specification, the official best practices represents a future ideal -- a day when authors can rely on consistent ARIA support across browsers and screen readers. The W3C documents provide an in-depth view of ARIA.

    For now, web developers implementing ARIA should maximize compatibility. Use best practices docs and examples based on current implementations.
    -
    Open AJAX Accessibility Task Force
    +
    Open AJAX Accessibility Task Force
    The Open AJAX effort centers around developing tools, sample files, and automated tests for ARIA.
    Under Construction: WCAG 2.0 ARIA Techniques
    The community needs a complete set of WCAG techniques for WAI-ARIA + HTML, so that organizations can be comfortable claiming their ARIA-enabled content is WCAG compliant. This is mostly important when regulations or policies are based on WCAG.
    -- cgit v1.2.3-54-g00ecf