Pasamos a continuación a describir algunas de estas actuaciones y prácticas a utilizar antes de distribuir el documento:

1. Proporcionar al documento un título significativo, que ayude al usuario a entender el contenido del mismo
   Colocar títulos significativos beneficia a todos, desde a los usuarios que utilizan lectores de pantalla y que escuchan ese título en primer lugar al abrir la página; al resto de usuarios que pueden diferenciar por el título el contenido de la diferentes páginas que pueden tener abiertas en un momento dado, o en su lista de favoritos, o en su historial de páginas visitadas; y a los robots de búsqueda, que utilizan ese título como referencia para indexarlas en los resultados de los buscadores.
2. Dividir el documento en secciones para que sea más fácil de leer y comprender.
   Como en el punto anterior, cada sección deberá tener un título significativo. A ser posible descriptivo, breve y conciso.
3. Especificar el idioma principal del documento .
   Al redactar un documento, éste tiene un idioma principal que hay que especificar. Puede que parte del mismo (un párrafo, una frase, un término) esté en otro idioma, por lo que debemos marcar también cada parte que esté en otro idioma.
4. Utilizar colores que tengan suficiente diferencia de contraste entre ellos.
   Si la diferencia no es suficiente la información podría confundirse. Además, no debemos transmitir la información sólo mediante el color, esa información tiene que estar disponible de otra forma para que todos los usuarios puedan interpretar la información que se muestra.
5. Utilizar una tipografía adecuada para que los textos sean más legibles.
   Nos referimos a utilizar fuentes sans-serif en su versión regular, con un tamaño mínimo de 12 a 14 puntos; a no redactar párrafos enteros en mayúsculas; y a no justificar los textos, ya que el espacio que queda entre las palabras no es homogéneo.
6. Redactar los textos de manera comprensible.
   Se debe utilizar un lenguaje sencillo y directo, así como dividir el contenido en párrafos breves y con estructuras claras que destaquen la información principal y que distribuyan ordenadamente las distintas partes de los textos.
7. Añadir textos alternativos para el contenido no textual.
   Debemos informar del propósito y utilidad de las imágenes incorporadas, excepto para los elementos gráficos decorativos. La descripción que hay que añadir deberá ser objetiva y dependerá de lo que quiera transmitir la imagen. Si es muy extensa podemos incluirla en un anexo.
8. No simular elementos si ya existe uno que tiene esa función
   Utilizaremos las herramientas adecuadas de cada programa para marcar los diferentes elementos: encabezados, pies, listas, columnas, índices, referencias, tablas…

Una vez terminadas las actuaciones anteriores ya casi podríamos distribuir el documento. Sólo faltaría, para que sea «accesible para todos», exportarlo a un formato libre como .html o .pdf.

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Estas comprobaciones se pueden realizar en cualquier momento del proceso de diseño y desarrollo del sitio web, aunque cuanto más temprano detectemos los problemas antes podremos solucionar la situación y menores serán los costes asociados a este trabajo.

Idealmente antes de la finalización del proyecto debemos asegurarnos el cumplimiento de estas convenciones. Para ello debemos revisar:

• La jerarquía visual, para que a simple vista se distingan claramente el título de la página, los titulares y los textos.
• La estructura de la información, con las áreas de las páginas claramente definidas para que la información de diferentes apartados no se mezcle, haciendo uso del espacio en blanco y llevando especial cuidado en la ubicación de las imágenes.
• El lenguaje utilizado, empleando términos comprensibles que se entiendan en el “mundo real” y redactando textos concretos y breves, sin información irrelevante.
• Los elementos estándares, haciendo uso de los estándares como que los iconos utilizados sean fácilmente reconocibles, que los menús se sitúen arriba o en los laterales y que el identificar los enlaces resulte obvio.
• La persistencia de la navegación, manteniendo algunos elementos comunes que aparecerán en el mismo sitio en todas las páginas: el identificador del sitio, un enlace a la página principal, los enlaces a las secciones principales, un buscador y las migas de pan que indican la ruta de navegación.
• El buscador, que sea fácil de utilizar y sobre todo que sea efectivo. Los resultados que proporcione deberán ser lógicos y fáciles de interpretar.
• El cross-browsing, para la correcta visualización y uso del sitio web en diferentes navegadores, en diferentes dispositivos y en diferentes resoluciones de pantalla.
• Los errores en la navegación, eliminando pasos intermedios y suprimiendo enlaces erróneos y/o enlaces rotos.
• La mejora de los tiempos de carga, con la optimización de código, imágenes y vídeos.

Si encontramos dificultades en alguno de los elementos debemos solucionar los problemas antes de dar por concluida esta fase y proceder con los denominados “tests de usuario”.

Álex Tavera

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

1. Páginas más comprensibles y mejor estructuradas
   Hasta la llegada de HTML5, los desarrolladores hacían un uso intensivo de las etiquetas <div> dentro del código HTML para deilimitar las diferentes secciones o partes de nuestro sitio web. Con la inclusión de nuevas etiquetas dentro de HTML5, como section, article, header, footer, nav, hgroup, aside, article, etc., daremos un valor semántico añadido a la distribución del contenido para que sea fácilmente localizable desde los diferentes buscadores y pueda ser mejor entendida por los navegadores y aplicaciones que accedan a ella.
2. Vídeo nativo sin instalaciones adicionales
   La reproducción de vídeos en la web iba ligada hasta hace bien poco a la instalación de Flash en nuestro navegador. HTML5 proporciona un estándar común que permitirá la reproducción de vídeos unificando así formatos y codificaciones sin tener que instalar elementos adicionales para disfrutar de cualquier media.
3. Geolocalización
   Cada vez más presente en las redes sociales y aplicaciones móviles, la geolocalización también ha sido contemplada por el estándar HTML5. A través de esta característica, las aplicaciones web pueden tener acceso a la latitud y longitud donde se encuentre el usuario que accede a un site, independientemente del sistema de georeferenciación utilizado por nuestro navegador (GPS, WiFi, 3G, etc.)
4. Aplicaciones offline
   El uso de aplicaciones web se ha enfrentado desde sus comienzos con una importante desventaja en comparación con las aplicaciones de escritorio, y era la posibilidad de estas últimas de trabajar en entornos desconectados. Además, con la utilización de dispositivos móviles, es habitual no disponer siempre de una conexión de alta velocidad de calidad para el uso de aplicaciones web. HTML5 aporta una importante mejora en este aspecto para permitir la utilización de todas las funcionalidades de las aplicaciones web “sin conexión” a través de APIs, que sincronizan sus datos cuando la conexión entre el dispositivo y la red se restablece.
5. Dibujos, animaciones y videojuegos
   Con la incoporación de la etiqueta <canvas>, HTML5 abre por fin la posibilidad de representación y dibujado de formas sobre un lienzo o canvas. Esta nueva funcionalidad aparentemente complementaria abre la web al mercado del videojuego, diseño y la animación nativa, que anteriormente dependía de otras plataformas propietarias como Flash.

¿Qué opinas de estas ventajas?

Héctor Gomis Hidalgo

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si ústed es su autor/a y considera que no debe estar aquí notifíquenoslo para que lo eliminemos.

La accesibilidad no es solo algo que deba emplearse por los beneficios tanto sociales como económicos que aporta a la sociedad en general; existen leyes que ya se están aplicando en muchos países y que la hacen de obligado cumplimiento.

Taller Digital de la Universidad de Alicante fue la primera empresa tecnológica en España que obtuvo el Certificado AENOR – Marca N de Accesibilidad.

Taller Digital asesora para lograr el Certificado AENOR – Marca N de Accesibilidad TIC y el Certificado de conformidad con la Norma UNE 139803. En este sentido:

• Taller Digital documenta los procedimientos de actuación y rutina necesarios para la Certificación del Sistema de Gestión.
• Taller Digital prepara el sitio web con vistas a su certificación.
• Taller Digital está presente en todo el proceso de auditoría.

Hoy en día, entidades como el Ayuntamiento de Ermua, el Ayuntamiento de Gijón, el Ayuntamiento de Zaragoza, el Gobierno del Principado de Asturias, entre otras, y últimamente el Ayuntamiento de Madrid, ya han obtenido el certificado de AENOR – Marca N de Accesibilidad.

¿Qué es lo que impide cumplir con esta responsabilidad? ¿Es falta de conocimiento, o de las herramientas necesarias? ¿Es conveniente que el personal que administra las páginas web esté formado en accesibilidad web?

Os invito a la reflexión.

Ana López

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si ústed es su autor/a y considera que no debe estar aquí notifíquenoslo para que lo eliminemos.

Pinterest muestra de una manera visual, mediante fotografías y vídeos, los gustos personales del usuario. El contenido a compartir puede ser cualquiera, desde una fotografía propia, hasta cualquier imagen que se encuentre en la web. La ventaja de esta plataforma es la rápida visualización del contenido mediante “boards” o tableros temáticos. Los más usados suelen ser: «Mi estilo», «Buena comida», «Cosas que adoro», entre muchos otros. Todos estos tableros se comparten con el resto de usuarios, que tienen la posibilidad de “repinear”, es decir, duplicar nuestras elecciones en sus tableros, compartiendo así un gusto común.

Así de sencilla es la dinámica de la red. Aunque inspirada en ítems de otras redes, como “me gusta” de Facebook, esta plataforma no se preocupa de la cantidad de amigos que se muestra en el perfil; en cambio, se trata de expresar los gustos personales y encontrar preferencias afines en otros perfiles y que otros lo encuentren en el propio.

En Taller Digital contamos con un panel con nuestros lugares favoritos, donde incluimos algunos emplazamientos donde nuestra unidad Audiovisual ha realizado grabaciones; o un panel con productos que nos gustan, donde pinchamos algunos de nuestros productos más populares (demandados) (GESProtocolo, APP Videoguías, etc.)

A continuación os ofrecemos 6 razones por las que deberías promocionar tu empresa en Pinterest:

1. Auge de la suscripción a Pinterest. Cada día reúne más participantes, por tanto es una manera sencilla de darse a conocer a un público más amplio.
2. Mostrar el producto. Es una de las formas más sencillas de atraer a un cliente, y esta red goza de presentar el producto visualmente; siempre que se exhiba de una manera creativa desde un punto estético, es probable que más usuarios quieran “pinear” o publicar este contenido en sus tableros.
3. Presencia. Esta plataforma está muy bien conectada con otras redes sociales, exactamente Facebook y Twitter, además la dinámica de la plataforma permite enlazar el contenido con la web o blog de la empresa. Todas las fotografías deben estar enlazadas a su fuente original, por lo que si en la web de la empresa se muestra una imagen, en Pinterest se revelará como origen la web de la empresa o la propia tienda on-line al “pinearla”.
4. Viralidad. Es una característica que ayuda a la difusión en la Red. La imagen del producto se va multiplicando en los tableros conforme los usuarios la “repinean” o duplican, siempre mostrando la fuente original. En resumen, esta acción reporta tráfico hacia las páginas web de la empresa y la difusión de la empresa a su vez.
5. Catálogo. La funcionalidad principal de la red es catalogar, como ya hemos mencionado. Clasifica todas las imágenes temáticamente a nuestra elección. Por tanto, una empresa puede catalogar sus productos en los tableros, al igual que un fotógrafo puede catalogar su portfolio.
6. Pestaña “Gifts” o regalos. La plataforma tiene una pestaña donde existe la opción de vender los productos, como en la misma tienda on-line.

Por último, aunque Pinterest es un perfecto escenario de promoción y difusión, es recomendable interesarse por los usuarios que participan en la red y colaboran con la empresa, sean clientes o no. No se debe olvidar que se trata de compartir gustos afines. Al igual que en otras redes los usuarios no sólo verán lo que se vende, sino cómo es la personalidad y cultura de la empresa, quién la gestiona y lo que realmente comparte con ellos.

Estefanía Martínez

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si ústed es su autor/a y considera que no debe estar aquí notifíquenoslo para que lo eliminemos.

Lo primero que se plantea es con qué fin se va a utilizar el perfil de la red social en concreto. Generalmente se recomienda utilizar el mismo avatar para todas las redes en las que se participe, así el perfil será fácilmente reconocible y accesible. Sin embargo, es común utilizar cada red con un objetivo distinto, por lo que es decisión de cada uno seguir, o no, esta línea. Partiendo de estas bases, ofrecemos una serie de consejos para la optimización de avatares en el uso de perfiles profesionales.

1. Es imprescindible usar el avatar: no hacerlo da sensación de despreocupación o engaño, por lo que se verá limitada la interactuación en la Red.
2. La imagen que se utilice debe ser propia, una imagen actual, en la que aparezca uno mismo, no una mascota, un paisaje, un personaje famoso o una marca. El objetivo principal es que se reconozca a la persona y se relacione fácilmente.
3. Es preferible que el encuadre de la imagen aborde un primer plano o plano medio, es decir, que se vea directamente la cara o desde mitad de cintura hacia arriba. Una imagen de cuerpo entero dificulta la identificación.
4. Utilizar colores neutros, incluso blanco y negro, siempre que la imagen esté bien contrastada, dará sensación de sobriedad y profesionalidad.
5. El fondo de la imagen, limpio y sencillo. Se deben evitar habitaciones de la casa, como el cuarto de estar, el dormitorio o el baño.
6. Cuidar la actitud o carácter de la imagen. Ya que es una imagen representativa debe ser personal, es mejor mostrar una actitud relajada y sonriente, divertida; pero sin caer en la vulgaridad. Por lo que se deben evitar fotos de fiesta o en ambientes excesivamente personales. La foto de recién licenciado, da sensación de puerilidad, al igual que las fotos de personajes ficticios. En cambio, las fotos con actitud seria y tensa, se perciben como autoritarias y artificiales.
7. Aparecer en la imagen con un atuendo cuidado, naturales pero no desaliñados.

En resumen, el avatar nos permite muchas opciones, tantas como queramos experimentar, sin embargo debe utilizarse desde la sencillez y el buen gusto.

Estefanía Martínez

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si ústed es su autor/a y considera que no debe estar aquí notifíquenoslo para que lo eliminemos.

Por ello, desde el departamento de Informática de Taller Digital hemos apostado desde hace algún tiempo por la filosofía “renovarse o morir” y nos hemos especializado en desarrollo web siguiendo las nuevas tendencias tecnológicas del mercado.

En este aspecto podemos destacar metodologías y frameworks como Grails (Groovy/Java), ASP.NET MVC (.NET) y Symfony (PHP) que permiten seguir metodologías de desarrollo actuales de una forma estructurada, sencilla y eficaz:

• Desarrollo ágil: promoviendo iteraciones cortas en el desarrollo a lo largo de todo el ciclo de vida del producto (SCRUM).
• Participación de los clientes en la construcción de su producto: el rápido prototipado de aplicaciones (Scaffolding) nos permite poder desarrollar primeras versiones de las aplicaciones de forma más rápida, permitiendo ajustarnos en mayor medida a los requerimientos y deseos de nuestros clientes, y disminuyendo así los riesgos potenciales.
• Mayor calidad en el producto: la fiabilidad y calidad de los desarrollos son premisas indispensables en nuestros equipos de desarrollo. Estos frameworks nos proporcionan herramientas automáticas de testeo que permiten detectar errores en cualquier etapa del desarrollo.
• Mayor satisfacción por parte de nuestros clientes: en la medida en que los clientes participan de forma activa en el desarrollo del producto obtenemos un producto de calidad y ajustado a sus necesidades.

En resumen, desde hace algún tiempo estamos apostando por nuevas metodologías y herramientas y creemos en la idea de crear un clima de proactividad, que, si bien no puede garantizar un éxito de forma segura, sí puede encaminarte hacia él.

Raúl Gomis

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si ústed es su autor/a y considera que no debe estar aquí notifíquenoslo para que lo eliminemos.

Hacer que tu página web sea accesible es rentable. La accesibilidad web confiere beneficios sociales, tecnológicos, económicos y legales a todos.

La accesibilidad web es un concepto inicialmente relacionado con el colectivo de discapacitados, pero es algo que ayuda a cualquier usuario a tener un mejor acceso a la información de tu web.

1. La accesibilidad web facilita el acceso a través de dispositivos móviles (iPhones, Smartphones, PDA‘s, Blackberry, etc.) porque favorece la navegación táctil y la visualización en pantallas reducidas.
2. La accesibilidad web beneficia a una persona con discapacidad auditiva. Los contenidos auditivos de una página web accesible tendrán una alternativa textual/visual para que esta persona reciba lo que el audio expresa aunque no pueda oírlo.
3. La accesibilidad web beneficia también a una persona con problemas de audición momentáneos: por ejemplo, una persona que navega en un lugar muy ruidoso (calle) o en un lugar muy silencioso (biblioteca).
4. La accesibilidad web beneficia a una persona con discapacidad visual. Las imágenes de una página web accesible tendrán una alternativa textual para que esta persona sepa lo que la imagen contiene aunque no pueda verla.
5. La accesibilidad web beneficia también a una persona que vea la página con una conexión lenta en la que las imágenes no se descarguen con rapidez. La alternativa textual le permitirá saber lo que la imagen contiene.
6. La accesibilidad web beneficia a las Administraciones Públicas, a las entidades y empresas que gestionen servicios públicos y a las empresas que prestan servicios de comunicaciones electrónicas, suministros, transportes, etc., porque la legislación española establece requisitos para su cumplimiento.
7. La accesibilidad web beneficia a cualquier empresa porque conlleva un aumento del posicionamiento natural en los principales motores de búsqueda, lo que se traduce en un aumento sustancial del número de visitas y clientes potenciales, facilita la navegación y la visualización en los diferentes dispositivos de consulta, además de la imagen de compromiso y responsabilidad social que supone tenerla en cuenta.
8. La accesibilidad web beneficia a todos.

Aprovechemos esta ventaja y seamos responsables. Recordemos que la tecnología debe adaptarse a los usuarios (y a todas sus circunstancias) y no los usuarios a la tecnología.

Ana López Díaz

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si aceptamos esta definición, es fácil encontrar aspectos coincidentes y puntos de encuentro entre accesibilidad y responsabilidad social y concretamente, entre accesibilidad web y responsabilidad social empresarial. Alguno de estos aspectos son los siguientes:

1. Tu web es, en muchos casos, la tarjeta de presentación de tu empresa y un espejo de su cultura, productos y servicios, recursos, por lo que una web accesible demuestra el interés real por la Responsabilidad Social.
2. La accesibilidad está directamente ligada a aspectos como la calidad, sostenibilidad, comunicación, y todos estos aspectos son ejes de apoyo de cualquier modelo de responsabilidad social.
3. Los entornos, productos, servicios, dispositivos, que no son accesibles implican una exclusión directa de miles de personas que, a su vez, son clientes potenciales por lo que supone ir en contra de cualquier modelo de responsabilidad social empresarial ya que en todos ellos la comunicación con los grupos de interés es imprescindible y, sin duda, los clientes-consumidores es uno de los grupos prioritarios en cualquier entorno empresarial.
4. Aquellos entornos, productos, servicios, dispositivos, que excluyen, aún cuando sea implícitamente, personas por no cubrir sus necesidades de accesibilidad, no contribuyen al compromiso de igualdad de oportunidades y, por tanto, tampoco al de responsabilidad social.
5. Si no existe una labor socialmente responsable desde la empresa, tampoco se proyecta sobre la sociedad, por lo que una web accesible es una contribución micro que forma parte de una contribución macro y que garantiza la permanencia de las empresas y la adecuación a las nuevas necesidades sociales que, además son globales.

Elisa Espony

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

La respuesta a la necesidad de gestionar volúmenes masivos de información surge de la base de datos NoSQL, término acuñado a finales de los 90 y que engloba todas las tecnologías de almacenamiento estructurado que no cumplen el esquema relacional.

La cantidad de información manejada por comunidades, redes sociales, buscadores, y muchos otros proyectos en el ámbito de la Web 2.0 es abrumadora, lo que ha hecho que surjan nuevas arquitecturas de almacenamiento de información, que deben ser de alto rendimiento, escalables y distribuidas.

Dentro de las plataformas NoSQL encontramos varios grupos:

• Basadas en clave/valor. Se almacenan valores asociados a una clave. Son sencillas y las de mayor rendimiento.
• Basadas en documento. Son una particularización de las clave/valor, en las que el valor puede ser un documento. Permiten consultas complejas.
• Basadas en columna. Los valores se almacenan en columnas en lugar de filas. Son útiles cuando se gestionan datos agregados.
• Basadas en grafo. Las relaciones se tratan como un dato más.
• Basadas en objetos. Los datos son objetos y las relaciones punteros entre ellos. Permiten operaciones muy complejas pero suelen tener bajo rendimiento.
• Otras. Cubren necesidades muy específicas y tienen escasa implantación: basadas en tupla, multivaluadas, jerárquicas, etc.

Algunas de las bases de datos NoSQL más usadas son:

• Basadas en documento:
  • Apache CouchDB (http://couchdb.apache.org/).
  • MongoDB (http://www.mongodb.org/).
• Basadas en clave/valor:
  • Apache Cassandra (http://cassandra.apache.org/).
  • MemcacheDB (http://memcachedb.org/).
  • Redis (http://redis.io).
  • Google BigTable (http://labs.google.com/papers/bigtable.html).

Aunque esta tecnología surgió de unas necesidades muy concretas, su difusión y algunos proyectos para encapsular sus funcionalidades y hacerlas más amigables a desarrolladores acostumbrados a SQL está provocando que también se usen en proyectos de pequeño tamaño, con lo que todo indica que a medio plazo convivirán con las bases de datos tradicionales independientemente del volumen de datos a gestionar.

Juan Carlos García Candela

Se permite la reproducción de este artículo manteniendo la integridad del mismo, y siempre que se incluya el enlace a esta página como fuente de referencia.

Si ústed es su autor/a y considera que no debe estar aquí notifíquenoslo para que lo eliminemos.