Knowband Blog | Ecommerce Modules

Una hoja de ruta para un E-commerce altamente accesible Sitio Web

Tener un sitio web de comercio electrónico con una accesibilidad patética a sus clientes objetivo es como tener un coche en buen estado que no tiene un motor de realizar. A nadie le gustaría visitar un sitio web que lleva demasiado tiempo para cargar correctamente y, a menudo frustra un usuario. Si se quiere mejorar la suerte de su entidad de negocio, es necesario trabajar hacia la mejora de la accesibilidad de su sitio web para las tasas de conversión brillantes y venta de productos. Con el apoyo de un diseño eficaz página web de comercio electrónico, sin problemas de navegación del sitio , el proceso de compra más rápidamente , impresionante sitio web el tiempo de carga y rendimiento, se puede lograr fácilmente la notable éxito en términos de tráfico del sitio, las tasas de conversión, la participación del cliente y las ventas de productos. Aquí está una descripción detallada de lo que se requiere que todos los ingredientes para un sitio web alucinantes accesibilidad.

1. Mejorar el alcance y la calidad de material- textual

Cualquier sitio web sin un contenido impresionante y atractivo o texto es simplemente inútil. Por otra parte, los últimos algoritmos de Google como Panda, Hummingbird y otros tienen una y otra vez demostraron la superioridad de los contenidos para la generación de las tasas de tráfico y conversión un lugar necesarias. Recuerde que debe prestar la debida atención hacia el contenido, así como gráficos o imágenes para aumentar el número de lectores de su contenido escrito. Echar un vistazo a las diversas maneras en que usted puede realizar esta tarea fundamental a la perfección.

– Utilizar imágenes de alta calidad optimizados para aumentar el valor y el atractivo de su contenido escrito. Además, el uso de etiquetas eficaz alt de la imagen, junto con el título y una descripción para la mejora de la amabilidad de SEO de su contenido.

– Ofrecer vídeos cortos de alta calidad con su contenido ( vídeo del producto ) para hacer que el contenido mientras más atractivo y vale la pena.

– Hacer uso de un contenido de audio alternativa eficaz que no afecta el tiempo total de funcionamiento y de carga de su sitio web.

– Utilizar los servicios de una transcripción de texto plano o RSS feed para hacer el contenido del sitio disponible a gran número de visitantes.

– Incluir un subtítulo para optimizar la experiencia de video de sus clientes objetivo.

2. Emplear formas de leer el contenido de su clientes-objetivo

Hay muchas personas que pueden no ser capaces de leer el contenido de su sitio de forma adecuada debido a la deficiencia visual, tamaño de fuente pequeño o tipo de letra ilegible de su texto escrito. Para asegurar una accesibilidad del sitio sin problemas a este tipo de clientes, es obligatorio tener una versión de audio de la página y el contenido del sitio. Este archivo de audio grabado puede convenientemente transmitir el mensaje escrito de su sitio web y sus páginas internas a sus clientes objetivo. Aparte de esto, hay varios softwares lectores de pantalla como Narrador de Microsoft, JAWS de Freedom Scientific, VoiceOver para sistemas Mac, Orca (open source) para sistemas basados en UNIX, NVDA (código abierto), Dolphin Supernova de Dolphin y varios otros tales.

3. Tomar las medidas necesarias para mejorar la navegación del sitio (especialmente las formas) – ¿De qué sirve un sitio web si no permite a los visitantes navegar a través de él de una manera transparente? Sería un gran desperdicio de su tiempo, dinero y esfuerzos si navegar por su sitio web es una tarea difícil. No puede haber numerosos factores en su sitio que pueden actuar como un obstáculo importante en la navegación sin problemas de su sitio web. Es necesario prestar especial atención a estos elementos particulares del sitio, como formularios de registro, página de pago, imágenes, vídeos, enlaces y otras áreas para asegurar la navegación sin esfuerzo de su sitio web.

Entre ellos, se dice que las formas de tener un efecto drástico en el rendimiento del sitio web y la navegación. Es necesario eliminar los campos innecesarios, etiquetas ilógicas y otros factores para que los visitantes pueden llenar sus formularios web sin ningún contratiempo. Por otra parte, es necesario evitar las restricciones con un plazo establecido y utilizar encabezados correctos para el contenido en su sitio web para facilitar una navegación más rápida. Para aumentar la accesibilidad de los formularios del sitio, es necesario realizar los siguientes pasos.

– Utilizar una etiqueta bien posicionada y descriptivo con cada campo en el formulario.

– Para establecer una relación efectiva entre el texto de la etiqueta y el campo de formulario, puede utilizar una etiqueta <label> o un <ARIA> propiedad.

– Asegúrese de que el orden de tabulación del formulario está en una correcta sincronización con el orden de los campos del formulario.

– Para los campos similares o relacionados en un formulario, puede agruparlos usando los conjuntos de campos. Tomemos, por ejemplo, los campos como “nombre de calle / Localityâ € ??,“Pueblo / Cityâ € ?? y “Estado / Provinceâ € ?? se pueden combinar bajo un único campo de la “correspondencia addressâ € ??.

– Informar a los clientes sobre los campos obligatorios en el formulario a través de la ayuda de símbolo asterisco (*). Aparte de esto, se puede hacer que los campos obligatorios deseados mediante el uso de la propiedad aria. Uso ARIA requerido = â € ?? trueâ € ?? para campos de formulario obligatorios y necesarios ARIA = â € ?? falseâ € ?? si el campo es opcional en la naturaleza.

– Proporcionar información de los clientes con respecto a la presentación con éxito de su forma o de errores relacionados con la sumisión. Mostrar errores en el lugar y la posición relevante en el formulario para aumentar las posibilidades de resolución de errores más rápido que puede ayudar en el envío del formulario rápido.

– Evitar el uso de códigos CAPTCHA para la validación de formularios, debido a sus problemas de inaccesibilidad y de rendimiento. Hay otras alternativas como dulce Captcha , PlayThru, NuCaptcha , casillas de verificación del lado del cliente JavaScript y otros tales que pueden ser utilizados para la validación de los datos del formulario. Para entender más sobre la fabricación de sus formas libre de spam, usted puede sacar de este enlace- https://webaim.org/blog/spam_free_accessible_forms/ .

4. Seleccione el color que está en resonancia con el contenido del sitio, imágenes, fondos y otros elementos-tales

Para asegurar la legibilidad de vigencia de su sitio web, es importante elegir el color adecuado para sus antecedentes y elementos de primer plano. Recuerda que para poder utilizar un color de contraste para el texto y el fondo para una mejor accesibilidad de su sitio web. Cuidado con el uso de colores similares tanto para el texto y el fondo de su sitio web como usar el color del texto negro junto con violeta, otro color marrón oscuro o cualquier afectará a la usabilidad de su sitio web en gran medida. La relación de contraste normal mientras esté usando el color de sus antecedentes y elementos de primer plano debe estar alrededor de 7: 1, pero incluso una relación de contraste de 4,5: 1 también va a hacer justicia a la visibilidad de su contenido y se asegurará la accesibilidad efectiva de su sitio web en cuestión. Puede comprobar la combinación de colores con la ayuda de  pruebas A / B y herramientas de mapa de calor . Por estas herramientas usted será capaz de conocer las zonas más eficaces y las zonas menos eficaces y hacer los cambios necesarios en la página web.

5. Asegúrese de que el tamaño de la fuente apropiada de su contenido-

Sería prácticamente inmadura e ingenuo esperar que sus lectores tienen una vista del ojo excepcional de 6/6 para que puedan leer sin esfuerzo el pequeño tamaño de la fuente de contenido en su sitio web. No haga que sus clientes para luchar demasiado al leer el contenido de su página web. Para facilitar un acceso sin problemas a su contenido del sitio web, es necesario utilizar tamaños de fuente relativos que se expresan en términos de porcentajes o EMS en lugar de utilizar tamaños de fuente absolutos que se expresan en términos de puntos o píxeles. Debido a esta práctica anterior, es prácticamente mucho más fácil para los usuarios hacer cambios deseados en los tamaños de fuente de acuerdo a sus requerimientos y la vista del ojo. Por lo tanto, es la necesidad de la hora de centrarse en el tamaño de la fuente también, y no sólo en mejorar el atractivo visual de su sitio web.

6. Papel de tecnología de asistencia en la página web Accesibilidad-

La tecnología de asistencia también conocida como tecnología adaptativa (AT) es en realidad una bendición para las personas con distintos tipos de discapacidades vinculadas al visuales, del habla, cognitivas, motoras o de otro tipo de trastornos físicos y mentales para acceder a las distintas áreas de una página web sin esfuerzo que utilizan precisa movimiento del ratón, de posicionamiento o de clics. La tecnología representa un grupo de dispositivos de asistencia, de adaptación y de rehabilitación que están destinadas para las personas con discapacidades diferentes junto con el proceso que está implicado en la localización, la selección y la utilización de estos dispositivos. Esta tecnología ha proporcionado una gran sensación de libertad a todas las personas con discapacidad a través de la ayuda de varias mejoras que han cambiado la forma en la que estas personas utilizan para interactuar con los distintos dispositivos digitales.

Varios dispositivos como lectores de pantalla, sistema Braille, software de ampliación de pantalla, software de reconocimiento de voz, el acceso de conmutación y otros tales han hecho un gran trabajo en la prestación de un sitio web accesible sin problemas a las personas con distintos tipos de discapacidad. Para obtener más información sobre los diferentes tipos de tecnologías de asistencia que actúan como luz para las personas con discapacidad guía, todo lo que necesita hacer es seguir este simple enlace .

7. Mejorar el rendimiento y la naturaleza de su Links- Para dirigir un mayor número de personas en el lugar deseado de sus enlaces, asegúrese de que sus enlaces están teniendo una etiqueta apropiada y color para indicar a sus clientes objetivo sobre ellos. Utilice un texto más contextual en base a esas simples frases como “haga clic hereâ € ??,“leer moreâ € ??, “conocer Morea € ?? y otras declaraciones que pueden incitar a sus clientes objetivo para hacer clic en un enlace en particular. Además, elegir el color adecuado para su enlace para obtener una mayor atención al cliente y la accesibilidad enlace.

8. El uso de HTML para mejorar la accesibilidad de su tabular Data- que sea un punto para usar sólo HTML para tablas de datos en lugar de utilizar las imágenes. Este enfoque será extremadamente útil para los visitantes que están utilizando las tecnologías de asistencia para acceder al contenido de la tabla. Además, trate de incluir títulos de las columnas adecuadas para la mejora de la accesibilidad de su contenido de la tabla. También se aconseja no utilizar formato tabular para el diseño o la estructura de la página, ya que causa problema en el que accede efectiva del contenido.

Para hacer sus tablas de datos más accesibles a sus usuarios, es necesario marcar sus celdas de encabezado de la tabla de manera efectiva. Aparte de esto, es necesario utilizar el valor del atributo margen para la cabecera de la columna asociada o encabezado de la fila de la tabla. Si se quiere mejorar la accesibilidad de su “Dateâ € ?? campo en su mesa, tiene que cambiar <td> Fecha </ td> a <th scope =”col”> Fecha </ th> en su parte codificación. Además, con el fin de informar a los usuarios sobre su tabla de datos, es necesario incluir una descripción correspondiente o título de la tabla a través del uso de la etiqueta <caption>. Por ejemplo,

<Table>

<Caption> Clase agenda </ caption>

<Tr> ….

9. Verificar la accesibilidad de su página a través del uso de ONDA

Herramienta de Evaluación de la Accesibilidad Web (OLA) es una notable herramienta que puede ayudar a los desarrolladores web en la mejora de la accesibilidad de su página web. Esta herramienta de evaluación de sitios web proporciona información crucial y comentarios acerca de la accesibilidad de su página introduciendo la URL de la página web en la página de la herramienta Wave casa. Si tiene alguna duda, consulta y preocupaciones acerca de esta herramienta de evaluación de sitios web, se echa un vistazo a este enlace útil, https://wave.webaim.org/help. Por otra parte, los usuarios de primera vez que no están familiarizados con esta herramienta de accesibilidad web y evaluación pionera pueden tener la ayuda de este enlace para obtener los conocimientos necesarios sobre la comprobación de la accesibilidad de su página web. Otras herramientas además de ONDA que pueden ser la luz de guía para la mejora de la accesibilidad de su sitio son CynthiaSays, Tenon y mucho más.

10. Trabajar para hacer que su contenido descargable accesible a su objetivo clientes- Sería en el interés de su sitio web si usted puede tomar los pasos necesarios para hacer que su contenido descargable en su sitio como los términos y condiciones de la documentación, manual de uso del producto, categoría de producto especificación o cualquier otro documento accesible a sus usuarios interesados. No les hagas a deambulan de aquí para allá en busca de software requeridos para el acceso a un documento en particular, pero no garantizan para hacer que su contenido descargable accesible a través de software disponible común. Siempre use una coma separados o pestaña archivos delimitados, archivos PDF y otros formatos similares que no necesitan ningún software propietario licenciado del vendedor en cuestión. Para hacer que su contenido sea accesible a través del formato PDF, es necesario seguir las diversas directrices que se mencionan en este enlace fundamental, https://webstandards.sonoma-county.org/content.aspx?sid=1014&id=1123.

11. Utilizar los servicios de landmarks- ARIA

Gracias a la introducción de las nuevas aplicaciones dinámicas de Internet accesibles (ARIA), una especificación de la World Wide Web Consortium (W3C), que es una red mundial órgano de gobierno, las aplicaciones web puede ahora ser fácilmente interactuó y se comparte a través del teclado. Usted puede hacer su sitio más amigable navegación mediante el teclado a través del uso de papeles referencia ARIA. Todo, lo que necesita hacer es añadir un atributo HTML para cualquiera de las funciones de punto de referencia, digamos por ejemplo papel = â € ?? navigationâ € ??, role = â € ?? Maina € ?? o role = â € ?? SEARCHà € ?? para dirigir usuario a la sección particular de la página a través de una sola tecla. Vamos a ver el código HTML que se puede añadir el atributo role hito correspondiente en el “Maina € ?? y “SEARCHà € ?? sección de una página web.

<Div id = función”maincontent” =”principal”>

<Form action =”search.php” role =”buscar”>

12. Aprender a utilizar los servicios de sistemas de gestión de aprendizaje (LMS) y sistemas de gestión de contenidos para mejorar la accesibilidad de su sitio web- Para mejorar la accesibilidad de su sitio web de comercio electrónico, es necesario hacer uso de los servicios de un plataformas de comercio electrónico eficaces que constan de numerosas características . Aparte de esto, puede tomar los servicios de varios sistemas de gestión de contenidos como WordPress , Joomla , Drupal y otros para proporcionar fácil acceso a numerosos temas, plantillas, plugins de comercio electrónico y otras opciones. Plugins son vistos para proporcionar un nivel básico de accesibilidad, rendimiento y facilidad de uso a un sitio web para mejorar el rendimiento global de un sitio web.

Sin embargo, asegúrese de que usted está haciendo uso de la experiencia de un plug-in de diseño excepcional y servicios de desarrollo como Knowband que tiene años de experiencia en esta área. Algunos de los plugins proporcionados por excelentes que son los siguientes:

Magento Algunos de los increíbles extensiones de Magento que son proporcionados por Knowband están Magento Abandoned Cart, Magento Auto Suscribirse, Magento una página Supercheckout, Magento Google Analytic comercio electrónico mejorado y mucho más.

OpenCart Estas son algunas de las extensiones OpenCart  que pueden ayudar en la mejora de la productividad de su tienda OpenCart en gran medida. Son OpenCart Ajax Carrito +, OpenCart una página Supercheckout Pro, OpenCart Loginizer Social, OpenCart Precio Alerta y tales otros.

PrestaShop Si tiene una tienda PrestaShop, estos son algunos de los Complementos de PrestaShop  que pueden ser el elemento de cambio para su tienda en línea y pueden mejorar la accesibilidad y el rendimiento de su sitio web. Echar un vistazo a estos complementos que son Cesta PrestaShop abandonado, PrestaShop Volver Manager, PrestaShop una página Supercheckout y muchos otros.

13. Mejorar el alcance de su sitio web en diferentes dispositivos- basada móvil

Debido al aumento constante en el número de clientes de telefonía móvil, es responsabilidad exclusiva de cada entidad de negocio en línea para hacer su sitio web accesible a los diferentes dispositivos móviles disponibles. El uso de diversas herramientas como Usabilidad móvil, prueba de optimización para móviles, PageSpeed Insights, Pingdom prueba de velocidad sitio web y otras herramientas de SEO móvil para mejorar el rendimiento de su sitio web para móviles. Si desea saber más acerca de cómo mejorar sus resultados de SEO móviles, no visite este enlace informativo. Además, el uso de la red de distribución de contenidos (CDN) de servicios, junto con el formato de imagen WebP para el navegador Google Chrome puede hacer un efecto significativo sobre la accesibilidad de su sitio web en diferentes dispositivos móviles basados.

14. Hacer uso de texto alternativo adecuado para imágenes- A pesar de que se dice que “Una imagen puede decir más que mil palabras itselfâ € ?? pero estas imágenes necesitan el apoyo de texto alternativo para ayudar a los usuarios a entender la intención apropiada o mensaje detrás de estas imágenes. Por otra parte, éstos texto alternativo se convierte en mucho más útil durante el uso de una información en imágenes como la infografía. Es de notar que el mensaje que ha de ser transportada con una imagen en particular necesita ser utilizado en el texto alt de esa imagen. Del mismo modo, si la imagen en cuestión consiste en un texto, ese texto en particular debe también ser incluida en el texto alternativo. Asegúrese de que las imágenes que se utilizan como enlaces se proporcionan con texto alternativo adecuado para que el lector de pantalla puede leer el mensaje asociado de la imagen en lugar de leer el nombre de archivo de la imagen. Aquí está el código de ejemplo de cómo un atributo alt se puede utilizar en una imagen para mejorar su atractivo y el entendimiento entre los clientes objetivo.

<Img src =”webaimlogo.jpg” alt =”WebAIM – Accesibilidad web en cuenta”>

Sin embargo, puede dejar el texto alternativo vacío para sus imágenes si la imagen es utilizada exclusivamente para la decoración de lujo ya que tomará el foco de sus clientes lejos de la imagen que se trate.

15. Adoptar medidas para hacer que su sitio web sea más accesible a través de teclado-

Hay numerosos usuarios que les gusta navegar por un sitio web en particular mediante el uso de teclas de atajo de teclado o teclas de acceso. Estas teclas de acceso son los elementos HTML que no se utilizan de manera efectiva durante el proceso de desarrollo de sitios web para garantizar un acceso transparente a ciertas secciones del sitio web a través del teclado. Con el fin de utilizar los servicios de teclas de acceso, es necesario seguir estos pasos.

– Pulse la tecla de función (Alt en el caso de Windows y Ctrl si el sistema es un Mac) junto con la letra específica o tecla del número que se asocia a una determinada sección del sitio web.

Además, los programadores pueden añadir fácilmente la funcionalidad de las teclas de acceso en su página web mediante la adición de un simple código HTML en la etiqueta de anclaje de navegación de su sitio en cuestión. El código de ejemplo es como se muestra a continuación.

<a href=”index.html” accesskey=”1″> principal </a>

Sin embargo, lo que limita el uso de teclas de acceso a nivel mundial es que no hay un conjunto universal de teclas asignadas que se puede utilizar para implementar la funcionalidad de las teclas de acceso en un sitio web. Aparte de esto, no existe tal mecanismo por el cual los usuarios pueden ser informados sobre las teclas del teclado que se utilizan como teclas de acceso para navegar por un sitio. Sin embargo, hay algunos países como Reino Unido, donde la autoridad en cuestión ha recomendado un conjunto de claves de acceso que se pueden asignar para una navegación web sin problemas a través del teclado. Aquí está una lista de las teclas de acceso.

S – Saltar navegación

1 – Página de inicio

2 – Noticias / Actualizaciones

3 – Mapa del sitio

4 – Buscar

5 – Preguntas más frecuentes (FAQ)

6 – Ayuda

7 – Quejas Procedimiento

8 – Términos y Condiciones

9 – Feedback Form

10 – acceso a información clave

16. Incluir encabezados correctamente para la organización de su estructura-contenido Para un acceso sin problemas a su contenido del sitio, hacen uso de la estructura de encabezado. El uso de HTML como etiquetas de encabezado <h1>, <h2>, <h3> y otras personas en el lugar apropiado en su contenido para la organización eficaz de su contenido y para una mejor legibilidad. Siga el orden correcto de los encabezados y mantener la presentación fuera de la estructura encabezamiento mediante el uso de CSS. Algunas de las pautas que hay que seguir, mientras que la creación de una nueva clase de CSS para su contenido son los siguientes.

– Utilizar siempre la etiqueta <h1> por el título principal de la página. Mantenga <h1> etiqueta de título reservado para el título de la página web y otras páginas individuales.

– Incluir encabezados para la indicación adecuada y la organización de la estructura de su contenido.

– Seguir un orden apropiado durante el uso de los titulares y nunca saltar de <h1> a <h3> etiqueta de encabezado directamente, ya que da una sensación de sentir a los lectores de que algún contenido particular, no se encuentra en el medio.

17. Hacer uso de los índices de tabulación para la navegación sin problemas alrededor de su sitio web-

Para determing el buen orden de la navegación alrededor de campos de formulario a través del uso de la tecla de tabulación, es importante que se utilice la ficha índices. Esta característica juega un papel clave durante la navegación en torno a las formas de un sitio. Sin embargo, si el diseño de la página está equipado con un orden lógico adecuado y una jerarquía fuerte debido a la presencia de las partidas y sub partidas, no hay mucho que preocuparse acerca de este índice de tabulación.

Como, formas constan de numerosos elementos pequeños como casillas de verificación y botones de radio que necesite la colocación precisa ratón y haga clic por los seres humanos, la realización de la misma sería difícil para una persona con discapacidad motora. En situaciones como ésta, la vida de estas personas puede estar en un gran alivio si una pestaña de indexación adecuada se lleva a cabo en la forma que puede permitir al usuario interactuar con todos y cada elemento de un formulario a través de golpes de teclado simples. Por otra parte, esta función será mucho más útil para las personas que no están usando una