TEMA 2

T2 P1 Finestra Incial


Última actualización: Martes Agosto 30, 2022 16:45:05 GMT-0000 ...page...

La web en PortalEdu. Una herramienta de comunicación y Dinamización TIC.


Con toda probabilidad, una web es la mejor herramienta que tenemos los centros para 'abrirnos' a toda la comunidad educativa y a su entorno. Podemos pensar desde un punto de vista de gestión del centro, o desde la perspectiva pedagógica, en la que Internet nos puede ayudar a dinamizar nuestra tarea docente, a participar en diferentes proyectos u organizar cualquier actividad. Sin olvidar tampoco que puede ayudarnos a incorporar una utilización positiva de las tecnologías de la información entre nuestro alumnado. Por todos estos motivos, y seguramente muchos más, queda claro que la página web de un centro es una herramienta necesaria para muchas cosas.

Si recordamos algunas de las características de Wordpress que repasamos en el Tema 1, las cuales son el principal motivo de elección de esta herramienta como gestora de los contenidos de PortalEdu y las ligamos con el objetivo de desarrollar una web de centro, veremos que lo que se pretende es acompañaros a lo largo del todo el ciclo de vida del portal de vuestro centro, y que ese proceso sea:

  • Fácil: Participar a la elaboración de la web del centro tiene que ser una cosa bastante sencilla de aprender. Si queremos una web actualizada y dinámica, su mantenimiento tiene que ser simple.
  • Colaborativo: Cuantas más personas participan, mejor, únicamente tenemos que tener las herramientas necesarias para gestionar la interacción entre los diferentes tipos de colaboradores/as.
  • Provechoso: Un resultado final con apariencia actual y que nos proporcione aquello que necesitamos para publicar la información de nuestro centro a la web.


Como ya hemos comentado en el tema anterior, Wordpress ha crecido, desde un sencillo gestor de Blogs personales, a un gestor de contenidos, que nos permitirá la elaboración completa de un sitio web. En el supuesto que nos ocupa, la web de un centro educativo. Seguramente, muchos/as de vosotros ya participáis de alguna manera en el desarrollo de la web de vuestro centro en Mestre a Casa. Por eso, ya sois plenamente conscientes de que se trata de una estructura más compleja que la de un simple blog, con diferentes niveles de contenidos, elaborados y gestionados por personas diferentes, con roles diversos.

La cuestión que, probablemente, os estaréis planteando ahora es cuáles serían los elementos que nos proporcionará Portal.edu para la elaboración de un sitio web. Pues tenemos que empezar a familiarizarnos con conceptos como:

Elementos de Wordpress

¿Qué elementos podremos encontrar en un sitio web desarrollado con Wordpress, dentro de PortalEdu?

  • Temas: Definen la apariencia de la web, y las ubicaciones del resto de elementos. En la actualidad contamos con el tema Generate Press por defecto.
  • Menús: Como en cualquier página, son los elementos de navegación para facilitar el acceso a todas las secciones de la web. Su ubicación depende del tema escogido.
  • Plugins: Una de las herramientas más útiles de WordPress. Con las extensiones podemos ampliar las capacidades funcionales de nuestra web. Vendrán instaladas en PortalEdu, y seremos quienes las configuraremos y utilizaremos.
  • Widgets: Elementos visuales que podemos incluir en diferentes posiciones en nuestra web, para facilitar el acceso a determinadas funcionalidades. Los widgets disponibles y sus ubicaciones dependen tanto del tema activo, como de las extensiones instaladas.
  • Contenidos: Bloques de información, que incorporan los típicos elementos de HTML, y que podemos incluir en formato de página o entrada (ya veremos las diferencias entre unas y otras).

Resumiendo, una distribución típica (muy sencilla todavía), en una web de centro en PortalEdu, podría ser una cosa parecida a la siguiente imagen, en la que ya vemos los diferentes elementos que acabamos de comentar:

Captura 1  

Uf... menús, widgets, páginas, extensiones, temas... ya me he perdido. ¿Todo esto cómo se utiliza? ¿Dónde se configura? Tranquilidad, esto lo veremos a partir del tema siguiente, de momento nos centraremos en cómo nos organizaríamos y cuáles tendrían que ser las pautas generales para conseguir una web actualizada. Muchas cosas son las que pasan en un centro (bien que lo sabéis), y si queremos que PortalEdu sea un tipo de 'ventana al mundo' de toda esa actividad, el proceso de mantenimiento de la web será un trabajo continuo, en el que tienen que participar muchas personas, por lo cual tenemos que plantearnos cuestiones, como por ejemplo:

  1. ¿Quién se encargará de la web? Como ya hemos repetido, en la mayoría de los casos, será un proceso colaborativo, que necesitará una organización. Es lo que veremos en el punto siguiente de Organización y gestión del equipo de trabajo.
  2. ¿Qué queremos mostrar? Con la cantidad de información que puede llegar a generar un centro educativo, tendríamos que tener claro cómo lo organizaremos. Nos plantearemos esta cuestión en el punto Estructura de la web. Planificación inicial.
  3. ¿Como se tienen que publicar los contenidos? Además de hacer pública información, queremos que esté en un formato legible, actualizado y accesible para todo tipo de usuario. Esto lo trataremos en el apartado de Recomendaciones para el diseño de nuestra web.


Si os dais cuenta, estas tres cuestiones fundamentales son independientes de la herramienta con la cual se desarrolla un sitio web, además de ser tareas periódicas, que necesitan revisión constante. La realidad, en muchos centros, es que este trabajo de planificación y organización no se ha llevado a cabo nunca, aun así, y aprovechando la implantación del nuevo portal educativo... ¿por qué no nos sentamos a pensar un poco qué queremos hacer, antes de hacerlo?

Última actualización: Martes Agosto 30, 2022 16:45:05 GMT-0000 ...page...

El equipo de trabajo. Organización y gestión.


Diseñar, crear y mantener una web no es tarea sencilla y la decisión de acometerla tiene que ir asociada a una planificación previa: ¿Quién se encargará de cada uno de los procesos? ¿Qué utilidad se le quiere dar al lugar? ¿Qué finalidades queremos conseguir? Los desarrolladores tendrían que afrontar la creación de su web como un proyecto global, que tuviera en cuenta a todos los miembros de la comunidad educativa. Teniendo en cuenta que estamos hablando de una potente herramienta de comunicación y difusión, habrá que tener mucho cuidado a la hora de plantear qué se quiere mostrar y cómo. No tenemos que olvidar que es nuestra imagen, y la de nuestro centro, la que se está mostrando en el mundo.

En este curso planteamos la necesidad de un equipo de trabajo, es impensable, y a la larga totalmente inoperativo, que la responsabilidad recaiga sobre una sola persona. A falta de legislación sobre este tema, quizás sería el momento de proponer la creación de una comisión TIC de centro, si no se tiene ya, en la cual participan representantes de los estamentos que consideremos necesario.

Este proceso tiene mucho a ver con la realidad de cada centro (nivel educativo del centro, cantidad de profesorado, competencias digitales del claustro, voluntad de participación...), por lo cual no se puede establecer un procedimiento único para todos. El que vayamos a hacer en este apartado es mostrar las posibilidades que nos ofrecerá Portal.edu para organizar nuestro equipo y como es el flujo de trabajo, en el proceso de creación y mantenimiento de la web. NO incluiremos en este apartado un completo manual de como gestionar los/las usuarios a Wordpress, puesto que esto lo trataremos en el apartado de administración del Tema 4. Los objetivos de este equipo son:

  1. Creación de la web: En muchos casos será la migración de contenidos de la web actual del centro al nuevo portal de la Consellería (PortalEdu)
  2. Mantenimiento: Tarea, al menos, tan importante como la primera, y bastante más complicada. Proceso a largo plazo y que será lo que marque la utilidad real de la web.


El ciclo de vida básico de cualquier contenido generado en Wordpress se puede resumir en un proceso de generación del mismo y de aprobación posterior, previa a la publicación de ese contenido a la parte pública de la web. Esto se consigue mediante los diferentes estados de las entradas y páginas, que ya comentaremos en el próximo tema.

T2 P3 1 Diagramaflujo

 

¿Qué roles tendremos en PortalEdu?

Wordpress organiza los/las participantes a la creación/mantenimiento de la web en ROLES, los cuales tienen permisos y responsabilidades diferentes. Lo que se ha procurado en Portal.edu es "traducir" los nombres de los roles existentes en Wordpress, a los perfiles de usuario que nos encontraremos en los centros. De este modo, en nuestro portal, tenemos los siguientes roles creados:

  • Dirección - Quien tiene acceso a todas las características de Wordpress. Será la persona encargada de gestionar el resto de usuarios/as de la plataforma. Rol asignado, por defecto, únicamente a la dirección del centro.
  • Mantenimiento - Quien puede modificar la estructura y apariencia de la web, crear contenido (páginas y entradas) y modificar contenido otros. También puede publicar su contenido y el de otros.
  • Publicación - Pueden crear y publicar, tanto entradas como páginas, también pueden modificar y validar las de otros.
  • Contenido - Solo pueden crear y modificar sus entradas, que tienen que ser publicadas por usuarios con roles de administración, mantenimiento o publicación.
  • Suscripción - Solo pueden ver el contenido público de la web, no pueden modificar ni crear entradas o páginas. Se puede usar para crear contenido privado que solo pueda ver gente que inicie sesión.


En la siguiente tabla, podemos ver un resumen de las tareas que podremos llevar a cabo en PortalEdu, dependiendo del rol que tengamos asignado. En realidad no hemos visto todavía como hacer la mayoría de acciones que se incluyen, las iremos conociendo en los próximos temas. En todo caso, nos puede servir para empezar a conocer las tareas que se pueden realizar a Wordpress, y hasta qué punto están limitados algunos roles:

Tabla Roles  


Ahora que ya conocemos el ciclo de vida de los contenidos en Wordpress, y ya sabemos los roles y permisos que tenemos disponibles en la plataforma, podemos imaginarnos el equipo de trabajo encargado de la web, como una organización jerárquica en la cual, por cada rol asignado, tendremos que tener en cuenta algunas cosas:

Piramide Roles  

DIRECCIÓN: Rol asignado automáticamente desde la Consellería a la dirección del centro. NO se puede delegar su rol en otros usuarios. Solo este rol puede gestionar los/las usuarios/as. Es asignado a usuarios directores/as y vicedirectores/as.

MANTENIMIENTO: Personas directamente relacionadas con las TIC en el centro y/o con una visión completa del centro (Profesorado con competencia TIC, cargos directivos, coordinaciones...). Recordad que este rol puede modificar la estructura del web y aprobar contenido de otros.

PUBLICACIÓN: Encargados de generar contenidos y de su propia publicación. Podríamos pensar en profesorado con una generación de contenido muy intensa (Participantes de proyectos educativos, responsables de la web de etapas educativas, departamentos, AMPA, Personal de Administración...). También pueden publicar el contenido de otros usuarios una vez comprobado.

CONTENIDO: Resto de colaboradores/as. Producirán contenido que tendrá que ser validado previamente a su publicación.

SUSCRIPTOR: Aquí podríamos incluir cualquier participante de la comunidad educativa (docentes, alumnado, colaboraciones externas...), dichos usuarios tendran acceso a contenidos que requieran estar logeado, pero no podrás modificar nada de la web.

Cómo podéis comprobar, la cantidad de roles asignados por defecto en vuestro portal web, es bastante limitado. Pocas personas, al menos inicialmente, tienen permiso para hacer pública la información de otros, y solo dos roles (el de dirección del centro y el de mantenimiento), pueden modificar la estructura y apariencia de la web.

¿Significa esto que la web lo tenéis que llevar entre dos personas? ¿Es esto lo que tiene Wordpress de colaborativo...? No y no. Lo que tocaría ahora sería ORGANIZAR EL EQUIPO DE TRABAJO que se encargará de la web. Dependiendo de factores como los indicados en el primer párrafo de este apartado, tenemos que decidir cosas, como por ejemplo:

  1. Cantidad de personas en las cuales delegamos los permisos de dirección (si finalmente se delegan). Serán las personas que podrán gestionar el resto de usuarios y modificar la web.
  2. Cuántos/as personas tendrán permisos para publicar/despublicar los contenidos de los otros. Actuarán como 'revisores/as' de la corrección de los contenidos.
  3. Qué docentes pueden publicar/despublicar de manera autónoma sus propias entradas.


Este equipo de trabajo tendrá que ser dinámico y proactivo, puesto que si queremos un sitio web útil y actualizado, este estará en constante proceso de revisión y evaluación, así como el funcionamiento del mismo grupo.

Última actualización: Martes Agosto 30, 2022 16:45:05 GMT-0000 ...page...

Estructura de la web. Planificación inicial


El desarrollo de un sitio web no es diferente de otros muchos procesos que tienen lugar en un centro. Cuestiones como la elaboración de un Proyecto Educativo, organización de una actividad, proyecto de innovación, o grupo de trabajo, implican una labor de planificación, en la cual se coordinan los/las participantes y las diferentes tareas a llevar a cabo. Esta organización se realiza antes que, por ejemplo, la documentación correspondiente.

Es muy probable que cualquiera de vosotros haya participado en alguno de los procesos (u otros parecidos), que hemos comentado antes. Pues bien, el desarrollo de una web también implica una labor de planificación inicial, que nos ayudará, entre otras cosas, a:

  1. Organizar bien la información que queremos mostrar, en sus categorías/subcategorías correspondientes.
  2. Establecer prioridades para aquello que consideramos más importante.
  3. Repasar/eliminar contenidos obsoletos, o no adecuados, del antiguo portal.
  4. Acordar qué funcionalidades se consideran más importantes para nuestra web.
  5. Establecer las diferentes tareas a realizar durante todo el ciclo de vida del sitio web (validación de contenidos, borrados de datos o usuarios...).
  6. Definir estrategias (quién puede publicar, en qué secciones de la web...).
  7. Organización de las tareas entre los/las componentes del grupo de trabajo.


Si os dais cuenta, la mayoría de tareas que hemos indicado, son independientes de la herramienta web utilizada, de hecho el producto final que obtendríamos de su realización, podría ser un documento hecho a mano, donde se han ido plasmando los acuerdos obtenidos.

Cuando finalicemos este tema, ya empezaremos a conocer el portal, los diferentes elementos que aparecerán en la pantalla y la apariencia que tendrá la web. Ese será un buen momento para, junto con los/las compañeros/as del centro, que participamos en la formación, hacer una planificación previa. En esta tarea consistirá la segunda práctica de este curso.

Última actualización: Martes Agosto 30, 2022 16:45:05 GMT-0000 ...page...

Recomendaciones de diseño.


Para acabar con los aspectos previos a la generación de contenidos en nuestra web, tenemos que tener en cuenta CÓMO tenemos que publicar la información. Sería más que recomendable tener en cuenta algunas recomendaciones de diseño, que tendríamos que aplicar siempre que trabajemos con PortalEdu. Las que veremos en los puntos siguientes, son algunas de las más típicas pero, ni de lejos, son las únicas.

La mayoría de aspectos que comentaremos son independientes de la herramienta que utilizamos (Wordpress en nuestro caso), tratándose de aspectos muy genéricos del diseño web actual. Además, ¡tenemos la suerte que Wordpress nos ayuda en muchos de ellos!

Última actualización: Martes Agosto 30, 2022 16:45:05 GMT-0000 ...page...

A.- Adaptabilidad en los dispositivos


Hace 10 años las páginas web eran accedidas al 99% de probabilidad desde un ordenador personal, con resoluciones de pantalla muy determinadas (1024x768, 1920x1080...). Esto permitía realizar unos diseños bastante fijos, en los cuales los contenidos de la web no tenían que desplazarse demasiado por la pantalla.

El escenario actual es radicalmente diferente, cualquier web debe de poder ser accedida desde cualquier dispositivo, independientemente de la medida de la pantalla y su resolución. Por eso, si queremos una web actualizada y útil, ésta tiene que lograr los objetivos de adaptabilidad en toda clase de dispositivos. Esta propiedad se denomina RESPONSIVIDAD (que no se os olvide la palabrita, si sois el/la encargado/da de la web del centro, es vuestra responsabilidad que la página tenga responsividad). ¿Cómo se hace esto? ¿Yo qué sé de responsiviqué...? No sufráis, Portal.edu lo hará por nosotros. Entonces, ¿cuál sería nuestra tarea en este apartado? Pues no sería mala idea...

  • Evitar incluir imágenes demasiado anchas.
  • No usar tablas para organizar los contenidos ni de la web ni de las entradas, es mejor usar columnas, que pueden deslizarse si la página es más grande o más pequeña.
  • Acceder en la web del centro desde otros dispositivos (tabletas, móviles, televisores...), y comprobar que la apariencia se mantiene.
  • Comprobar la visibilidad y funcionalidad de los menús de navegación en todos los casos.


Si no tenéis otro dispositivo al alcance, existe otra manera de comprobar la reponsividad de vuestro sitio web. Probad la siguiente combinación de teclas (si utilizáis otros navegadores, podéis hacer una búqueda en Internet):

  • FIREFOX: ctrl-shift-M en Windows/Linux o cmd-opt-M en Mac
  • CHROME i OPERA: ctrl-shift-C en Windows/Linux ocmd-opt-C en Mac


Podréis modificar el tamaño de vuestro navegador a la resolución que queráis. Probad a hacerlo en vuestro equipo. En la siguiente imagen podéis ver cómo funciona esto en Firefox, con el ratón podemos variar el tamaño de nuestra pantalla, si el tema de Wordpress es realmente responsivo, el contenido se tendrá que adaptar al espacio que tenga.

Captura 2  

 

TAREA: Probando la adaptabilidad de mi sitio

Analizamos hasta qué punto la responsividad puede determinar que nuestra página sea práctica, dada la utilización de la web en la actualidad. Para lo cual haremos un ejemplo rápido, en el cual usaremos una tabla para mostrar contenido, y después meteremos el mismo contenido directamente en columnas. Comprobaremos su comportamiento si vemos esa página en dispositivos con resoluciones menores.

  1. Dirígete a la página de pruebas del editor visual que incluye PortalEdu, y accede a la demo de constructor de páginas. Por defecto carga una página con bastantes elementos ya incluidos, lo cual resulta bastante incómodo. Elimina todos los elementos desde el menú que aparece en la barra superior al pasar el ratón por cada uno.
T2 P6 2 Esborrarelements
  1. Con la página limpia, sin contenido, incluiremos una distribución en 3 columnas, con el botón + que aparece en la parte superior de la pantalla:
T2 P6 3 3columnes
  1. Incluye ahora, en cada una de las columnas un elemento Text Editor, y mete el texto que quieras.
  2. Visita una web que te ayude a hacer una tabla HTML rápidamente, aquí tienes un ejemplo de generador de tablas HTML en linea. Haz una tabla de una sola fila y tres columnas. Llena las columnas con el mismo texto que has metido en el punto anterior.
  3. Genera el código HTML de la tabla y cópialo.
  4. En la demo del editor visual, incluye ahora un elemento HTML, bajo del contenido que ya tienes. El aspecto de tu página tendría que ser parecido al siguiente (hemos metido borde en la tabla por comodidad):
T2 P6 4 Resultat BeaverBuilder

Ahora puedes probar la responsividad de una opción y otra, si recuerdas lo que comentaremos en el apartado de Adaptabilidad en los dispositivos, en las recomendaciones de diseño, puedes hacer que tu navegador cambie de resolución. De este modo comprobarás que el contenido que NO está dentro de la tabla puede deslizarse si la pantalla es más grande o más reducida.

T2 P6 5 Provantresponsivitat


Última actualización: Martes Agosto 30, 2022 16:45:05 GMT-0000 ...page...

B.- Diseño actualizado


Muchas veces, los/las usuarios/as de un sitio web hacen solo dos clics con el ratón, antes de abandonarlo al ver una interfaz que no resulta agradable. De hecho, uno de los motivos de la migración de Mestreacasa a PortalEdu es, precisamente, obtener una apariencia de página más actualizada.

Tenemos gran cantidad de webs (la mayoría de hecho, construidas con Wordpress, qué casualidad) donde podemos encontrar recomendaciones de diseño web.

Los estilos de diseño web, como la mayoría de cosas que tienen que ver con aspectos visuales, tienen un componente suficiente importante de subjetividad, además de evolucionar constantemente, por eso no se puede establecer un 'reglamento' fijo que nos permita tener 'sine die' una web con un diseño moderno y actual. Lo que sí que se puede hacer es, siguiendo más o menos las guías actuales y, siempre aportando nuestro punto de vista, comprobar que la apariencia de nuestro lugar continúa siendo actual, revisando periódicamente los temas disponibles en PortalEdu y comprobando si podemos hacer alguna modificación o actualización del tema activo en nuestra web. Actualmente, muchas webs coinciden en sencillas recomendaciones, como por ejemplo:

  • Meter el logo del centro en la parte superior/izquierda, con el nombre del lugar, una frase o una imagen representativa.
  • Menú en la parte superior de la pantalla.
  • Opción de búsqueda visible a la parte superior.
  • Acceso al Login en la parte superior de la pantalla.
  • Opción de cambio de idioma siempre visible.
  • Datos de contacto al pie de la pantalla.
  • Carrusel al acceder.


Última actualización: Martes Agosto 30, 2022 16:45:05 GMT-0000 ...page...

C.- Usabilidad


El término usabilidad tiene que ver con la facilidad que ofrece una web para su uso. En nuestro caso tenemos que pensar en la web del centro como un lugar donde accederán muchos perfiles de usuario diferentes, siendo nuestro reto lograr un lugar sencillo y amigable donde la navegación sea un proceso agradable y con una curva de aprendizaje reducida. Deberíamos tener en cuenta, por ejemplo, aspectos relacionados con:

  • Velocidad de carga de la página: Atención a la cantidad y tamaño de las imágenes que subimos a las entradas o páginas, o las incluidas en el carrusel que se muestra en la página de inicio. Es una buena práctica referenciar las imágenes directamente por su origen (por URL), antes que incluirlas a nuestra mediateca.

 

  • Menús útiles: El menú principal de navegación tiene que ser sencillo, además de proporcionar una navegación clara para todo el portal. Tampoco tenemos que abusar del subniveles, en Mestreacasa hemos encontrado centros con menús que ocupan 3 líneas de la pantalla del ordenador...

 

  • La navegación por la web del centro, siempre nos tiene que permitir ir a la página principal con un clic, además de mostrarnos de alguna manera en qué sección nos encontramos (por ejemplo, con utilidades, tipos de rutas de navegación, o breadcrumbs en inglés).

 

  • Aprovechar los enlaces permanentes: Recordad que tanto en las entradas como las páginas podéis definir enlaces permanentes, los cuales ayudarán a un mejor posicionamiento en las búsquedas en la web, además de facilitar el acceso directo a los recursos.

 

  • Curación de contenidos: Esta es una de las tareas más importantes del equipo del que hemos hablado en el punto anterior. Revisar que los contenidos del portal del centro estén actualizados, que las imágenes que hemos referenciado por URL todavía sean accesibles, o que los enlaces a otros sitios web o en nuestro web mismo, todavía estén activos, es lo que hoy en día se entiende como curación de contenidos. El mantenimiento en este sentido, evitará esa sensación tan desagradable de abandono que a veces encontramos en la web, un enlace roto o una información obsoleta provoca en muchos casos la salida del/la usuario/a del sitio web. ¿Qué hacéis vosotros cuando os pasa?


La mejor recomendación es pensar siempre en quién tiene que usar el web, no en quién crea los contenidos. Es decir, si va dirigida a los padres y las madres, al alumnado o al profesorado. Esto conduciría a establecer un diseño web que daría prioridad en los apartados que son más importantes para nuestros usuarios/as.

Última actualización: Martes Agosto 30, 2022 16:45:05 GMT-0000 ...page...

D.- Accesibilidad


Si, como ya hemos comentado, lo que queremos con el portal, es una 'ventana al mundo' de nuestro centro, lograr un acceso lo más universal posible, independientemente de las condiciones personales y culturales de los/las usuarios/as, desde cualquier dispositivo y ubicación física con conexión a Internet, tenemos que prestar atención al grado de ACCESIBILIDAD de la web que estamos desarrollando.

La accesibilidad se centra, mayoritariamente, en facilitar la navegación web a personas con limitaciones físicas y/o cognitivas, por ejemplo, limitaciones visuales o auditivas que hacen que el usuario no pueda acceder a un determinado contenido.

Este es un objetivo prioritario de Internet como herramienta, y podemos obtener muchos recursos a la web. Destacamos la web de W3C dedicada a la accesibilidad, W3C es el consorcio internacional encargado del desarrollo de la Red. Podemos incluso acceder a herramientas en linea que evalúan el grado de accesibilidad de nuestra web. Hay razones evidentes para tratar de lograr el objetivo de una web accesible pero, además, ¿sabías que los buscadores de Internet como Google te penalizan si tu web no lo es?

Steven Pemberton (Presidente de W3C) wrote:
Tu usuario más importante es ciego. La mitad de las visitas a tu sitio vienen de Google, y Google solo ve lo que un ciego puede ver. Si tu sitio no es accesible, tendrás menos visitas. Fin de la historia.


¿Qué podemos hacer para tratar de dar accesibilidad en la web de nuestro centro? De muchas cuestiones de diseño ya se encargará Portal.edu con los temas que proporciona WordPress pero, por nuestra parte, también podemos hacer algunas cosas para mejorarla, en este sentido.

En la web de W3C, puedes encontrar ideas y estrategias generales. Casi todas tienen que ver con el hecho de que las personas con dificultades de acceso usan herramientas de ayuda como lectores de pantalla. Algunos ejemplos de cosas que se pueden hacer, son:

  • Descripción de les imágenes: También llamado Texto Alternativo (o simplemente alt), proporciona una descripción que los lectores de pantalla pueden leer.
T2 P9 1 Textalternatiu Images Texto alternativo a las imágenes

 

  • Uso de las etiquetas de encabezado: Para organizar nuestro contenido, los puntos más importantes se van agrupando en el número de encabezado que corresponda, dependiendo de su estructura. Por ejemplo, los títulos de primer nivel con encabezado 2, los de segundo con encabezado 3...

Captura 3  

Uso de los encabezados para organizar los textos

 

  • Uso de elementos multimedia: Si se puede proporcionar una segunda vía de acceso a aquello publicado. Por ejemplo, ¿sabías que puedes activar subtítulos en los videos en YouTube y que si incluyes videos enlazados en tu contenido, puedes hacer que estén activados automáticamente?
T2 P6 3 Videos Subtitols
Vídeos de YouTube con subtítulos

 

  • Tratamiento de los elementos animados: No tienen que aportar información que no se aporte de forma textual y auditiva y, además, no se tienen que producir tan rápidos como para que no dé tiempo a todas y todos a pinchar o recibir la información que transmite. Por ejemplo, si es un banner que va deslizándose, no puede pasar tan rápidamente como para no poder leer o hacer clic.