Skip to main content

3.5 Plugings accesibles

¿Qué es un complemento?Pluging?

Un plugin de WordPress es una extensión de tu propia web que permite añadir nuevas funcionalidades o modificar algunas existentes. 

Existen plugins para muchas funciones, como visores de archivos en formato Pdf, carruseles de imágenes, listas de reproducción de Spotify, añadir botones de RRSS, editores de páginas de WordPress con función de arrastrar y soltar, entre otros.  

Complementos de accesibilidad

Los plugins de accesibilidad permiten añadir distintas características a tu web de forma que cualquier persona que la visite puede adaptarla a sus necesidades. 

¿Qué es un widget?

Algunas webs con opciones de accesibilidad ordenadas de menos a más accesibles son:

Casa Blanca




Gov.uk

¿QUÉ ES UN WIDGET?

El widget es lo que instala el plugin, es decir el plugin es el instalador y el widget es el botón o aplicación con la que se modifica 

y/o interactuainteractúa en la web.  

Algunos de los complementos de accesibilidad más conocidos y descargados son los siguientes:

ACCESIBILIDAD DE WP

wp accesibilidad.png


Este widget podemos encontrarlo instalado en la web cddaragon.es

barra de herramientas1.png

Para editar las posibilidades del widget podemos acceder desde el Panel de control de WordPress de varias formas:

  • a través del botón de Plugins, Plugins instalados, buscando el nombre del widget WP Accessibilitly, y haciendo clic en la opción definicionesdefinición.

definiciones.pngdefinición.png

  • a través del botón Ajustes, y buscando el nombre del widget Accesibilidad WP Accessibility

menú ajustes.png

definicion 1.pngdefinición 1.png

ajustes 2.png

ajustes 3.png


 

ONEACCESIBILIDAD EN UN CLIC ACCESIBILITY

un clic wp web.png

Este plugincomplemento es totalmente gratuito. El plugin instala un widget en forma de botón en tu web, por defecto en el lado izquierdo de tu web. Al pinchar en él accedesse accede a un menú en formato de barra lateral con todas las opciones de configuración que ofrece. 

Las opciones son:

  • Aumentar o disminuir el texto, proporciona 8 opciones distintas de tamaño
  • Escalaescala de grises
  • Altoalto contraste
  • Contrastecontraste negativo
  • Fondofondo claro
  • Subrayar enlaces
  • Fuentefuente legible
  • Restablecer

menú de un clic web.png

La configuración del widget instalado puede modificarse tanto en el menú desplegable que aparece al pinchar en el botón de Accesibilidad del widget del Panel de Control de WordPress, como pinchando en Plugins, Plugins instalados, y buscando One Click Accessibility.

En ambos sitios podremos encontrar el siguiente menú: Ajustes generales, Barra de herramientas y Personalizar. 

menú de un clic.pngun clic definiciones.pngun clic en descripción.png

¿Qué podemos configurar en cada apartado?

 1. AJUSTES GENERALES

AJUSTES GENERALES

Aquí podemos modificar: 

  • Distintas opciones controladas por teclado: Añadir contorno al enfoque, Enlace para saltar al contenidocontenido.
  • Quitar el atributo de destino de los enlaces, de forma que lo que se haya establecido anteriormente en la web con la apertura de enlaces se modificará para que se abran en la misma pestaña o ventana.
  • Añadir perfiles de marcas a todos los enlacesenlaces.
  • Y 2dos opciones muy interesantes: 
    • Accesibilidad global, que permite que cada vez que accedas a la web se mantengan los ajustes hechos previamente de accesibilidad. 
    • Recuerda al usuario durante el tiempo que se elija: 1 hora, 6 horas, 12 horas, 1 día, 2 días, 3 días, 1 semana o 1 mes. 

one click definiciones grales.pngun clic definición grales.png

 2. AJUSTES DE LA BARRA DE HERRAMIENTAS

  • Mostrar barra de herramientas en: todos los dispositivos, visible en escritorio, visible en tabletas, visible en teléfonos, oculto en escritorio, oculto en tabletas, oculto en teléfonos, desactivar. 
  • Título, nombre que aparece en la parte de arriba de la barra de herramientas
  • Activar y desactivar las opciones de la barra de herramientas así como cambiar el titulotítulo que aparecerá en la barra de herramientas:
    • aumentar y disminuir el texto
    • escala de grises
    • alto contraste
    • contraste negativo
    • fondo claro
    • subrayar enlaces
    • fuente legible

un clic barra herramientas.png

un clic barra herramientas 2.png

Las tres últimas opciones son para activar o desactivar que aparezcanaparecieron en la barra de herramientas el enlace directo al mapa del sitio, la ayuda y las sugerencias. 

+opciones barra herramientas tablero.png

+opciones barra herramientas.png

3. PERSONALIZAR

La personalización de las opciones de la Barra de Herramientas es un apartado de los Ajustes de la Barra de Herramientas, pero dado que se gestiona desde otra sección de WordPress, lo tratamos en otro punto distinto. 

  • Icono de la barra de herramientas, 3 opciones para elegirelegir:

icono silla de ruedas.pngSilla de ruedas icono one click accesibilidad.pngOneUn clickclic icono un clic.pngAccesibilidad

  • Posición del icono y la barra de herramientas: izquierda o derechaderecha.
  • Ajuste superior en pixelespíxeles para escritorio y para móviles. 
  • Color del fondo de la barra de herramientasherramientas.
  • Color del texto de la barra de herramientasherramientas.
  • Color del botón de accesibilidadaccesibilidad.
  • Color dedel botón de alternar: color del icono del botón de accesibilidadaccesibilidad.
  • Fondo activo, el color de la opción activa de la barra de herramientasherramientas.
  • Color activa, color del texto de la opción de la barra de herramientas que está activaactiva.
  • Estilo de borde al enfocar, tipo de línea de la caja que rodea la opción de la barra de herramientas seleccionadaseleccionada.
  • Ancho de contorno al enfocar, ancho de la línea de caja de la opción seleccionadaseleccionada.

un click personalizacion.pnghaga clic en personalización.png

USERACCESIBILIDAD WAYDE ACCESIBILITYLA VÍA DEL USUARIO

vía de usuario wp web.png

Este plugin tiene versión gratuita y de pago. Con la gratuita permite incorporar a tu web muchas características y opciones básicas que serán suficientes para dar más accesibilidad a tu sitio. 

El plugin instala un widget en forma de botón en tu web, por defecto en el centro del lado derecho. Al pinchar en él accedesse accede a un menú en formato de barra lateral con todas las opciones de configuración que ofrece. 

boton accesibilidad cddaragon.png

Imagen propia

La primera que aparece es el botón que da la opción de ampliar deel tamaño eldel menú de accesibilidad.

El resto de iconos del menú son los siguientes:

  • Contraste: 3 opciones disponibles
  • Realce de enlaces
  • Tamaño del texto: 4 opciones de tamaño
  • 3 opciones de espaciadoespacio del texto
  • Detener animaciones
  • TipografíaTipografia especial para dislexia
  • Cursor: tamaño más grande, máscara de lectura o guía de lectura
  • 3 opciones de altura de línealinea
  • Alineación de texto: izquierda, derecha, centrada y justificada
  • Saturación: 3 opciones
  • Mover u ocultar el widget

menú vía de usuario 1.pngmenu via de usuario 1.pngImagen propia

menú vía de usuario 1b.pngmenu via de usuario 1b.png

Imagen propia

Una vez instalado el plugin puedes modificar la configuración accediendo a través del menú lateral izquierdo de WordPress al widget que se habrá creado con el nombre de  UserWay .

Al pinchar en el widget pedirá logearse o iniciar sesión. 

Para acceder a la web de  UserWay  , necesitarás registrarteregistrarse la primera vez, aparecerá la opción, o seguirseguirá con una cuenta de Google. Ese email será tú usuario en la web  UserWay .

iniciar sesión usuario con caja.png

Imagen propia

Una vez iniciada la sesión en la versión gratuita, aparece una barra horizontal con 4 opciones: YourTu Widget, AccessibilityDeclaración statement,de ReportAccesibilidad, andInforme Docs,y Documentos, Videos andy Tutorials.Tutoriales. 

YOURTU WIDGET - TÚ WIDGET

En el botón de tu widget puedes consultar:

    • La versión del plugin que tienes instalado en tu webweb.
    • El botón de habilitar y deshabilitar el icono de accesibilidad en tu webweb.
    • El diseño del botón
      • 4 opciones de iconos para elegir y tamaño más grande
      • Colorcolor del botónboton
    • La localización del botón
      • Posición predeterminadaestablecida por UserWay
      • Posición exacta en pixelespíxeles

tu widget 1.png

tu widget 2.png


 

ACCESIBILITYDECLARACIÓN STATEMENT

DE

ACCESIBILIDAD : Este apartado permite crear una declaración de accesibilidad.

declaración.png


REPORTSINFORMES &Y DOCS

DOCUMENTOS:

Sólo con la versión de pago se puede descargar un informe de accesibilidad de la web, y aparecerá la opción para obtenerlo. 

informe de accesibilidad.png


VIDEOS

Videos &y TUTORIALS

tutoriales

Para cambiar las opciones del widget, UserWay ofrece distintos videos y tutoriales que permiten seguir los pasos de una forma mucho más visual. Hay que destacar que los vídeos están en inglés y que YouTube da la opción de subtitularlos en inglés y tiene traducción automática a numerosos idiomas entre ellos el castellano.  

videos&tutoriales.pngAlgunas webs en las que puedes ver y usar este widget son:

Versión gratuita

https://www.cddaragon.es/

Búsqueda e instalación

https://espaciomariadeavila.es/

Versión de pago

http://paralympic.org/


WIDGET GRATIS, MÁS COMPLETO DE PAGO


BÚSQUEDA E INSTALACIÓN

Los plugins para WordPress se pueden consultar e instalar desde distintas localizaciones:

  • Desde el Panel de Control de tu web en WordPress, en la parte derecha

    derecha.
    complementos-wordpress-dashboard.png
  • plugins-wordpress-dashboard.png

  • Desde la propia web de WordPress clicandohaciendo clic en la sección  PluginsComplementos 

complementos-wordpress.png

Antes de instalar el plugin es importante revisar los comentarios o valoraciones que aparecen, y más importante la última fecha de actualización del plugin. De forma que deberándebe consultarse:

  • Fecha de última actualización
  • Que hayanhan sido probados con la última versión de WordPress

A pesar de que se pueden encontrar los plugins en ambas localizaciones, instalarlos desde el Panel de Control de tu web resulta más sencillo, ya que el proceso se realiza completo desde allí. Por el contrariocontrario, si eliges instalar desde la web de plugins de WordPress, tendrás que descargar el plugin en tu dispositivo primero e instalarlo despuéss. 

- Desde el Panel de Control de WordPress

Buscar e instalar un plugincomplemento desde el dashboardtablero de tu web es muy sencillo.

Sólo tienes que acceder a la sección plugins de tu panel de control en WordPress, y hacer clic en Añadir Nuevo del menú desplegable bajo Plugins o de la ventana de Plugins. 

agregar complemento wp.png

En la siguiente ventana, haga la búsqueda del plugin que quiera instalar.

buscar complemento wp.png

Tras hacer la búsqueda podrá instalar el complemento elegido haciendo clic en el botón Instalar Ahora. Después cambiará el nombre del mismo icono a Activar. Pincha en el botón Activar. Ya tendrás instalado y activado tú widget en el panel de Plugins. 

 

- Desde la web de WordPress