Campus Virtual UHU | Servicio de Enseñanza Virtual | Universidad de Huelva | www.uhu.es

Desde el Servicio de Enseñanza Virtual de la Universidad de Huelva hemos intentado desarrollar una web accesible para todos, y en este mismo empeño pretendemos hacer llegar a todo visitante de nuestra web la necesidad de adoptar este tipo de diseños. Si usted tiene algún problema de accesibilidad en nuestra web no dude en aportarnos sus sugerencias.

Es importante señalar que adoptamos esta metodología, no sólo por la propia convicción que nos mueve a ello, sino además por las ventajas que este tipo de diseños aporta:velocidad de carga y navegación, homogeneidad en la visualización de diferentes navegadores y sistemas operativos, compatibilidad con futuras modificaciones de los estándares Web, independencia del dispositivo (movil,tv,Internet...).

A continuación se exponen las medidas y comprobaciones adoptadas, que deseamos sirvan además como ayuda a aquellos que pretendan mejorar la accesibilidad de sus páginas.

Los estándares Web son un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales que determinan cómo crear e interpretar documentos basados en el Web.

Un sitio basado en estándares Web mostrará una mayor consistencia. Además, mediante el uso de XHTML para el contenido y de CSS para la presentación, el sitio puede transformarse rápidamente, independientemente del número de páginas que contenga.

XHTML, según el propio World Wide Web Consortium, es una "reformulación del estándar HTML", con el que es compatible al 100%. En XTHML las etiquetas siempre deben cerrarse y además deben estar correctamente jerarquizadas, una de sus característica más importante es que se prescinde de atributos de representación característicos en HTML. Un ejemplo de esto podría darse en la alineación del texto en un párrafo, donde la representación vendrá indicada por una reglas CSS que acompañará la página web. Se puede observar el código necesario en HTML <p align="justify"> texto </p> frente al código XHTML <p> texto </p> , la propiedad de alineamiento del parrafo en XHTML se explicitaría el su estilo p{text-align:justify;}, desde este momento cualquier parrafo que creemos estará justificado.

Existen básicamente dos niveles dentro de XHTML:XHTML 1.0 Strict y XHTML 1.0 Transitional, el primero se apoya exclusivamente en las CSS, mientras que el segundo permite la utilización de algunas etiquetas de formato. Las categorías Strict y Transitional, además de existir en el lenguaje XHTML también se dan en el HTML, con lo que tenemos HTML 4.01 Strict y HTML 4.01 Transitional. Es importante señalar que siempre que busquemos un diseño consistente, será preferible usar una versión estricta en vez de una versión transicional del lenguaje. El modo transicional es un tipo de documento en fase de transición, esto significa que no será usado permanentemente. Además esta declaración tiene como efecto el que algunos navegadores interpretarán el documento tratando de imitar un comportamiento antiguo y probablemente incorrecto, denominado modo casi-estándar.

Para validar estas tecnologías existen diferentes herramientas online. Las ofrecidas por el W3C son:

• Validación XHTML :http://validator.w3.org/
• Validación CSS :http://jigsaw.w3.org/css-validator/

Una vez validada su web puede hacer uso de sus distintivos para permitir a otros usuarios comprobar su nivel de adaptación a estos estándares haciendo clic sobre ellos.

 

 

#Arriba#

Según el propio World Wide Web Consortium

“ Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios ”

Estructuración

A la hora de decidir nuestro diseño normalmente comenzamos con un boceto, una imagen de cómo será nuestra página web, es decir, creamos el documento desde una perspectiva visual. Cuando se utilizan estándares para la Web se empieza con la estructura del documento, primero se crea la estructura y luego el estilo. Se trata de buscar el significado de las porciones de información:títulos, subtítulos, párrafos, citas...etc, el caso más común se da en el uso de tablas, que deben ser usadas para la representación de datos tabulados, y no para distribuir la pariencia visual de la página.

Recomendaciones

Además de la estructuración, existen una serie de recomendaciones prácticas ofrecidas por el W3C que pueden ser consultadas en el documento Pautas de Accesibilidad al Contenido en la Web 1.0, existe también una lista resumida que puede encontrar en la misma web. A pesar de que debido a su extensión puede ser complicado adaptarse plenamente a sus recomendaciones existen una serie de normas básicas que deberíamos tener siempre presente:

• Asignar un título de página significativo
• Presentar el contenido en orden de importancia
• Añadir títulos a los vinculos (title)
• Proveer de texto equivalente a las imágenes (alt)
• Ofrecer el resumen de las tablas (summary)
• Evitar abrir nuevas ventanas
• Ofrecer un mapa de la web completa
• Ofrecer una declaración de accesibilidad enumerando atajos de teclado, alternativas a la web...

Al igual que en el uso de los estándares, existen herramientas de comprobación que nos permitirán conocer el nivel conformidad con la recomendaciones de accesibilidad en nuestra página. El resultado puede variar entre un nivel de conformidad A hasta triple A, siendo este último el que indica una mayor conformidad con las pautas de accesibilidad. También podrán indicarnos las posibles mejoras o correciones que podemos aplicar a nuestra web para mejorar nuestra accesibilidad. Algunas de estas herramientas son:

• PISTA "Accesibilidad":Iniciativa del Ministerio de Industria, Turismo y Comercio
• TAW:Test de Accesibilidad Web
• HERA: Herramienta ofrecida por la organización SIDAR
• Examinator:http://www.accesible.com.ar/examinator
• Cynthia Says™ Portal:http://www.cynthiasays.com
• Webxact:http://Webxact.watchfire.com
• Functional Accessibility Evaluator:Functional Accessibility Evaluator University of Illinois

#Arriba#

Atajos de teclado

Se han habilitado teclas de acceso rápido que facilitan la navegación. Para utilizar estas teclas de acceso rápido en sistemas basados en Microsoft Windows se utiliza la combinación de teclas ALT + Tecla de acceso rápido (en Internet Explorer 4.0, Netscape, Mozilla Firebird) o ALT+Tecla de acceso rápido + Tecla ENTER (Internet Explorer 5 o superiores) o Tecla Mayúsculas + Esc para activar las teclas de acceso rápido en Opera; en sistemas basados en el sistema operativo MacOS puede utilizar la combinación CONTROL+Tecla de acceso rápido.

<a href="index.html" acceskey="A" title="Enlace a mi sitio. Acceso(A)">Enlace</a>

Los enlaces que permiten usar teclas de acceso rápido muestran subrrayado el caracter de acceso (Inicio). Se pueden utilizar las siguientes teclas de acceso rápido:

Teclas de acceso rápido

Tecla	Destino del atajo	Tecla	Destino del atajo
Tecla	Destino del atajo	Tecla	Destino del atajo
Grupos de enlaces
q	Menú Universidad de Huelva	w	Menú Principal Servicio Enseñanza Virtual
e	Menú Izquierdo	r	Menú Derecho
t	Pie de página
Menú superior
i	Inicio	a	Actividades
y	Ayuda	o	Recursos
c	Contacto
Menú izquierdo
s	Solicitudes y documentos	c	Campsu andaluz virtual
l	Titulaciones virtuales	u	Tutorias virtuales
p	Páginas de profesores
Pie
0	Accesibilidad	1	Usuario login WebCT
2	Botón de acceso	3	Mapa de la Web
4	Presentación normal	5	Tamaño de fuente +20%
6	Tamaño de fuente +40%	7	Tamaño de fuente +60%
8	Alto contraste	9	Subir arriba

 

Enlaces externos

En el sitio web del Servicio de Enseñanza Virtual existen dos tipos de enlaces:los que muestran el resultado en la misma página web del navegador, estos enlaces aparecen en negrita ( Universidad de Huelva ), y un segundo tipo de enlaces, los que se abren en una nueva página del navegador, estos además de aparecer en negrita mostrará una línea superior al situarse sobre él ( Universidad de Huelva ), si el enlace ya ha sido visitado dejará de aparecer en negrita.

Tamaños de fuente y contraste

El tamaño de la fuente de su navegador puede ser modificado a través de una combinación de teclas dependiente de cada navegador ( Crt y símbolo + en Firefox o a través de elementos del menú Ver->Tamaño del texto en Explorer 6 ). No obstante dispone de tres opciones para aumentar el tamaño de la web, estos enlaces se encuentran justo al final de la página:   A+   , aumentará un 20% el tamaño actual de la web,   A++   , aumentará un 40% el tamaño de la web, y   A+++   , aumentará un 60% el tamaño de la web, para volver al tamaño original debe presionar el enlace  Normal .

Además de modificar el tamaño de la web puede modificar su contraste para facilitar su lectura a través del enlace Contraste.

Independencia en el uso de Flash y JavaScript

El uso de Javascript está recomendado en web, con esta tecnología activada aumentará el nivel de usabilidad de la página, facilitándole el acceso a la información de manera más inmediata. No obstante, si por motivos de seguridad, por la antiguedad o simplemente por las carácteristicas de su navegador, tiene desactivado Javascript, los apartados de esta web seguirán siendo funcionales (excepto la sección de noticias externas y el apartado calendario).

A efectos prácticos la falta del plugin de Flash tendrá el mismo efecto en la página inicial que la opción de Javascript desactivado, por lo demás no observará ninguna diferencia.

#Arriba#