Navegación principal
Contenidos

Accesibilidad

¿Por qué hacer mi sitio web accesible?

La accesibilidad consiste en el acceso a la información sin limitación alguna por razón de deficiencia, discapacidad, o minusvalía. Son muchas las personas que acceden a la información de los sitios web desde contextos muy diferentes a los nuestros ya que:

  • Pueden tener problemas de oído, visión, movilidad.
  • Pueden tener dificultades de lectura o comprensión.
  • Quizás no pueden utilizar el teclado o el ratón.
  • Pueden tener un lector de solo texto, una pantalla pequeña o una conexión lenta, etc...

Estos colectivos constituyen un 10-20% de la población y para ellos navegar por un sitio web estándar resulta muy dificultoso y en determinadas ocasiones imposible.

Por ello y para ellos se han creado instrumentos y herramientas (por ejemplo, navegadores de voz ó magnificadores de pantalla) que adaptan el ordenador a su forma de operar y es necesario estructurar los contenidos de manera que los puedan manejar.

Compromiso con la igualdad para todos los usuarios de mi sitio web

En la realización de mi sitio web, mi intención ha sido diseñar un sitio web que sea accesible para el mayor número de usuarios, independientemente de sus limitaciones personales o tecnológicas y colaborar a reducir la discriminación social así cómo las barreras creadas por el cambio derivado de las nuevas tecnologías.

Para ello me he basado en la aplicación y el cumplimiento de las Pautas de Accesibilidad o Principios Generales de Diseño Accesible establecidas por el Grupo de Trabajo WAI (Iniciativa para la Accesibilidad de la Web) perteneciente al W3C (Consorcio para la World Wide Web).

He utilizado formatos estándar establecidos por el W3C y he seguido las Directrices de Accesibilidad generadas por el WAI, cumpliendo el nivel AA.

Estándares

El lenguaje utilizado para los contenidos y su estructura es XHTML 1.0 , y para disponer los elementos y presentarlos de manera gráfica se han utilizado Hojas de Estilos en Cascada (CSS ). Todas las páginas se han validado como XHTML 1.0 Transitional y CSS 2.0.

Navegación

Para facilitar la navegación de los visitantes, todas las páginas mantienen una estructura semejante compuesta por:

- Una cabecera, con el Logotipo y los enlaces básicos, y después una foto ofreciendo el servicio con un eslogan.
- La barra de navegación principal con enlaces a los apartados principales del sitio web, con el enlace en posición activada para mostrar en todo momento donde nos encontramos.
- Una zona central tenemos el contenido del apartado.
- Y en el final, tenemos el pie, otros enlaces necesarios.


Teclas de acceso rápido

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) ALT+Tecla Mayúsculas+Tecla de acceso rápido (Mozilla Firefox) 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.

- 1: ir a la cabecera, donde estan los enlaces básicos como: Sobre mi, Portfolio y Contacto.
- 2: ir al contenido.
- 3: ir al pie, donde están otros enlaces básicos y duplicados de la cabecera, como: Validación de estandares, Accesibilidad, Mapa web, Aviso Legal y Contacto.

- s: ir a Sobre mi.
- b: ir a Portfolio.
- c: ir a Contacto.
- r: ir a Accesibilidad.

Enlaces e imágenes

Los enlaces que lo requieren contienen una descripción mediante el atributo “title”. Todas las imágenes que no hornamentales contienen una breve descripción mediante el atributo “alt”.

Diseño visual

Este sitio web utiliza capas y hojas de estilo en cascada (CSS) para el formateo visual de la información. Se ha separado el contenido de la presentación, asegurando tanto el acceso como la correcta visualización de la información bajo distintos entornos.

Se han utilizado tamaños de fuentes relativos, configurables por los usuarios y las opciones de texto de sus navegadores. Hemos comprobado la correcta visualización de este sitio web en diferentes versiones de los principales navegadores (Internet Explorer 5.5 y superiores, Mozilla, Opera), plataformas, equipos y configuraciones.

Iconos

Icono de conformidad con el Nivel 'A' de las Directrices de Accesibilidad para el Contenido Web 1.0
Declara que conforma las Directrices de Accesibilidad para el Contenido Web 1.0 con el nivel A. Su enlace lleva a la explicación sobre los niveles de accesibilidad y uso de sus iconos.

Símbolo de sitio revisado por Taw - Enlace a su página
Declara que la página ha sido revisada con el TAW 1.1 y que ha sido aprobada. Su enlace lleva al TAW.

XHTML 1.0 valido! Enlace al validador del W3C
Declara que el lenguaje XHTML versión 1.0 Transitional ha sido utilizado correctamente y su sintaxis se ciñe a la gramática de ese lenguaje. Su enlace lleva al validador del W3C.

¡CSS Válidas! Enlace al validador del W3C
Declara que la sintaxis de las hojas de estilo utilizadas es correcta. Su enlace lleva al validador de hojas de estilo en cascada del W3C.

© 2009 Josean Abecia Lanz | CSS | XHTML | accesibilidad josean_a2@hotmail.com