¿Qué es la accesibilidad web y por qué es importante?
La accesibilidad web consiste en hacer que su sitio web sea accesible para todos los usuarios de Internet (tanto discapacitados como no discapacitados), independientemente de la tecnología de navegación que estén utilizando. Además de cumplir con la ley, un sitio web accesible puede generar grandes beneficios para su sitio web y su negocio.
Su sitio web debe poder funcionar con todas las diferentes tecnologías de navegación.
La primera y quizás la más importante regla de accesibilidad web. No todos usan la última versión de Internet Explorer, con todos los complementos y programas que puede necesitar para su sitio web. Las diferentes tecnologías de navegación, cada una con sus propios requisitos de accesibilidad, pueden incluir:
* Navegador Lynx: navegador de solo texto sin soporte para tablas, CSS, imágenes, JavaScript, Flash o contenido de audio y video
* WebTV – 560px de ancho con desplazamiento horizontal no disponible
* Lector de pantalla: el contenido de la página se lee en voz alta en el orden en que aparece en el documento HTML
* Dispositivo portátil: pantalla muy pequeña con soporte limitado para JavaScript e imágenes grandes
* Lupa de pantalla: pueden aparecer en la pantalla tan solo tres o cuatro palabras a la vez
* Conexión lenta (menos de 56 kb): los usuarios pueden desactivar las imágenes para permitir un tiempo de descarga más rápido
* Ancho de pantalla de 1600px – Pantalla muy ancha
Básicamente, esto significa que para garantizar que su sitio web sea accesible para todos, debe proporcionar alternativas a:
* Imágenes – en forma de texto ALT
* JavaScript – a través de la etiqueta
* Flash – con equivalentes HTML
* Audio y video: mediante el uso de subtítulos o transcripciones escritas
Para mejorar la accesibilidad del sitio web, también debe tener cuidado con el aspecto de sus páginas cuando se eliminó la compatibilidad con CSS y/o tablas.
Hay dos buenas maneras de verificar que su sitio web sea accesible para todos estos:
* Descargue el navegador Opera y lea este artículo sobre cómo verificar la accesibilidad web con Opera (http://www.sitepoint.com/article/checking-just-browser)
* Descarga el navegador Lynx desde http://lynx.browser.org y vea si puede acceder con éxito a cada parte de su sitio web
Los formularios deben ser accesibles para todos los usuarios de la web.
Cuando un usuario de la web completa un formulario, es una gran cosa. Las personas llenan formularios para:
* Comprar un producto
* Suscríbete a un boletín
* Hacer una pregunta
Estos son los objetivos de su sitio web! Un visitante del sitio puede mirar a través de su sitio, decide que le gusta lo que ve e intenta suscribirse a su boletín informativo.
… Pero él no puede acceder al formulario, por lo que hace clic y pierde un cliente potencial. La mayoría de los formularios en la web tienen problemas de accesibilidad. Las dos razones principales de esto son:
* El texto del aviso está colocado incorrectamente
* El texto del mensaje no está asignado a los elementos del formulario
(El texto de solicitud es el texto que aparece junto a cada elemento del formulario, por ejemplo, ‘nombre’, ‘correo electrónico’, ‘comentarios’)
Para obtener más información, lea este artículo sobre cómo hacer que sus formularios sean accesibles ( http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/accessible-forms-1.shtml ).
Debería ser fácil para todos los usuarios procesar rápidamente el contenido de su sitio web
Generalmente no leemos páginas web. Escaneamos, tratando de encontrar lo que estamos buscando lo más rápido posible. En un monitor normal, nos desplazamos hacia abajo en la página y observamos los elementos que se destacan del resto del texto: encabezados, enlaces, texto en negrita y viñetas. Los usuarios que no utilizan el teclado y los que tienen problemas de visión a menudo exploran las páginas con tabulaciones entre encabezados o enlaces.
Para garantizar la accesibilidad de su sitio web, utilice encabezados, enlaces, texto en negrita y viñetas y asegúrese de que contengan texto descriptivo. Por ejemplo, nunca use ‘haga clic aquí’ para el texto del enlace.
La estructura y la presentación deben estar completamente separadas.
Al separar la estructura y la presentación, su sitio web será accesible y estará listo para el futuro de Internet: PDA, teléfonos móviles, navegadores para automóviles, WebTV y pantallas de 1600 px.
La estructura de un documento es cómo está organizado, generalmente con elementos de menú de navegación, encabezados, subtítulos, párrafos, listas y enlaces. La presentación de un documento es cómo estas palabras e imágenes se presentan al usuario final.
El principio principal detrás de esta guía de accesibilidad es usar CSS y no tablas para diseñar sus páginas web. Consulte nuestra área de recursos de CSS para saber cómo usar CSS para aumentar la accesibilidad de su sitio web.
Separar la estructura y la presentación implica más que simplemente diseñar sus páginas web con CSS. Eche un vistazo a esta lista de elementos HTML que le indica qué elementos son estructurales y cuáles son de presentación. Para una accesibilidad web óptima, puede y debe evitar el uso de elementos de presentación, ya que pueden hacer que su sitio web sea menos accesible para ciertos usuarios.
El usuario final debe tener control sobre sus páginas web
Todos los usuarios de la web tienen requisitos únicos sobre cómo usan Internet, según el tipo de navegador que estén usando o cualquier tipo de discapacidad o impedimento que puedan tener. Al devolver el control a sus usuarios, mejorará la accesibilidad de su sitio web y los visitantes del sitio podrán usar su sitio web de la manera que mejor les convenga.
Esta pauta de accesibilidad podría significar permitir a los usuarios cambiar el tamaño del texto, advertirles cuando los enlaces se abrirán en una nueva ventana o proporcionar un enlace en la parte superior de la pantalla que lleve al usuario directamente al contenido de la página.
web
Viajes Universitarios by Viajes Fin de Curso
Transformación digital by Inteligencia de Negocios
#Accesibilidad #web #conceptos #básicos
Comentarios recientes