Volver a la portada de Duiops
Volver al
Web de Duiops


Portada | Antes de empezar | HTML en el mundo real

HTML en el mundo real

Atrás Arriba Siguiente

 

En este curso nuestro deber es decir cómo funciona el HTML. Es parecido a un niño malcriado, requiere una mano firme para que haga lo que nosotros queramos.

Si echamos la vista atrás a los orígenes del HTML, en su corta historia, verás que en un principio no era un lenguaje de diseño como es ahora. Su propósito era el de formatear documentos, todos ellos planos y simples. Pero sólo unos pocos años fueron suficientes para cambiar la forma de controlar los aspectos más básicos de la estructura de una página y llegar a ser la herramienta de trabajo primordial usada por los diseñadores gráficos del Web.

Este cambio radical demuestra la habilidad del HTML para dar consistencia y expresarse de forma precisa a sí mismo en el mundo de Internet del día a día. Esta es una razón por las que ha habido un empuje de nuevos estándares, tal como se explicó en el capítulo: "Comprendiendo el HTML". Pero, tal y como se describió dentro de ese capítulo, el uso real del HTML difiere mucho de la idea de un estándar que se posee hoy, e incluso del nacimiento de un saber general, nacido para comprender todas las plataformas a través de todos los navegadores.

Para adquirir este dominio y control del lenguaje, se tiene que seguir un frustrante proceso de aprendizaje a base de fallar y ver el origen de esos errores. No importa dónde estés en el proceso de aprender a usar el HTML, estás destinado a ser desafiado por estas complejidades. A pesar de que se conozca perfectamente este lenguaje, siempre surgen dificultades a la hora de diseñar el código de los sitios más complicados.

Los principiantes del HTML están sometidos a las incompatibilidades de un software así como los obstáculos que surgen, y el problema de la pérdida de tiempo para poder llegar a tener toda la información disponible. Los programadores suelen disponer de reglas sintácticas para aliviar los aspectos menos precisos del HTML, y está frustrados por las consecuencias de "la excepción confirma la regla". Entre todos los posibles, los diseñadores gráficos son quizá los más afectados por el HTML. Ellos suelen precisar punto por punto y píxel por píxel el control del espacio, color, y forma de los objetos incrustados dentro del HTML con una ineficacia tal como para volverse locos.

¿Esto hace que debamos echar todo por tierra y buscar una forma mejor? Esa es una manera, por supuesto, y se han sugerido varias alternativas. Pero el HTML es todavía el lenguaje dominante en el Web, así que buscaremos la correcta relación que nos dicta este imperativo.

Lo cual, trae a la mente la idea del control. Si te esfuerzas en crear sitios Web que van llamados a ser los más estables posibles entre todas las plataformas, navegadores, y la variedad de hardware disponible, debes empezar con una comprensión de las variables existentes a la hora de aplicar el HTML. Este capítulo de ayudará a empezar con estos temas, y este curso te llevará más allá de ellos. Te aventurarás en el uso sofisticado del HTML por medio de un aprendizaje sistemático de todos los entresijos y variaciones, y tú, lector, sentirás una satisfacción al poder revelarte ante la tecnología y ser capaz de explotar uno de sus aspectos más potentes, como puede tratarse del diseño de páginas Web.

 

Plataformas para el PC

La primera variable con la cual debemos enfrentarnos es la plataforma en la que movernos. Todo lo que supone en términos de control para crear códigos HTML y los diseños, serán realizados con un nivel de estabilidad que varía a lo largo de las plataformas existentes. Este proceso es conocido como un diseño entre plataformas.

La definición de la frase Plataformas para el PC es a veces incomprensible. Tendemos a usarla de manera despreocupada, sin realmente comprender lo que significa. Cuando la mayoría de la gente piensa en una plataforma de ordenador, probablemente piensa en un tipo de ordenador, es decir, en un hardware. Esto no es enteramente correcto, una descripción más correcta de plataformas se refiere al tipo de interfaz de usuario que utiliza el ordenador. Los interfaces de usuario no son necesariamente dependientes del hardware, sino que siempre recae en el software, o programas, como marco de trabajo del interfaz.

Hay varios interfaces de usuario, también conocidos como sistemas operativos (SO abreviado) que deben ser cuidadosamente considerados cuando pensemos en compatibilidad en el mundo real del HTML. Debido a las diferentes interfaces de programación usados por estos sistemas, el software diseñado para trabajar con ellos puede ser muy diferente.

CONSEJO

Cuando comentamos las consideraciones de la plataformas, a lo que nos referimos es al método de hacer un sitio Web según usemos una plataforma u otra.

Para los propósitos de este capítulo y este curso, la plataforma del ordenador debería ser pensada en un primer momento como un interfaz del usuario. Pero, como hemos dicho en el anterior párrafo, los interfaces de usuario no son siempre dependientes del hardware. De donde surge esta confusión es de la existencia de dos tipos predominantes de plataformas existentes en los ordenadores personales, ambos dependientes del hardware.

En el Macintosh corre un interfaz propietario, y en la mayoría de los ordenadores personales que no utilizan un Macintosh Operation System (Mac OS) está corriendo en ellos alguna versión de DOS o Windows de Microsoft. Otra plataforma conceptual del mundo de Internet es UNIX. Hay distinciones en estos grupos de interfaz tan grandes que hace muy radical la elección.

CONSEJO

Es importante darse cuenta de que la mayoría de los visitantes del Web están usando muy posiblemente un Macintosh o Windows, y que puede haber variaciones en las versiones de software usadas. Y más complicado aún, hay gente que visita y trabaja en los sitios Web que usan otras plataformas, como UNIX, Linux y VMS.

Lo que queremos decir es que entre los distintos tipos de hardware que usan estas plataformas existen diferencias. el reto del realizador de páginas Web radica en poder administrar el código entre los interfaces de usuario y estas plataformas.

Vamos a hacer una comparativa entre las plataformas más comunes y algunos de los objetivos para los que su software ha sido desarrollado:

bulletDos y Windows. DOS es un sistema operativo basado en texto todavía en uso en muchos sitios, especialmente en los ordenadores antiguos. Normalmente, la gente que usa las máquinas con DOS para la Web tienen también funcionando algún tipo de entorno con un interfaz gráfico, tal como Windows 3.1. Windows 3.1 es un entorno opuesto a un sistema operativo, una distinción que toma importancia debido a los aspectos de integración de navegadores y sistemas operativos gráficos. Por ejemplo, Windows 95 está bastante bien integrado con los navegadores, y Windows 98 está tan bien integrado con las tecnologías de Internet que a ocasionado una serie de acusaciones hacia Microsoft de prácticas monopolistas debido a esta relación tan estrecha entre el sistema operativo e Internet.
bulletOtros sistemas operativos que se sitúan bajo el dominio de Windows son Windows NT y Windows 2000, los sistemas operativos para red de Microsoft que, si bien no son usados por muchos visitantes de la Web, si lo está por la infraestructura maquinaria que soporta la Web en Internet.
bulletMacintosh. Desarrollado por Apple, los Macintosh usan un tipo diferente de microprocesador y diferentes formatos de archivo que los soportados por los sistemas operativos Windows. El sistema operativo en un Macintosh es siempre el propietario Mac OS, aunque el Power PC permite el funcionamiento simultáneo de una versión especial de Windows. Los Macintosh son muy populares entre el público así como periodismo y la industria del diseño gráfico, por lo que tienen un gran peso sobre el diseño de páginas Web.
bulletUNIX. A diferencia de los sistemas operativos Windows y los de Macintosh, UNIX nunca fue dependiente de un tipo específico de hardware tal como un microprocesador. Esta, de hecho, construido específicamente para ser lo más transportable y adaptable como fuera posible, con la habilidad especial de funcionar como un entorno multiusuario. Hasta muy reciente, UNIX tenía la distinción de ser el sistema operativo líder en las estaciones de trabajo. La infraestructura de Internet demanda este tipo de potencia, y UNIX es usado por muchos servidores de Internet así como por usuarios que lo manejan día a día.
bulletVMS (Virtual Memory System) funciona en microordenadores tipo VAX y estaciones de trabajo de DEC y se encuentra con frecuencia en los servidores de Internet.
bulletSun Microsystems y SGI (Silicon Graphis Incorporated) son menos frecuentes puesto que están especializados en los gráficos, aunque también existen como Interfaz para Internet.
bulletLinux es una imitación de UNIX y es distribuido gratuitamente, funciona en multitud de plataformas de hardware, y es usado por un tipo de usuario de PC muy entusiasta/.

Hay otras plataformas menos frecuentes, así como variaciones dentro de las anteriores. Todas las plataformas citadas están soportadas por los navegadores Microsoft Internet Explorer y Netscape Navigator. De todas formas, estos programas difieren en términos de funcionalidad y de utilización, lo cual refleja totalmente la complejidad y la estrecha relación de los sistemas operativos y el software basado en la Web.

 

EN EL WEB

Estos sitios te ayudarán a saber más sobre las plataformas para el PC:

bulletPC Webopaeida: Este sitio es un alamacén virtual de cualquier información sobre los ordenadores personales. Está en http://www.pcwebopaedia.com/.
bulletMicrosoft. Esta empresa gigante tiene sitios de la red más extensos y mejor diseñados. Lo verás en http://www.microsoft.com/.
bulletApple. Para saber más sobre el Macintosh, visita el sitio de Apple en http://www.apple.com/.
bulletDigital Equipment Corporation: un sitio extremadamente interesante para los ordenadores DEC, en los cuales funcionan muchos sistemas VAX y UNIX. Se encuentra en http://www.dec.com/.

 

Navegadores Web

La historia del desarrollo de los navegadores Web es tan alterada como fascinante. Cualquier interesado en el HTML se beneficiará de conocer esta historia. Y mirando hacia el futuro, llegarás a estar mejor preparado a la hora de trabajar con las limitaciones de los navegadores y los complejos objetivos de combinar todas estas plataformas.

Así como los interfaces de usuario para el Web, el desarrollo de los navegadores Web ha sido acelerado y bastante confuso. Cualquier persona que use HTML quiere hacer un sitio por lo general asequible, estable, y también partícipe de las más nuevas tecnologías permitidas por el HTML y otras aplicaciones relacionadas; y todo ello resulta un reto para todo el tema que tratamos.

Nos gusta comparar el desarrollo de los navegadores al proceso de la evolución. Cuando un medio ambiente no es el idóneo, los rasgos evolutivos más recientemente introducidos pueden adelantar de forma rápida un puesto frente a otras especies. El proceso biológico de la selección natural procura mantener aquellos aspectos que funcionan y son efectivos, y no sólo la permite sino que mejora la supervivencia.

Trasladando esta comparación a las tecnologías del Web de rápidos cambios, es lógico ver que muchas de las tecnologías surgidas durante las épocas de más competencia son más transcendentes que otros, los cuales acaban desapareciendo debido a una inutilidad y dificultades en popularizarse entre los desarrolladores y así ser utilizados.

En el mundo de la empresa, al contrario del orden natural de las cosas, lo más refinado y ajustado no siempre hace referencia a lo mejor. De lo que hablamos aquí aumenta su grado de complejidad. En el caso de los navegadores Web, en su disputa de la dominancia del mercado, hace difícil determinar cuál es el mejor, si con un HTML más efectivo y superior soporte tecnológico, o aquellos cuyas empresas situadas por detrás de los navegadores han utilizado simplemente estrategias más eficaces.

Los dos desarrolladores de navegadores que han estado en lo más alto, Netscape Communications Corporation y Microsoft Corporation, están continuamente luchando en su posición y su política, usando tanto estrategias de mercado como avances tecnológicos en un intento de sobrevivir al tan hostil entorno presente en la Web. Ambos navegadores intentan dominar, y ninguno de ellos tiene todos los requisitos para esta supervivencia.

 

EN EL WEB

Consigue información sobre navegadores visitando estos sitios:

bulletMicrosoft Internet Explorer: noticias, descargas del producto, e información general en http://www.microsoft.com/ie/.
bulletNetscape Navigator: información del producto, descarga de las diferentes versiones, páginas blancas, en http://home.netscape.com/.
bulletMeclermedia's BrowserWatch: Todo lo último sobre navegadores, incluyen información estadística, y se encuentra en http://www.browserwatch.com/.
bulletBrowsers.com de C|Net: aquí podrás estar al día en descargas de navegadores, y descargar cualquier navegador o software relacionado que necesitas desde este sitio en http://www.browsers.com/.

 

Para un diseñador HTML que quiera familiarizarse con el tema de los navegadores, tiene que irse muy atrás y ver una por una las diferentes etapas (ver capítulo "Comprendiendo el HTML") que podrían no aplicar la más última y más estupenda tecnología en el Web. Más importante aún, los diseñadores deben encontrar alternativas claras de combinar estas dificultades.

Para ir haciéndonos una idea de la base de los navegadores Web, vamos a ofrecer una corta historia, y luego ver por encima algo de asuntos estadísticos que son actualmente algo de lo que más interesa a los programadores de HTML de hoy.

 

Dónde empezó todo

El Web empezó como un entorno basado en hipertexto que se podía visualizar sólo por navegadores de texto como Lynx. PEro en 1993, Marc Andreessen (ahora vicepresidente tecnológico de Netscape Communcations Corporation) y Eric Bina desarrollaron un interfaz gráfico de usuario (GUI, Graphic User Interface) en el Centro Nacional de Aplicaciones de Supercomputación (NCSA, National Center for Supercomputing Applications). Uno de los factores más importantes en el lanzamiento de Internet al gran uso comercial ha sido el navegador Mosaic. Su interfaz era fácil de usar, y el hecho de que pudiera mostrar gráficos era una característica muy atractiva.

La llegada de Mosaic literalmente creó  la oportunidad para el nacimiento de una evolución nueva, el Web como un medio gráfico. Desde esta base creció la enorme y popular industria que tenemos hoy día.

Después de que Mosaic entrara en escena, era inminente la llegada de un nuevo navegador: Cello, también conocido como Netscape Navigator, algo muy similar a Mosaic. Netscape lanzó esta primera versión de Navigator en 1994, tan sólo un año después que apareciera Mosaic.

Netscape rápidamente se colocó con la delantera de la carrera de los navegadores debido a sus características nuevas en constante evolución y a la posibilidad de funcionar entre muchas plataformas. En esencia, Netscape había heredado la visión de Mosaic, y, más aún, una invitación a ser comercializado. El potencial de la navegación por el Web llegó (y continúa llegando) a un siguiente paso más avanzado.

Características tales como los colores de fondo y los gráficos, tecnologías plug-in para vídeo y audio, y los fundamentos de un nuevo lenguaje de desarrollo para software llamado JavaScript (por medio de LiveScript) y el Lenguaje de Modelado de Realidad Virtual (VRML, Virtual Reality Modeling Language) trasladó a los buscadores a ser todo un interfaz que abría un nuevo mundo de posibilidades de noticias a nivel global, entretenimiento, información para empresas...

Sin esperarse sentada contemplando todo esto, Microsoft decidió subirse al carro. Siempre interesada en Internet como un medio, y pensando cómo crear aplicaciones integradas de software, Microsoft tuvo un adversario natural en el juego de los navegadores. Con un apogeo económico, una enorme infraestructura de soporte técnico, y recursos de desarrollo sin igual, Microsoft hizo su entrada en el mercado de los navegadores. Pero lo hizo de una manera bastante tímida.

Tras obtener el código primitivo de Spry Mosaic, evaluado en las convenciones de Netscape, y añadiendo características tecnologías para hacer del interfaz algo propio, el navegador Microsoft Internet Explorer había nacido. Microsoft luego le añadió un fuerte  y funcional suporte que incluía soporte de vídeo, de sonido de fondo, marquesinas horizontales, y un gran número de nuevas etiquetas de HTML.

El sector de mercado dominante, el cual últimamente se había vuelto más provechoso al colocar al navegador de Microsoft en una mejor posición en su disputa con Netscape, era hacer el navegador disponible a todo el mundo gratuitamente.

En este punto, las líneas estratégicas estaban pergeñadas. Tanto Netscape como Microsoft siguieron compitiendo de forma agresiva, cada uno intentaba superar al otro en términos de funcionalidad, interacción entre plataformas, y nuevas tecnologías. Y, por supuesto, la meta última era dominar el mercado dividido.

NOTA

¿Cuál es el beneficio económico producido por los navegadores, considerando que tanto Internet Explorer como Netscape son ahora productos gratuitos? El dinero gastado por terceros desarrolladores y compras de sistemas operativos, manufacturaciones de hardware y otros equipamientos necesarios para hacer funcionar los navegadores pueden ser caros, especialmente para las grandes empresas. Los clientes también pagan actualizaciones así como una variedad de productos que son hechos por los realizadores de losa navegadores y otras compañías asociadas.

¿Cómo están las cosas hoy día? En el momento de escribir estas líneas, podemos descargar el Internet Explorer 5.5 de Microsoft y el paquete del Netscape Communicator se encuentra en su versión 6.0 Preview 2, mientras que de las versiones terminadas está en  que contiene el navegador Navigator en su versión 4.74. Esto refleja la dura competencia que hay en este ampo, especialmente centrándonos en estos dos navegadores.

Pero ahí está la cuestión: sólo porque esté disponible el navegador más nuevo y complejo, no quiere decir que todo el mundo lo esté usando. Si hay algo útil que puedas aprender tras leer este capítulo, es que el HTML a la hora de la verdad no implica necesariamente el hecho de utilizar tan sólo etiquetas avanzadas propias del HTML en sus últimas versiones. ¿Pero necesitas conocerlas? ¡Claro que sí! Pueden ayudarte a avanzar en este largo camino. De todas formas, si estás metido en el proceso de aprendizaje del lenguaje HTML, y además conoces las características de cada navegador, te encuentras en una posición muy positiva, y vas por buen camino.

Actualmente el navegador Web más utilizado, es el Microsoft Internet Explorer de Microsoft, casi un 80% de los navegantes lo utilizan, frente a tan sólo un 20% que usa el Navigator de Netscape. Esto ha sido influenciado en gran medida por el hecho que Microsoft distribuye su navegador junto con el sistema operativo Windows, mientras que si se quiere utilizar el otro navegador, tenemos que molestarnos en ir a la página Web de Netscape y descargarlo. Por simple comodidad, la gente utiliza el de Microsoft.

Para resumir, ¿cuál es nuestro navegador preferido? No es adecuado por nuestra parte decirlo, pero dado que Internet está siendo interpretado como un medio de difusión libre, os diremos que desde siempre nos ha gustado mucho más Internet Explorer. No porque sea de Microsoft o por que esté exento de errores y cuelgues (que no lo está), sino por todas sus características. Primero, es el más avanzado, quizá tenga algunas deficiencias en el JavaScript que no posee Netscape, pero... ¿quién usa JavaScript puro y duro hoy día en páginas avanzadas, habiendo ASP, PHP, CGI, HTML Dinámico, etc...?; es el que mejor soporta las hojas de estilo, el soporte de ellas es muy limitado por Netscape y crea muchísimos quebraderos de cabeza; el más rápido, Navigator siempre ha presumido de velocidad y... personalmente, Internet Explorer desde su versión 4.0 en adelante le adelanta con creces, tanto en navegación por Internet como por navegación local (LAN o disco duro); es el que más fielmente expresa las fuentes en pantalla, el que más respeta píxeles y porcentajes de tablas o imágenes, el que más formatos multimedia soporta... un sinfín de características observadas tras los años que nos han hecho escoger Internet Explorer como navegador preferido.

Con esto no queremos decir que sólo "optimices" tu página para Internet Explorer, y mucho menos hacer dos versiones, cada una de ellas "optimizada" para cada navegador. Lo mejor es hacer una página dinámica y compatible con todos los navegadores, tanto Explorer, como Netscape, como Opera... y todos los demás.

 

capie.gif (51681 bytes)

Imagen del Microsoft Internet Explorer 5.0

 

capnes.gif (82791 bytes)

Imagen del Netscape Navigator 4.74

 

Acerca del Hardware

Ahora que ya hemos comentado los asuntos sobre plataformas y navegadores, es hora de hacer referencia a todo aquello sobre el hardware que no ha sido detallado en la sección de plataformas.

El hardware tiene influencia en el HTML de múltiples formas. Primero, cómo se muestran los colores indicados en el código. En el HTML 4.0, esto es especialmente importante debido a las hojas de estilo en cascada, las cuales ofrecen al diseñador de páginas Web muchas más posibilidades en la manera de aplicar el color a diferentes partes de una página, así como texto y enlaces.

Por supuesto, está siempre el tema de la velocidad. El hardware afectará a la manera en que se carguen tus páginas, si tu ordenador no está preparado para navegar, muchas de las tecnologías avanzadas del HTML podrán producir serios problemas.

Finalmente, hay limitaciones para los diseñadores de páginas Web en lo que se refiere al espacio. Mucho más sobre este tema se habla en el capítulo "Sobre la pantalla del ordenador"

Aquí hay una corta lista acerca de cosas que nos interesan acerca del hardware y que afectará a tu forma de diseñar HTML:

bulletMonitores, tarjetas de vídeo, y RAM de vídeo. Estos tres componentes de hardware funcionan conjuntamente para crear las señal visual. Si el visitante de tu Web tiene un hardware de imagen muy limitado, no será capaz de visionar de manera correcta tu sitio Web.
bulletSoporte audio, vídeo y multimedia. Con el creciente interés de la multimedia basada en Web, el deber de los diseñadores HTML es tener en mente que el usuario final posee o no el hardware capaz de manejar audio, vídeo, y un sinfín de aplicaciones multimedia.
bulletMemoria RAM y espacio en disco duro. La RAM es esencial para dar velocidad a los navegadores y aumentar así su aprovechamiento. Los navegadores también dependen de la caché, el cual es un método de almacenamiento de los gráficos y otros datos en el disco duro del visitante. Este proceso ayuda así a acelerar la muestra en la pantalla del ordenador de la información basada en HTML.
bulletAcceso y ancho de banda. Mientras que un creciente número de fanáticos de la Web están conectados a Internet por líneas tremendamente rápidas, tecnologías avanzadas de ancho de banda, la mayoría de la gente en sus hogares utiliza módems analógicos que marcan a velocidades desde 14.4 Kbps a 56 Kbps. El ancho de banda es un tema de gran importante cuando se diseñan los sitios y prácticamente dicta todas las decisiones de usar uno u otro navegador y una u otra plataforma.

Para de estas cuestiones relativas al hardware también se ven modificadas por el software. Por ejemplo, muchas gente tienen ordenadores con monitores que soportan resoluciones más altas y mayor número de colores, pero ellos mantienen las más bajas predeterminadas de fábrica porque desconocen que sus monitores son incapaces de mostrar superiores. Esta es la razón de porqué el 640x480 y los 256 colores son aún una limitación para el diseñador Web de hoy día.

Yendo más lejos, el audio, vídeo y multimedia puede ser utilizado en determinadas máquinas utilizando cierto plug-in de software. Si haces un sitio que pose este tipo de multimedia avanzada, asegúrate que tus usuarios tengan acceso a la compañía que posee los programas necesarios para reproducirla.

 

Asuntos especiales

El asunto principal considerando el tema del mundo real del diseño de páginas web es el acceso. Esto significa que cualquiera, sin importar su plataforma, navegador, hardware, software, destreza, capacidad física o situación geográfica, puede ser capaz de acceder a la mayoría de sitios web dedicados a la información y a los negocios.

La cuestión del acceso no es algo que pueda ser considerado alegremente. La razón es que no se puede perder el interés cuando estos asuntos no nos complacen. Si a la mayoría de las personas no se les ofrece un acceso más comprensible a las páginas, se hace más difícil divulgar sus contenidos. Y, ¿no es este el propósito de toda Web?.

Si nuestra intención es la de proporcionar noticias entretenimiento, información o facilitar una comunidad online, las posibilidades de nuestra página web se verán incrementadas si introducimos los cambios necesarios en beneficio de nuestro público.

La principal medida para hacer accesible una página es construirla con un texto comprensible. Ciertamente, si se dispone de la avanzada tecnología que ofrece el HTML 4.0 y aplicaciones relacionadas tales como marcos, hojas de estilo, JavaScript, y otros elementos, serás capaz de ofrecer algo diferente a la a la gente que quiera acceder a tu información.

Lo primero para empezar es decidir qué información debería ser echa accesible y qué información puede quedar relegada al entorno más avanzado. Una vez que la decisión esté hecha, podrás diseñar tu código HTML apropiadamente, o podrás elegir descargar archivos de texto desde el sitio Web como una alternativa.

 

Guías de acceso

Las siguientes guías te ayudarán a hacer tus páginas Web más accesibles. Este es el principal objetivo perseguido durante años, principalmente debido a que la W3C está comprometida a la accesibilidad en la Web. Necesitarás centrarte en los siguientes objetivos:

bulletFacilidad de lectura. Esto es asegurar que una página Web es legible en un entorno de sólo texto.
bulletClaridad del contexto. Un importante objetivo tanto en el acceso HTML y en el diseño, el contexto es la idea de que todos y cada uno de los elementos de una página tienen que tener alguna justificación de estar donde estén. La razón no siempre tiene que ser funcional, también puede ser estética. Pero no añadas una tecnología específica sólo porque tú sabes escribir el código. Elige y escoge únicamente las que son apropiadas para el contexto de tu trabajo.
bulletFuncionalidad. Formularios de pedidos, carritos de la compra, y búsquedas deben ser accesibles, o si no puede ser, deben ser ofrecidas algunas alternativas más sencillas. Si estoy visitando tu sitio Web con un módem de 14.4 Kbps desde un país muy lejano con tecnología limitada y un navegador de sólo texto, puedes apostar a que voy a verme frustrado si intento rellenar un formulario de un producto que requiero para hacer mi trabajo. Asegurar que existen alternativas a los formularios y otros dispositivos alternativos en un sitio es bastante simple de hacer y ayudará a este tipo de usuarios en gran medida.

Para dar a los sitios mayor facilidad de lectura:

  1. Administra las imágenes con el atributo alt. Este atributo te permite colocar una descripción en los gráficos por separado. Date cuenta que tus descripciones deben ser claras y concisas:

    <IMG src="puerta_del_sol.gif" alt="Fotografía de la puerta del sol">

  2. Cuando los gráficos que están siendo usados sean bolas, espaciadores, o para cualquier otra función que tan sólo tenga fines estéticos, usa atributos alt pero suprimiendo la descripción:

    <IMG src="bola.gif" alt="">

    Esto permite a los navegadores de sólo texto ignorar la imagen y evitar la necesidad de introducir una pobre descripción de texto.

  3. Evita el texto en las imágenes, o ofrece algunas alternativas. Para administrar las limitaciones tipográficas en HTML, los gráficos a veces son creados para reemplazar a las líneas de texto basadas en puro HTML. Si quieres que tu sitio sea completamente accesible, no hagas esto bajo ningún concepto, o asegúrate que usas los mismos comentarios alternativos de texto que tú usarías en la imagen. Es decir, si creas un gráfico pequeño y rectangular que diga PRODUCTOS, ponle una descripción en alt que diga lo mismo, PRODUCTOS.

  4. Las páginas con mapas de imágenes o navegación no estándar requiere dar otras alternativas. Si estás usando un mapa de imágenes, esto es, una imagen en la cual haciendo clic en diferentes zonas te diriges a otras páginas diferentes, el atributo alt no ayudará mucho. Necesitas ofrecer enlaces de texto alternativos. Puedes usar el atributo alt en la imagen y, para mapas client-side (ejecutados en la máquina cliente, es decir, por nuestro navegador), en las áreas individuales de la imagen.

    La sintaxis del mapa de imagen:

    <A HREF="http://ulc.org/htbin/mapimage.exe/ulc/menu.map"><IMG SRC"sol71.jpg" alt="Mapa de imágenes" width?"404 height=272 border=0 ismap usemap="ulcmain"></A>
    <P>
    <MAP name="ulcmain">
    <area shape="rect" coords="29, 154, 136, 206" href="acercade.html">
    <area shape="rect" coords="29, 202, 137, 255" href="productos.html">
    <area shape="rect" coords="148, 156, 255, 206" href="pedidos.html">
    <area shape="rect" coords="270, 154, 377, 206" href="libucl.html">
    <area shape="rect" coords="270, 207,377, 255" href="contacto.html">

    y la navegación alternativa de texto:

    <A HREF="acercade.html">Acerca de ULC</A> |
    <A HREF="prodcutos.html">Nuestros productos</A> |
    <A HREF="pedidos.html">Pedidos</A> |
    <A HREF="libucl.html">Librería UCL</A> |
    <A HREF="contacto.html">Información de contacto</A> |

  5. Ofrece HTML alternativo o descargas de sólo texto para todas las páginas que no puedan leerse con navegadores antiguos. Este es un método particularmente potente de mantener una accesibilidad. Te libera de problemas mayores y permite que la mayor parte de la información de tu sitio Web esté disponible vía descarga o cualquier otra para sólo texto. Los sitios basados en tablas y marcos son buenos candidatos para hacer esto, debido a que son para cierta gente notoriamente inaccesibles. Periódicos, revistas, servicios de información, y otros sitios ricos en contenido que hacen uso extensivo de las tecnologías de Internet deberían considerar esta opción como primera línea de precaución.

Para conseguir una claridad contextual, las siguientes indicaciones te ayudarán:

  1. Usa enlaces para poder guiar a tus navegantes para evitar que así se confundan. Obviamente no quieras colocar en una misma página largos textos de enlace para dirigir a los usuarios a otras partes de la página, usa mejor palabras clave. Y procura evitar fórmulas como "haz clic aquí", no suelen quedar suficientemente claras.

    Una forma común de hacer un código es la siguiente:

    <P>¿Conoces algún método para hacer tortilla de patatas? Si no lo sabes, haz clic <A HREF="tortilla.html">aquí</A> para más detalles.

    Pero una forma más correcta sería:

    <P>Si te gusta la tortilla de patatas, quizás quieras saber la <A HREF="tortilla.html">receta</A>.

  2. Coloca enlaces para posibles propósitos multimedia. Cuando tienes audio, vídeo, u otro tipo de programación avanzada disponible, realiza de una forma sensata las descripciones de texto:

    <P>Bienvenido a nuestra página de música, aquí podrás sentir y gozar de lo mejorcito disponible hoy día:
    <UL>
    <LI>Tenemos multitud de <A HREF="jazz.ra">jazz</A> diverso para ti
    <LI>O quizás prefieras oír algo de <A HREF="rock.ra">rock</A>, tenemos para todos los gustos.
    </UL>

    En cada uno de estos ejemplos, la etiqueta de los enlaces está clara. De esta manera, en el ejemplo hemos planteado un contexto al introducir clips que están en Real Audio. Cada etiqueta describe el link correctamente, y la gente que no pueda acceder con Real Audio no tendrá que preocuparse por este link. Si no me hubiera parado antes a hacer el planteamiento, quizás podría haber utilizado incorrectamente la etiqueta:

    <UL>
    <LI>Tenemos multitud de <A HREF="jazz.ra"diverso para ti

  3. Minimiza el número de enlaces en una página. Sí, sabemos que el corazón y el alma de la Web, pero hay lugar y tiempo para todo. Piensa en tus links... ¿todos ellos son necesarios? ¿Están situados en los lugares adecuados de tu página o lógicamente colocados en una sección especial para enlaces? Procura colocarlos con cierta precaución, y mantén el número de enlaces entre un máximo y un mínimo preestablecido para todas tus páginas, y poder así acceder a tu contenido.

Otros asuntos en el funcionamiento pueden ser tratados como se sigue:

  1. Si vas a usar formularios interactivos para un producto, es de muchísima ayuda ofrecer una opción de salida a impresora, siempre y cuando el grado de complejidad de tu página no la haga imprimible, o que tengas una alternativa basada en modo sólo texto, como, por ejemplo, una dirección de email. Esto mejora la accesibilidad de tu sitio considerablemente. Otra opción es ofrecer un teléfono o cualquier otro método de contacto tradicional que esté disponible.
  2. Cuando trabajes con programación avanzada y multimedia, una buena regla es, tanto para el diseño accesible y un buen diseño Web en general, estar seguro que todo lo que tienes puesto en tu sitio Web está ahí por alguna razón. A veces esa razón será estética, y otras veces la información será in especto necesario de tu sitio, tal como un interfaz de motor de búsqueda.

En cualquier caso, es un error introducir elementos en la página con el único propósito de asombrar a la gente haciendo un innecesario alarde de nuestros conocimientos tecnológicos. Por el contrario, hemos de sorprender al público por el cuidado, correcto funcionamiento y buena estética con los cuales está diseñada la página.

¿Es siempre posible el hacer una página accesible? La respuesta depende del tipo de servicios que se ofrezcan y cómo conozca el autor a su público. Es necesario pararse a pensar qué se está haciendo y por qué se está haciendo. Si la intención es construir una página disponible a la mayor cantidad de personas posible, el acceso es de suma importancia. Sin embargo, cuando se conoce al público de Internet, se descubre que hay sectores de la población de internautas hacia los cuales no es realmente necesario dirigir nuestro trabajo de HTML, luego el requisito del acceso se hace menos relevante.

 

Atrás Arriba Siguiente


 © 1997-2009 Duiops (http://www.duiops.net)
 Prohibida la reproducción parcial o total de los textos o las imágenes.

 Para comentarios, usar las direcciones e-mail de contacto