Como crear una web accesible

BlogsdeBloggers esta semana nos enseña un poquito del arte de la accesibilidad a la web2.0. Como conseguir que el sitio web de una empresa sea accesible para la mayoría de los usuarios.

Para que cualquier persona que quiera utilizar la Web pueda hacerlo, el contenido de la Web deberá cumplir los cuatro principios que proporcionan los fundamentos de la accesibilidad Web: perceptibilidad, operabilidad, comprensibilidad y robustez.

Bajo cada uno de estos principios hay una serie de directrices y criterios de éxito que ayudan a hacer frente a estos principios por parte de las personas dedicadas al diseño Web y lograr que las personas con discapacidad puedan utilizar la Web. Hay muchas pautas que son de utilidad general y que logran que los contenidos sean más utilizables por todas las personas en general, incluidas aquellas con algún tipo de discapacidad.

Perceptible: Los componentes de la interfaz de usuario deben estar presentados de tal manera que los usuarios lo puedan percibir. Esto significa que los usuarios deben ser capaces de percibir la información que se presenta, es decir, la información no puede ser invisible para todos los sentidos del usuario.

1. Proporcionar alternativas textuales para todo el contenido no textual (imágenes, mapas, enlaces, botones), de manera que pueda modificarse para ajustarse a las necesidades de las personas.
2. Proporcionar alternativas sincronizadas para contenidos multimedia sincronizados dependientes del tiempo.
3. Crear contenido que pueda ser presentado de diferentes maneras y sin perder la información ni su estructura.
4. Facilitar a los usuarios la visión y la audición del contenido. 

Operable: Los componentes y la navegación de la interfaz de usuario deben ser operables Esto significa que los usuarios deben ser capaces de operar la interfaz, es decir, la interfaz no puede exigir una interacción que a un usuario le sea imposible de realizar.

1. Hacer que toda la funcionalidad esté disponible desde el teclado.
2. Dar a los usuarios el tiempo suficiente para leer y usar el contenido.
3. No diseñar contenido que pueda causar convulsiones.
4. Proporcionar medios que sirvan de ayuda a los usuarios a la hora de navegar, localizar contenido y determinar dónde se encuentran.

Comprensible: El funcionamiento de la interfaz de usuario debe ser comprensible. Esto significa que los usuarios deben ser capaces de comprender la información, así como el funcionamiento de la interfaz de usuario.

1. Hacer que el contenido textual sea legible y comprensible.
2. Crear páginas web cuya apariencia y operabilidad sean predecibles.
3. Ayudar a los usuarios a evitar los errores y a corregirlos. 

Robusto: El contenido debe ser lo suficientemente robusto como para ser interpretado de manera fiable por una amplia variedad de aplicaciones de usuario, incluidas las ayudas técnicas. Esto significa que el avance que se produzca en las tecnologías no debe afectar a la accesibilidad Web de los usuarios que emplean dichas tecnologías, es decir, el contenido debe seguir siendo accesible.

1. Maximizar la compatibilidad con los agentes de usuario actuales y futuros, incluyendo las tecnologías asistivas. 

Esquema de Avoka Blog

Aunque existen multitud de técnicas y pautas para la creación de un sitio web accesible, siguiendo estas 10 recomendaciones es posible conseguir que el sitio web de una empresa sea accesible para la mayoría de los usuarios de una forma sencilla.

1. Cuando se utilicen imágenes y animaciones utilizar el atributo “alt” para describir mediante texto dichas imágenes.
2. Para los mapas de imagen se debe utilizar el elemento “map” y texto alternativo para las zonas activas.
3. Cuando se utilicen recursos multimedia se deben de poner subtítulos y una descripción del vídeo.
4. En los enlaces de hipertexto se deben utilizar textos que tengan relación con el enlace y evitar textos del tipo "Pulsar aquí".
5. Utilizar encabezados, listas y estructuras para estructurar la página. Para la maquetación utilizar CSS siempre que sea posible.
6. Figuras y diagramas: se deben describir (en la misma página o utilizando el atributo “longdesc”).
7. Cuando se utilicen Scripts, applets y plug-ins se debe aportar contenido alternativo si estos no son accesibles.
8. Marcos (frames): se debe usar el elemento “noframes” y títulos con sentido.
9. Cuando se utilicen tablas se debe facilitar la lectura línea a línea y resumir su contenido.
10. Revisión: hay que verificar que se cumple con las normas de accesibilidad. Para ello se pueden utilizar las herramientas, puntos de comprobación y pautas.

Ejemplos: Accesible/No accesible by http://webaccesible.cea.es

• Ejemplo 1: Web con imágenes sin texto alternativo.
  
  
  Esta web un lector de pantallas para ciegos lo interpretaría de la siguiente forma:
  
  Simplemente con añadir un texto alternativo en el código de la Web un lector lo interpretaría de la siguiente forma:
  
  Para conseguir que una imagen sea accesible tan sólo tendríamos que cambiar el código en el que se incluye la imagen:
  <img src="./cielo1.jpg">
  Por el siguiente código:
  <img src="./cielo1.jpg" alt="Foto de manos entrelazadas con un fondo de un cielo azul.">
• Ejemplo 2: Web en la que el color de fondo y de texto no se distinguen.
  A veces no se tienen en cuenta el necesario contraste que debe existir entre el fondo y el texto de una página Web.
  
  Únicamente cambiando los colores de fondo y del texto se conseguirá una Web mucho más legible.
  
• Ejemplo 3: Web en la que no se indica el idioma utilizado.
  Aparentemente en las siguientes Webs no existe ningún problema de accesibilidad. Simplemente con pulsar sobre el enlace de cambio de idioma se puede acceder a la Web en español y en inglés.
  
  
  Sin embargo, si en el código no se indica el cambio de idioma un lector de pantalla no entenderá dicho cambio, quedando la web ilegible para los usuarios de este tipo de dispositivos.
  El idioma se indica de la siguiente forma:
  - Para español: lang="es"
  - Para inglés: lang="en"
  - Para francés: lang="fr"
• Ejemplo 4: Tablas en una web
  La siguiente tabla aparentemente no muestra ningún problema de accesibilidad:
  Sin embargo un intérprete de pantalla lo interpretará de la siguiente forma:
  “Economía Ciencias Literatura 2 8 5 7 6 7 5 8 8”
  Únicamente con incluir el atributo “summary” en la tabla se puede describir su contenido para que no presente problemas de accesibilidad.
  
  Ejemplo:
  <table summary ="Tabla en la que se relacionan categorías con un valor numérico. Economía tiene los valores 2,4 y 5. Ciencias tiene los valores 8, 6 y 8. Literatura tiene los valores 5, 7 y 8. ">
  
  

Espero que este artículo te haya sido de utilidad.

Tienda Online Consejos para su creación

Blogsdebloggers nos da una serie de consejos para crear una tienda online desde cero.

A modo de introducción hay que tener en cuenta que el primer paso para vender por Internet es tener un:

Plan de Negocio.

Realizar un buen plan de negocio nos permite sentar las base de la empresa y aumentar las posibilidades de éxito.
Más información: Breve guia para elaborar el Plan de Negocio
Estudio de Mercado/breve guia para estudio de mercado

Modelo de Negocio

Un modelo de negocio sirve para sentar las bases de como va a ser nuestra empresa, qué valor creamos para nuestros clientes y cómo generamos dinero.
Existen diferentes tipos, según sean los actores implicados en el proceso de venta.
Empresa a empresa B2B, empresa a consumidor B2C, empresa a empleado B2E y entre consumidores C2C.
Debemos tener muy claro en qué somos mejores, qué podemos ofrecer que sea único, y a quién está dirigido.
Más información: Modelos de negocios en el Ecommerce

Análisis de Mercado

Es fundamental que analicemos nuestro mercado, nuestros clientes, la competencia.
Así podremos identificar con claridad nuestros objetivos y trazar estrategias.
Hay que analizar tus fortalezas y tus debilidades para saber si realmente merece la pena lanzarte a la piscina con tu negocio o no.
Más información: Estudio de Mercado

Plan Financiero

Al poner en marcha un negocio debemos realizar nuestro plan financiero, donde se recoje toda la información económica de la empresa.
Si queremos que sea viable, es necesario tener en cuenta la liquidez, la política de endeudamiento y capitales propios, y sus diferentes ratios de rentabilidad.
Hay una posibilidad de financiación. De fuentes públicas, privadas ahora mismo que lo que más valoran son ideas.
A partir de ahí, montamos un buen plan financiero. Y seguro que hay gente que está interesada en invertir en el proyecto.
Más información: Plan Economico Financiero

Business Canvas

Una de las herramientas útiles para desarrollar nuestro plan de negocio es la metodología Business Canvas.
Consiste en utilizar un lienzo dividido en nueve bloques que corresponden con las nueve variables que intervienen en todo negocio.
En resumen, realizar un completo plan de negocio nos permite sentar las bases de la empresa y aumentar sus posibilidades de éxito.
Más información:  Crea tu business model canvas con google docs

Plataformas Tecnológicas para tu tienda online

http://blogsdebloggers.blogspot.com.es/2014/02/tiendas-online-con-prestashop-oscommerce-magento.html
Crear una tienda online siguiendo los pasos adecuados puede ser la clave del éxito de nuestro negocio.
El diseño visual de una tienda online debe ser sobre todo usable.
La tienda tiene que poner muy pocos obstáculos al objetivo final, o propósitos final, que es la venta online
Ya es difícil atraer a un visitante a nuestra web. Y no podemos perder a ese visitante simplemente por el hecho de que la web sea complicada.
Se tiene que eliminar todo obstáculo, todo aquello que impida que llegue el usuario al punto final. Que es la conversión de la venta.

"Antes podía ser una ventaja competitiva, estar o no estar en Internet. Pero ahora ya es una condición de existencia". "El que no esté en Internet no va a existir".
Son unas frases a tener muy en cuenta.

Tiendas online con Prestashop Oscommerce Magento

BlogsdeBloggers acerca a los emprendedores de tiendas online un análisis sobre los CMS mas utilizados en 2013 esperando que les sirva como punto de partida.

Buceando por la web he encontrado esta entrada en el blog de 4webs donde nos analiza las tiendas online en 2013, centrándose en tres CMS gratuitos como son Prestashop, Oscommerce, Magento.

Prestashop
Características a destacar:

• Permite integrar varios idiomas.
• Coste final de proyecto profesional económico .
• Gestión de multitud módulos de pago. Es muy sencillo incorporar nuevos módulos ampliar la características de la tienda.
• Grupos de clientes integrado.
• Fácil instalación con la mayoría de opciones.
• La herramienta atributos ,personalizable y sencilla de usar.
• Permite definir productos físicos o virtuales (descargas).
• Muy fácil de usar.
• Bajo consumo de CPU.
• Permite introducir códigos de barras!!!
• Panel de administración muy intuitivo y sencillo.
• Es muy rápido.
• Prestastore: Tienda de módulos ya desarrollados.
• Prestashop 1.5 dispone de multitienda.
• La comunidad en español sigue creciendo muy rápido.
• Prestashop 1.5, versión para móviles tanto para Iphone como Android.
• Posibilidad de adquirir APP nativa para Iphone, Android o tablets.
• Arquitectura Modelo /Vista/Controlador tanto en front office como backoffice.
• Prestashop 1.5 a mejorado considerablemente los envíos y almacenes.

Características a destacar:

• Soporte mayormente en Frances o Inglés, trabajamos actualmente para que esto no sea así y contribuya cada vez más gente.
• Sistema de atributos a mejorar.

Descargar prestashop - Foro oficial de prestashop.

Magento
Características a destacar:

• Muy potente, se puede realizar casi todo.
• Permite multitiendas.
• Sistema de búsquedas en Ajax.
• Permite una personalización completa del sitio.
• El panel de administración es el más completo de las 3 herramientas.
• Gestión de pedidos muy potente.

Características en contra:

• Comunidad pequeña, poco soporte, prácticamente casi todo en Inglés.
• Costes finales altos.
• Instalación y personalización complicada.
• Módulos desarrollados o themes escasos.
• Panel de administración complicado, más todavía para empresas sin conocimientos informáticos.
• Consume muchos recursos.
• El tamaño del archivo de instalación es muy grande.
• Características del servidor bastantes exigentes.
• Muchos módulos de pago.
• En caso de tener una tienda con mucho tráfico es posible necesitar un hosting para el frontoffice y otro para el backend, por lo que el gasto se puede disparar.
• La curva de aprendizaje es muy alta.
• Arquitectura EAV, Entity-Attribute-Value.

Descargar Magento -Foro Magento

Oscommerce
Características a destacar:

• Permite integrar varios idiomas.
• Gran comunidad de desarrolladores, en 2011 la mayor comunidad en español desaparece.
• Gran cantidad de módulos desarrollados por lo que se abaratan costes.
• Gestión de multitud módulos de pago.
• Gestión de envios, ya sean por zonas, tramos de pesos, etc….
• Desarrollar en Oscommerce es más económico, es más sencillo.
• Instalación muy sencilla.

Características en contra:

• La instalación inicial es muy básica, requieren de muchos módulos para comenzar a parecer una tienda.
• Apenas usa CSS por lo que todos los cambios de bloques hay que realizarlos manualmente.
• Proyecto estancado , Versión 3 por tiempo ilimitado….
• Muy laboriosos, cualquier pequeña modificación requiere grandes conocimientos de Php.
• No son accesibles (mapas del sitio, url amigables, meta-tags, títulos dinámicos,etc…) por parte de los buscadores si no implantamos un gran número de módulos.
• Con el cierre del foro en español de Oscomerce , desaparece la mayor ayuda que existía de este software en Español.
• Muchísimos bugs / errores en seguridad.

Descargar Oscommerce  - Foro Oscommerce Comercianos


Fuente: http://www.4webs.es/blog/analisis-tiendas-online-2010-prestashop-oscommerce-magento

Ley de Cookies punto 2 del artículo 22 de la LSSI

BlogsdeBloggers. Semana para reflexionar sobre la "Ley de Cookies"

Ley de cookies, ¿Sabes que es?

Antes de ver en que nos puede afectar esta ley de cookies os aconsejo que conozcáis lo que se entiende por cookies en informática:

Una cookie es la información enviada por una página web y almacenada en el navegador del usuario que accede a esa página web, de manera que la página web puede consultar la actividad previa del usuario.

Tiene como función:

• Conseguir información sobre los hábitos de navegación del usuario. Lo que puede causar problemas de privacidad que la ley de cookies intenta normalizar.
• Facilitar el uso de la página web al usuario conectado: cuando un usuario introduce su nombre de usuario y contraseña, se almacena una cookie (combinación de computador-navegador-usuario)  para que no tenga que estar introduciéndolas cada vez que acceda a esa página.

Adaptado de Wikipedia

Ley de Cookies se nos muestra en el punto 2 del artículo 22 de la LSSI (Ley 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico), y obliga a recabar el consentimiento de los usuarios cuando se vaya a guardar o recoger datos almacenados en el equipo del usuario. Para poder dar ese consentimiento se debe mostrar una información clara y completa del uso que se va a dar a esos datos. Su incumplimiento se considera una infracción grave y puede conllevar multas que van de los 30.001 hasta los 150.000 euros.

Estracto del punto 2 de la ley de cookies; “2. Los prestadores de servicios podrán utilizar dispositivos de almacenamiento y recuperación de datos en equipos terminales de los destinatarios, a condición de que los mismos hayan dado su consentimiento después de que se les haya facilitado información clara y completa sobre su utilización, en particular, sobre los fines del tratamiento de los datos, con arreglo a lo dispuesto en la Ley Orgánica 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal. 

Cuando sea técnicamente posible y eficaz, el consentimiento del destinatario para aceptar el tratamiento de los datos podrá facilitarse mediante el uso de los parámetros adecuados del navegador o de otras aplicaciones, siempre que aquél deba proceder a su configuración durante su instalación o actualización mediante una acción expresa a tal efecto.
Lo anterior no impedirá el posible almacenamiento o acceso de índole técnica al solo fin de efectuar la transmisión de una comunicación por una red de comunicaciones electrónicas o, en la medida que resulte estrictamente necesario, para la prestación de un servicio de la sociedad de la información expresamente solicitado por el destinatario.”

Ahora veremos quien tiene que cumplir esta Ley de Cookies, como y donde debe aplicarse y cuando.

• Quien: Está obligado a cumplirla en cualquier página web, bien sea de una empresa, profesional o particular cuyo propietario esté establecido u opere en el mercado español. Ante cualquier duda podemos consultar lo que se entiende por prestadores de servicios establecidos en España en el texto de la LSSI.

• Como: Existen varias formas de mostrar un información clara y completa del uso que se va a dar a las cookies en nuestra página web, como puede ser; mostrando una cabecera que se despliegue al acceder a la página web, colocar una página de aceptación de las cookies previa a la página web e incluso colocando un enlace en al pie de la página advirtiendo de su uso a esos datos.

Hasta no tener el consentimiento por parte del usuario del uso de cookies, no podemos instalárselas en su ordenador.

• Donde: Tiene que aplicar esta ley en todos sitios web que instalen cookies que no sean de carácter técnico o imprescindible para el uso de la web. Si no estás seguro de qué cookies utiliza tu web, lo mejor es que consultes con un profesional con conocimientos técnicos que podrá indicarte qué tipo de cookies utiliza tu web.

La Agencia Española de Protección de Datos publicó hace unos meses una guía sobre el uso de las cookies en un documento que puede descargar desde el enlace Guia_Cookies.pdf

• Cuando: Tiene que cumplir la ley desde el mismo momento que entro en vigor 1 de abril del 2012. Su incumplimiento se considera una infracción grave y puede conllevar multas que van de los 30.001 hasta los 150.000 euros.

Ahora que ya tiene una idea sobre la ley de cookies te invito a profundizar mas en ella accediendo a los enlaces que aparecen en este post.

Que es una cookies. Wikipedia ,  Ley de Cookies  ,  Guia_Cookies.pdf