1.Introducción
2.Estructura del website
3.Estructura visual
4.Contenido
5.Navegadores
6.Accesibilidad

INTRODUCCIÓN

El punto 4 de las pautas generales para la web, aprobadas por la Comisión de Nuevas Tecnologías de la Universidad Cardenal Herrera-CEU el 5 de marzo de 2002, afirma: "(...) Así mismo se deben respetar los principios básicos de diseño y accesibilidad indicados en el manual de estilo (template) creado a tal efecto".

El presente manual, pues, se propone crear unos mínimos cualitativos que garanticen tanto la pertinencia y el estilo de la web de la Universidad y el conjunto de microsites que englobe, como su accesibilidad para discapacitados. Mínimos aplicables también a largo plazo, con el objetivo de mantener la armonía visual también en futuras ampliaciones del site.

Cualquier modificación en el presente manual y, consecuentemente, cualquier modificación de estilo en el website deberá ser aprobado por la Comisión de Nuevas Tecnologías. A dicha Comisión deberá dirigirse también todo aquel profesor o entidad que decida crear su propia página para hospedarla en el servidor de la Universidad. Para ello podrá escribir un correo a webmaster@uch.ceu.es

Volver arriba

La estructura o arquitectura del website es la división de su contenido en superestructuras y subestructuras. Esto es, la disposición de su información para que resulte coherente y fácilmente localizable para el usuario.

El primer requisito para dicha estructura es la consistencia y estándares. Los usuarios no deben intuir si diferentes palabras, situaciones o acciones significan lo mismo. Habrá que seguir unas convenciones claramente instituidas. Además, el sistema debe responder siempre a los 3 dónde: dónde estoy, dónde he estado y dónde puedo ir.

1.1 El menú.

a. El menú se puede entender como la barra de herramientas del website. Se considera menú la barra que disponga la información para acceder a un segundo nivel en la web. Por lo tanto, se sobreentiende que el menú debe aparecer en la home (primer nivel). Así mismo, se desprende que no existirá una antepágina estática bajo ningún precepto. No se admitirá ninguna página de presentación o de selección de idioma antes de la home salvo aquellas realizadas en flash.

b. Del mismo modo, las antepáginas realizadas en flash que excedan los 65 kb poseerán un botón para esquivar la introducción.

c. Todo menú debe ser fácilmente localizable. Para ello se tendrá en cuenta el principio de la lectura en zeta. El usuario occidental siempre comienza leyendo por la parte superior izquierda de la pantalla hasta acabar en la derecha. A continuación realiza un trazo más o menos diagonal hasta la esquina izquierda de la base. Desde allá recorrerá la pantalla horizontalmente para prestar especial atención al contenido de la esquina derecha.

Del mismo modo, cuando leen sobre papel, los occidentales suelen realizar sus anotaciones en el margen izquierdo de las páginas. Por analogía, buscan anotaciones en la parte izquierda de la pantalla al navegar por Internet.

Por lo tanto, son especialmente recomendables los menús horizontales superiores y los verticales en el lateral izquierdo.

d. El mismo menú(s) se mantendrá a lo largo de la navegación.

e. El contenido de los menús deberá aproximarse tanto como sea posible a aquello que intuyan los usuarios. Deberán evitarse las expresiones excesivamente genéricas o excesivamente concretas.

Además, ninguno de los vínculos existentes en el menú debe dirigir a una página fuera del servidor de la Universidad.

f. El fondo de los menús deberá destacar sobre el claro de la página de modo que se intuya el valor de los primeros.

1.2 Enlaces.

Distinguimos tres tipos de enlaces:

a. Botones: Son los enlaces situados en las esquinas y laterales de la interfaz, incluido el menú. Deberán contrastar visualmente con el fondo claro de la pantalla y resultar intuitivos. Además, como se citará en el capítulo destinado a la accesibilidad, deberán llevar su correspondiente título.

b. Imágenes: Las imágenes sencillas que enlacen con un nuevo campo de la web deberán ser igualmente intuitivas y, si es necesario, deberán estar descritas con el comando alt. Del mismo modo, las imágenes complejas o mapeadas que incorporen distintos links deberán estar explicadas.

c. Enlaces textuales: Son los enlaces englobados dentro de un texto y cuya función es la de remitir al lector bien a una página con más información, bien a una con información relativa a los datos que se están tratando. Este tipo de enlace siempre estará subrayado. Además, en caso de haber sido visitado contará con la correspondiente decoloración (ver colores en el apartado de estilo).

Todo enlace en la web deberá conducir a una página activa. Habrá que revisar sistemáticamente cada enlace para comprobar su correcto funcionamiento. Además, habrá que prestar especial atención a los contenidos a los que conducen dichos enlaces para evitar todo signo de obsolescencia.

Finalmente, cabe comentar que todo enlace que lleve a una página ajena a la Universidad o a la Fundación abrirá un pop up (una nueva ventana de navegador), de modo que el usuario no abandone la página de la Cardenal Herrera CEU.

(ver además el ítem: tiempos de carga)

2.3 Tablas

En la mayor parte de las ocasiones deberemos utilizar tablas para mostrar el contenido. Dichas tablas serán redimensionables si muestran contenido. No lo serán cuando incluyan un menú o cuando sirvan para dividir una imagen (y consecuentemente acelerar su carga).

Volver arriba

2. ESTRUCTURA VISUAL

Por estructura visual se entenderá la división del website en apartados visualmente diferenciados. Esto es, la colocación de los marcos (frames) para distinguir las distintas secciones de una misma página.

2.1 Marcos.

a. Queda totalmente prohibida la utilización de marcos de navegación. Los marcos de navegación muestran distintas páginas dentro de una misma interfaz. Esto representa un problema tanto cuando se muestran contenidos ajenos a la Universidad (en tanto que se vulnera los derechos de autoría) como cuando los contenidos son internos (dado que los cambios de pantalla no se notifican en la barra del navegador). Los únicos marcos permitidos son exclusivamente los visuales, es decir, la distribución visual de áreas o bloques de contenido.

b. La separación entre marcos deberá estar determinada por espacios en blanco y no por líneas. Las líneas ralentizan la carga y resultan molestas para la lectura. A continuación se ilustran dos ejemplos sobre la misma página.

2.2 Intuitividad de los iconos.

Los iconos son herramientas muy útiles para los usuarios experimentados en tanto que se descifran mucho más rápido que las letras. Habrá que realizar, por lo tanto, esfuerzos para implementar dichos iconos y para comprobar la efectividad de los mismos.

a. Todo icono debe estar titulado, de modo que cuando el usuario deje el cursor sobre el mismo el navegador le abra la etiqueta con su significado. De este modo, además de cumplir un principio básico de accesibilidad, se está facilitando el aprendizaje de la función de dichos iconos.

b. Todo icono que se incorpore a la web debe ser previamente testado con los usuarios para garantizar su inteligibilidad. No se admitirá aquel icono que a priori parezca apuntar hacia otro espacio en el website.

c. Cualquier icono deberá medir un mínimo de 24 x 24 pixeles.

2.3 Equilibrio del peso visual.

Uno de los objetivos básicos de este template es el de conseguir el equilibrio del peso visual. Es decir, lograr que el usuario centre la atención justo en las coordenadas de la web en las que se exponga la información relevante.

Con dicha finalidad se establecerá una separación razonable entre los distintos contenidos (tal y como se muestra en el ejemplo dedicado a los frames) incluso entre caracteres.

2.4 Estilo.

Las normas de estilo marcan los principios mínimos de diseño para el website. Engloban la normalización del logo, de las fuentes y de las ventanas emergentes. El punto 5 de las pautas generales de la web, redactadas por la Comisión de Nuevas Tecnologías, afirma que "los diseños de página web y los logotipos del sitio de la Universidad (...) son de propiedad de la Universidad, y no pueden alterarse o utilizarse con otros fines".

a. El tamaño mínimo del logo se establece en un ancho de 24 x 24 píxeles de altura. En el caso de estar insertado dentro de un recuadro, la diferencia entre imagen y recuadro será de 2 píxeles por cada lado.

b. El tamaño máximo del logo como imagen en primer plano se establece en 93 píxeles de anchura por 95 de altura. Como en el caso anterior, en el caso de estar insertado dentro de un recuadro, la diferencia entre imagen y recuadro será de 2 píxeles por cada lado.

c. El color utilizado para el logo es un Pantone 660 U, cuya correspondencia en colores web es #5E73B5.

d. La fuente utilizada para acompañar al logo es Frutiger Light. En los casos en los que no se encontrase dicha fuente habría que recurrir a arial.

e. Proporciones del logotipo (4'5 x a) altura.

f. Diferentes versiones utilizadas en la web todas reemplazables por el formato negativo (con el fondo azul corporativo) y por el positivo en azul corporativo o negro.

f. Las fuentes utilizadas tanto en el website como en las comunicaciones digitales (e-mails, formatos publicitarios,...) corresponderán a la indicada Frutiger o a arial. El tamaño de las fuentes se moverá entre 15 puntos y 8 (tan sólo aplicable en las anotaciones referidas al texto).

En cualquier caso, el tamaño de las cajas se estandarizará en cada uno de los layers de la página. Esto es, todas las letras de un menú tendrán las mismas dimensiones; todas las de un mismo texto o de un cabecera también.

g. Los iconos estudiados (y, tal como se menciona el punto destinado al efecto, contrastados) son los siguientes.

h. Las tablas emergentes serán utilizadas en principio para aportar información complementaria al contenido de la web, y para redireccionar al usuario hacia algún espacio en concreto. En principio las habrá de tres tipos.

Los eventos puntuales, tales como la apertura del plazo de preinscripción de alumnos, como un congreso importante... se destacarán con un pop up de eventos, que no admitirá scroll.

Las listas que no contengan más información que los ítems enumerados se ofrecerán en una ventana lista que admita scroll pero no barra de herramientas ni de status.

Los contenidos que difieran de la estructura de la web y los links externos se ofrecerán en una nueva ventana de navegador desplegable.

Los tres tipos de ventana deberán ajustarse a las siguientes medidas:

i. El fondo de pantalla será en la mayor parte de las ocasiones blanco para acelerar los tiempos de carga de las páginas. No obstante, cuando se quiera utilizar un fondo estampado habrá que colgar bien el presente frame, bien una variante del mismo siempre basada en los colores corporativos y en logo de la Universidad.

j. El color seguro empleado para distinguir los enlaces textuales es el FF9900, mientras que el empleado en la decoloración de los mismos (cuando ya han sido visitados) es el FFCC00.

Volver arriba

3. CONTENIDO.

3.1 Idoneidad del contenido.

Diferenciamos dos tipos de contenido: activo es aquel al que puede acceder el usuario; pasivo es aquel que existe en los archivos y que no está colgado, o aquel al que no se le da acceso al usuario.

El segundo punto de las pautas generales para la web, redactadas por la comisión de nuevas tecnologías, dice: "Toda información y material que se incorpore al Sitio de la Universidad en Internet debe guardar relación con los propósitos y funciones institucionales, y debe someterse a las políticas, criterios y normas establecidas por la Universidad en cuanto a su calidad, pertinencia, vigencia y manejo ético". Estos últimos cuatro factores determinarán la idoneidad del contenido activo.

El contenido pasivo tendrá esas mismas características. Si en el momento de validarse el presente manual existiese algún documento no activo de carácter ofensivo o contrario a las estipulaciones nombradas sería rectificado.

Tres motivos pueden hacer un contenido pasivo: la obsolescencia, la seguridad o la ofensa.

a. Nunca habrá acceso directo a material obsoleto en la web. De este modo se evitarán malentendidos. Sin embargo, el material obsoleto no debe destruirse sino mantenerse en un backup. En la medida de lo posible se llevará a cabo un proceso documental con los archivos obsoletos, de modo que siempre sean accesibles.

b. El acceso a documentos que pudieran incomodar o resultar una intromisión para las personas o entidades relacionadas con los mismos será tratado con la mayor cautela. Continuamente habrá que verificar la seguridad de los procesos, especialmente en los referidos a temas fiscales, de domicilio y educativos.

c. Se filtrará todo contenido que pueda resultar ofensivo o no apto formativamente. Esto es, páginas en las que se exponga violencia, sexo o elementos xenófobos. El acceso a las mismas con finalidad documental (por ejemplo, para realizar reportajes o labores de información) sólo podrá ser concedido por el organismo designado al efecto.

3.2 Ordenación del contenido.

El website se entiende como una herramienta. Su grado de éxito radica en la utilización que se haga de ella. Por lo tanto, el contenido de la web debe seguir una jerarquía concreta basada en dicha funcionalidad.

La mayor parte de los contenidos para profesores y personal serán colgados a través de la extranet. Por lo tanto, el presente manual afecta tan sólo a los contenidos dirigidos a los alumnos. Dichos servicios se colgarán preferentemente en este orden:

1º. Contenidos relativos a los servicios académicos: apuntes, horarios de exámenes...
2º. Contenidos relativos a los servicios institucionales: información de la fundación, servicios administrativos...
3º Contenidos extra académicos: orientación al alumno, información al alumnado...

3.3 Expresión de los contenidos.

Los contenidos elementales de una web son tres: texto, imágenes y enlaces.

El texto se divide, asimismo, en tres espacios que obligatoriamente deberán aparecer: el titular, el lead y párrafos. Si se cumple esta medida la lectura de los textos será mucho más sencilla.

a. El titular de cualquier artículo debe ser autoexplicativo. Generalmente las cabeceras de los artículos (los titulares) se muestran fuera de contexto y son un enlace para visitar el artículo entero. Por lo tanto, siempre deberán tener significado por sí mismos. Por el mismo motivo, se evitarán los titulares ingeniosos y los juegos de palabras, ambos susceptibles de no ser entendidos leídos fuera de contexto. Los teaser (los titulares que seducen al usuario para hacer click y descubrir después el contenido del artículo) no son recomendables.

Existe una variante de titular que es el de la página: toda página dentro del website debe tener un título diferencial. Dicho título no admite artículos, puesto que su función principal es la de informar al usuario de qué página visita cuando minimiza la ventana. Las ventanas minimizadas se redimensionan dependiendo del número de aplicaciones minimizadas en ese momento. Por este motivo, habrá que emplear palabras con significado pleno. Es decir, es preferible "UCH Deportes" a "UCH Servicio Deportes".

b. El lead del artículo debe sintetizar todo el contenido del mismo respondiendo a las w's .

c. El párrafo se desarrollará según se indica en el punto 3.5 b. Sí cabe decir, en cualquier caso, que nunca se escribirá exclusivamente en letras mayúsculas, dado que ello dificulta sobremanera la legibilidad.

Las imágenes, tal y como se describe en el capítulo de la accesibilidad, se deben describir con el comando alt. Se recomienda el uso de filtros de colores para adecuar las imágenes al fondo de pantalla utilizado en cada momento. En cualquier caso, la imagen debe aportar valor al texto al que acompaña. Se eludirán las imágenes carentes de significado, dado que tan sólo ralentizan la carga de la página.

Los enlaces se tratarán tal y como explica el punto 1.2.

3.4 Documentación.

Entendemos por documentación aquellos contenidos que acompañen los textos propios del site, bien sean adaptados de fuentes ajenas a la institución, bien sean creados en el seno de la Universidad para dar sentido o completar la información básica.

Un requisito básico a la hora de publicar en la web información proveniente de fuentes ajenas a la Universidad es el de contrastar la fiabilidad de dichas fuentes.

Además, como ya se ha citado anteriormente, sistemáticamente se van a respetar los derechos de autoría de los contenidos.

En cuanto a la documentación de ayuda, pese a que nuestro site fuera perfectamente navegable sin ella, habrá que proveer necesariamente un mínimo de ayuda de este tipo. Cualquier información de este tipo, al mismo tiempo, debe ser fácilmente adquirible, englobada en el contexto de la tarea del usuario, y debe listar los pasos concretos que se deben llevar a cabo sin resultar excesivamente largo.

a. La documentación de ayuda deberá presentarse antes del problema siempre que se pueda. Esto es, deberá prevenir del posible error al usuario cuando pueda ocurrir.
b. Si aún así el usuario elige funciones del sistema por error (lo que suele ocurrir frecuentemente), necesitará una salida de emergencia claramente diferenciada para abandonar el estado no deseado sin tener que dar rodeos. Una buena solución es insertar los botones "deshacer" y "rehacer".

3.5 Cantidad de contenido.

Se entiende por cantidad de contenido, principalmente, la extensión de las frases y párrafos. Las normas referidas a la cantidad de contenido tan sólo atañen a la información generada por y para la propia web puesto que el punto anterior asienta la obligación de respetar la expresión de los autores en la documentación externa al website.

a. Las frases empleadas en la web no deben exceder las 20 palabras y en la medida de los posible deben evitar los relativos (sistemáticamente si se refieren a la información plasmada en otro párrafo). Los motivos son dos:

- El usuario común de Internet no lee. Leer sobre un punto emisor de luz (como es el monitor del ordenador) es realmente incómodo por lo que normalmente, el usuario se limita a escanear el texto. Si no lee una palabra no entenderá posteriormente su relativo.

- La información de la web se suele publicar en otro sitios fuera de contexto. Por lo tanto, un pronombre relativo que haga alusión a un párrafo anterior tiene todas las posibilidades de restar coherencia al texto.

b. Los párrafos creados ad hoc para la web no deben exceder las siete líneas en un ancho de 400 pixels. Cada uno de esos párrafos debe tratar, en la medida de los posible, un único tema. En el caso de que la heterogeneidad de los contenidos impida esta práctica, habrá que destacar las palabras clave tal y como se muestra en el siguiente ejemplo.

Finalmente, en referencia a la interrelación entre párrafos, habrá que eludir en la medida de los posible los anclajes. Es preferible utilizar enlaces a nuevas páginas.

3.6 Adaptación del lenguaje al usuario.

Una norma básica para lograr la inteligibilidad de los contenidos es la de adaptarlos al lenguaje del usuario. Por lo tanto, el revisor de los contenidos del website deberá tener en cuenta que no se emplea la jerga de la casa en exceso, puesto que la hiperinstitucionalización es la principal causa de la ininteligibilidad funcional de un site.

El sistema debe hablar a los usuarios con palabras, frases y conceptos que le resulten familiares y no con la jerga interna de la Universidad. Habrá que seguir las convenciones del mundo real, haciendo que la información aparezca en un orden lógico.

3.7 Actualización del contenido.

La actualización del contenido es la puesta al día de la información presente en la web. Como se menciona en el punto 3.1, los responsables del site procurarán no mostrar contenidos pasivos por obsolescencia. Para ello actualizarán frecuentemente las secciones manteniendo el título de los archivos.

a. La página principal del site deberá siempre contemplar la fecha del día (salvo en los fines de semana y en periodos vacacionales, cuando puede contemplar un intervalo temporal.

Del mismo modo estarán actualizados los contenidos de dicha página y los enlaces a los que lleve.

b. Las páginas actualizadas dentro del site deberán mantener sus respectivos títulos en el caso de que sean secciones genéricas . Esto es, el servicio de deportes -por ejemplo- debe mantener su página www.uch.ceu.es/deportes.asp actualizada, aunque el nombre del archivo siempre sea el mismo. De este modo, tanto los posibles enlaces dispuestos en algún espacio de la página como los provenientes de sitios externos permanecerán igualmente activos.

Volver arriba

4. NAVEGADORES.

La evolución de los navegadores ha creado cierta discordia en Internet. Las antiguas versiones de los mismos adolecen ciertas incompatibilidades con las más modernas. Por lo tanto, el producto web de la Universidad Cardenal Herrera-CEU deberá ser respetuoso con prácticamente la totalidad de ellas.

a. Los navegadores que se utilizarán para chequear las aplicaciones y las nuevas páginas serán Netscape y Explorer, todos ellos a partir de la versión 4.0 (la más extendida en el mundo empresarial).

b. Del mismo modo, el chequeo se realizará en ordenadores PC y en Macintosh.

c. Finalmente, se prohibe el uso de capas en las páginas, puesto que éstas generan problemas de visualización en las versiones anteriores a la 4 de los distintos navegadores y, sobre todo, en los ordenadores del tipo opuesto a aquel en el que se diseña. Esto es, en los macintosh cuando se diseña en PC y viceversa.

Volver arriba

5. VELOCIDAD DE CARGA.

Cuando hablamos de "carga de una página web" nos referimos al proceso completo de plasmación de datos recibidos del servidor en la pantalla del ordenador. La velocidad de carga de una página web de diversos factores. Los tres principales son el peso de la página en sí, la velocidad de conexión del módem y la velocidad de procesamiento del ordenador.

El último de los tres factores es quizás el menos influyente. Sin embargo, los dos primeros deben estar perfectamente delimitados. El tipo de módem más extendido es el de 56 kb (pese a que los módem ADSL , a 128 kb, están afianzándose en el mercado). Por lo tanto, el diseño de la página se hará teniendo en cuenta el tiempo de carga para un módem de dichas características.

a. El peso de la home siempre será inferior a 60k. El resto de las páginas admiten mayores pesos pero siempre tratando de no exceder dicha cifra.

b. Las páginas que utilicen flash o que impliquen descargas mucho mayores serán señalizadas. En este sentido cabe hacer mención de la visibilidad del estado del sistema: el sistema siempre deberá mantener informados a los usuarios acerca de qué proceso se está llevando a cabo mediante una respuesta apropiada y en un tiempo razonable. Si el usuario no aprecia evoluciones en el sistema acabará desistiendo en la navegación.

c. Se evitarán las imágenes de fondo de pantalla (tan sólo insertando marcas de agua como las presentadas en puntos anteriores).

d. Del mismo modo, se evitarán las imágenes de más de 20k de peso.

e. Para acelerar la carga de las páginas los distintos enlaces disponibles en el website apuntarán directamente al espacio al que redireccione el servidor. Esto es, si una página lleva a www.terra.es pero la página principal de dicho portal es www.terra.es/index.htm será esta segunda dirección el destino del link.

Volver arriba

6. ACCESIBILIDAD

La accesibilidad comienza por la posesión del software necesario para navegar la web. El webmaster deberá seguir los estudios publicados en referencia al software de los usuarios comunes y utilizar sólo aquellos que alcancen un 80% de uso entre los consumidores, siempre disponiendo una sección de plug-ins para quienes todavía no los posean.

Hay que procurar disponer de un sitio accesible cognoscitivamente. Esto es, poseer un dominio memorable. Por ese motivo habrá que procurar abreviar al máximo la URL tanto en páginas principales (www.uch.ceu.es ) como en interiores (www.uch.ceu.es/deportes.htm ) y darle un significado, evitando números y palabras ininteligibles. En este sentido, las URL se escribirán exclusivamente en letras minúsculas, lo que afecta tanto a archivos como a carpetas del sistema.

No obstante, comúnmente por accesibilidad de una web se entiende el grado de inteligibilidad de los contenidos que en ella se muestran por parte de los discapacitados. Los contenidos básicos de una web son de tres tipos:

- Texto: Lo que en html (el lenguaje de programación de la web) se diferencia "text".
- Imágenes: html entiende como imagen ("img") todo elemento gráfico insertado desde un directorio distinto al del texto. Se encuadran en este segmento fotografías, dibujos, gráficos... en cualquier formato digital.
- Enlaces: Enlaces son los campos diferenciados como "link" en html y que conduce a otra página de hipertexto.

Una página accesible debe respetar los principios mínimos de accesibilidad. Estos principios contemplan la ayuda a personas con minusvalías, principalmente invidentes y aquellos que padezcan una importante reducción de la visión. Así pues, las páginas creadas por cada departamento deben obedecer a estos principios, expuestos a continuación.

6.1 Principios referidos al texto

Los invidentes navegan por la web empleando una aplicación informática que les lee cada uno de los campos arriba mencionados en la web. En principio, el texto no supone ningún problema de acceso en tanto que es tan legible por un usuario común como por la citada aplicación.

Sí cabe tener en cuenta, en cambio, una serie de factores ligados a la accesibilidad a la hora de redactar dichos textos cuando éstos aluden a la persona sobre la que recae la deficiencia. Como propone el Seminario de Iniciativas para la Discapacidad y la Accesibilidad en la Red ( www.sidar.org ) los textos presentados deberán:

- Dar al problema una relevancia proporcional a su envergadura.
- Abordarlo contextualizada y comprensivamente.
- Salvaguardar la dignidad individual y colectiva.
- Presentar tanto las limitaciones como las potencialidades relevantes.
- No construir identidades sociales sobre la discapacidad.

No obstante debe evitarse el silencio informativo sobre la autogestión de soluciones por parte de los propios afectados, así como de sus familias y apoyos informales.

Finalmente, cabe comentar que algunas de las herramientas utilizadas por los invidentes también proporcionan información relativa a los tipos de letra. Los invidentes intuyen el contenido del texto atendiendo a la disposición de los elementos. Así pues, conviene ser muy cuidadoso con la maquetación del mismo, haciéndola consistente. En aquellos casos en que sea posible, habrá que emplear hojas de estilo en cascada.

Si el formato colgado es un documento de texto habrá que procurar que sea una extensión .doc. Si irremediablemente se ha de colgar un .pdf, se procurará dejar el fondo blanco, de modo que el proceso de escaneado del mismo resulte más fiable.

6.2 Principios referidos a las imágenes

Las imágenes, así como los documentos anexos (del tipo .pdf ), representan el mayor problema para invidentes. Una solución es utilizar em comando alt, cuya principal función es la describir dichas imágenes cuando el cursor pasa por encima de ellas.

Los comentarios vertidos en el código de la página bajo la etiqueta "alt" son perfectamente legibles por las aplicaciones comúnmente empleadas por los invidentes. Así pues, cuando la imagen sea una imagen simple (bien un icono, bien una fotografía, etc.) habrá que comentarla tal cual se muestra en el siguiente ejemplo.

Por otra parte, cuando la imagen sea compleja (por ejemplo, una gráfica) la solución pasa por "mapear" esa imagen. Es decir, introducir campos dentro de la misma gráfica y convertirlos en zonas activas, explicándolos mediante el comando map. Así se resuelve en el siguiente ejemplo:

Además, toda imagen debe ser descrita, al menos brevemente, con texto.Cuando la imagen sea de tipo multimedia, además de la descripción del vídeo habrá que proporcionar subtítulos y transcripción del sonido.

6.3 Principios referidos a los enlaces.

La aplicación empleada por los invidentes para navegar les indica el nombre del link (la palabra activada como enlace), el título (insertado con el comando title) y su destino (el archivo al que dirige). Por este motivo se aplicarán:

- Títulos representativos para el link: Por ejemplo, se evitará utilizar el clásico "pincha aquí" sustituyéndolo por palabras/frases con sentido como "apuntes tema 1".

- Los comandos title en cada uno de los enlaces, prestando especial atención a aquellos que no conduzcan a un archivo fácilmente inteligible. El comando title adquirirá mayor importancia,por ejemplo, cuando el enlace conduzca a la página noticias0002345.htm que cuando lo haga a modelos_de_conducta.htm.

- Títulos descriptivos para los archivos. Como se ha citado, siempre es preferible modelos_de_conducta.htm. a noticias0002345.htm.

Por supuesto, debe eludirse a toda costa el uso de frames. Todo enlace debe llamar a un archivo y no cargar contenido en un marco que en ningún momento aporta información al usuario invidente (éste sólo podrá advertir el cambio de información releyendo toda la página).

6.4 Datos complementarios.

Toda página realizada en html deberá ser revisada a través de la aplicación albergada en www.w3.org/TR/WCAG. En caso de que dicha aplicación descubriera fallos de usabilidad, habría que subsanarlos.

Volver arriba