Ministerio de Tecnologías

de la Información
y las Comunicaciones
Estrategia Ciudadanía Digital
Unión Temporal Alianza Digital - Contrato 711 de 2017

Guía para el participante

Curso: Accesibilidad para la apropiación de contenidos TIC.

Módulo 1: Elementos que hacen que un sitio web sea accesible.
Unidad 1: Directrices de accesibilidad para el desarrollo web.

Presentación

Apreciado estudiante, en esta primera unidad del módulo: Ele-

mentos que hacen que un sitio web sea accesible del curso Ac-
cesibilidad para la apropiación de contenidos TIC se explicará
cómo identificar la accesibilidad de un sitio web.

De igual forma, usted podrá conocer por qué la web no es ac-

cesible o quién es el que la hace accesible, cómo crear un sitio
web seguro para acceder y las directrices y principios que rigen
dicha accesibilidad web.

Para obtener este conocimiento y alcanzar las competencias definidas en esta unidad, usted contará con un
recurso digital en donde podrá ampliar la información del tema que se aborda, así como videos, ejercicios de
refuerzo y links de apoyo que le permitirán profundizar en las enseñanzas que considere más importantes
para continuar en el camino hacia la ciudadanía digital.

¿Qué aprendizajes estoy desarrollando con esta unidad?

Apreciado estudiante, al finalizar esta unidad usted estará en capacidad de implementar las características
de accesibilidad para contenidos TIC, definidas en la normatividad colombiana. Para esto, debe aprender a:

● Describir los elementos que integran la perceptibilidad de un sitio web en los niveles A, AA y AAA.

● Determinar los elementos apropiados para cumplir los requisitos de perceptibilidad.

● Crear contenido aplicando parámetros de accesibilidad que garanticen la perceptibilidad de los elementos.

● Describir los elementos que integran lo operable de un sitio web en los niveles A, AA y AAA.

● Determinar los elementos apropiados para cumplir los requisitos de operatividad.

● Construir elementos con parámetros técnicos que permitan la operatividad del sitio.

1
 Accesibilidad para la apropiación de contenidos TIC Módulo 1 Unidad 1

● Describir los elementos que integran lo comprensible de un sitio web en los niveles A, AA y AAA.

● Determinar los elementos apropiados para cumplir los requisitos de comprensibilidad.

● Integrar elementos en el sitio que permiten la comprensibilidad del contenido.

● Describir los elementos que integran lo robusto de un sitio web en los niveles A, AA y AAA.

● Determinar los elementos apropiados para cumplir los requisitos de robustez.

● Crear contenido que maximice la compatibilidad con herramientas de usuario actuales y futuras.

¿Qué tipos de situaciones puedo resolver en mi vida

con los aprendizajes que voy logrando con la tecnología?

Para entender por qué el internet es inaccesible para ciertas

personas y por qué éste es un desafío para el desarrollo web
hay que tener en cuenta los principios básicos del funcionamien-
to de la red. Estos principios normalmente se dan por sentado
y se dispone su desarrollo a los expertos. Sin embargo, Es ne-
cesario reconocer tanto las limitaciones técnicas de los exper-
tos como las directrices que deben obedecer al crear sitios en
línea. Adicionalmente, es menester definir quién organiza estas
directrices y por qué su papel de rectoría sobre la información
disponible en línea, es tan necesario.

Lo invitamos a que con los contenidos de esta unidad, analice

el siguiente caso:

Juan ha aprendido desarrollo web. Él ha empezado una plataforma educativa y decidió ignorar las reco-
mendaciones de la WCAG. El sitio que desarrolló es inaccesible, nadie puede revisarlo sin que le duelan
los ojos del esfuerzo por revisar el contenido. Ahora, Juan tiene que costear los gastos del mantenimiento,
de su propio bolsillo; porque ninguna compañía quiere invertir en publicidad en un sitio que no tiene tráfico.
Además, después de cierto tiempo su sitio se ha cerrado por incumplimiento a las directrices de la W3C.
¿Cómo puedes ayudar a Juan para que su sitio sea accesible? ¿Qué debió tener en cuenta Juan
antes de diseñar su sitio web?

¿Qué conocimientos me ayudan a mejorar mi desempeño como ciudadano digital?

Para saber

La experiencia de usuario es un concepto interdisciplinar que explica las formas de interacción entre seres
humanos y máquinas. Este concepto involucra el trabajo de arquitectos de la información, diseñadores grá-
ficos y expertos en usabilidad.

El objetivo del diseño de experiencias de usuario no solo implica hacer un espacio virtual agradable a la
vista o la ventana de la interacción en internet; sino que comprende, también, una serie de decisiones entre

2
Accesibilidad para la apropiación de contenidos TIC Módulo 1 Unidad 1

los profesionales para definir cómo un sitio se ve, suena o

hasta da la impresión de un olor y sabor, únicamente con
la ayuda de tecnologías inclusivas.

La experiencia de usuario busca mejorar la utilidad de la

información que se provee y la efectividad en la comuni-
cación de las necesidades de un proyecto digital.

¿Alguna vez han ingresado a una página web en la que

no es fácil navegar? o por el contrario, ¿han conocido
dispositivos o páginas interactivas que amplían la expe-
riencia de los usuarios?

Para saber hacer

Los sentidos con los que una persona accede al internet son la vista, el oído y el tacto. La Web Content Ac-
cessibility Guidelines (WCAG) busca establecer guías para que los desarrolladores modifiquen el contenido
de sus sitios, con el objetivo de propiciar el disfrute de la información y el de las personas con algún tipo de
discapacidad.

Las personas que carecen de visión reciben ayudas auditivas y táctiles como el sistema braille o la voz asis-
tida. También están incluidas en las guías de la WCAG ayudas para la perceptibilidad de aquellas personas
que no pueden oír o que tienen limitaciones de tacto.

Sin embargo, estas ayudas no solo son para personas con algún tipo de limitación. Por ejemplo, alguna vez
al conducir o al estar ocupados ¿han usado el asistente de voz en sus dispositivos móviles?

Para usar lo que sé

Las directrices WCAG recomiendan que para mejorar la perceptibilidad de un sitio, en el momento de aplicar
funcionalidades específicas que no manejen un lenguaje de programación HTML, se haga una selección
específica de las llamadas herramientas de autor que son paquetes de códigos que cumplen funciones
específicas y ahorran horas de trabajo a un programador. Pueden ser desde calculadoras de datos hasta
herramientas de pago.

Seguramente, en algún momento han usado alguna de estas herramientas de autor. Para saberlo, pregún-
tense: ¿han usado convertidores de divisas? ¿Han realizado compras en una tienda en línea y realizado el
pago allí mismo?

3
Accesibilidad para la apropiación de contenidos TIC Módulo 1 Unidad 1

¿Qué recursos disponibles en la Internet me ayudan a complementar mis aprendizajes?

Videos complementarios

Organización del W3C

https://www.youtube.com/watch?v=9AlZPqYjN4Y

Estándares WEB y W3C

https://www.youtube.com/watch?v=mbPDRqsH1vM

Estándares accesibilidad Web

https://www.youtube.com/watch?v=vOiMPItn5C0

¿Qué es Inclusite?
https://www.youtube.com/watch?v=yqkFePemNdI

Accesibilidad Web- Curso HTML 2

https://www.youtube.com/watch?v=QtGC98OzaPw

Webs accesibles para todos

https://www.youtube.com/watch?v=ZJ6rAUxik-8

4
Accesibilidad para la apropiación de contenidos TIC Módulo 1 Unidad 1

Preguntas para fortalecer mi comprensión de esta unidad

1. La WWW es: 4. La WCAG tiene cuatro componentes:

A. Un protocolo de transferencia que le dice A. Perceptibilidad, Operatividad,
a la máquina que accederá a un sitio Generatividad y Desarrollo.
protegido por la W3C.
B. Perceptibilidad, Aplicabilidad, Operatividad
B. Un protocolo de transferencia de datos que y Apertura.
le dirá a la máquina que accede a una red
C. Perceptibilidad, Robustez,
ajena a la W3C.
Comprensibilidad y Operatividad.
C. La marca con la que se puede acceder a
D. Operatividad, Aplicabilidad, Robustez
funcionalidades adicionales en un
y Generatividad.
sitio web.
E. Ninguna de las anteriores.
D. Un acrónimo que le dice a la gente que la
información que busca no está en internet. 5. ¿El HTML puede afectar el acceso de las
E. Todas las anteriores. personas al contenido digital?
A. Sí, es la base del código en el que está
2. El sistema HTML-CSS es:
programado un sitio web.
A. Un lenguaje de programación.
B. No, es solo una guía de recomendaciones.
B. Una dupla que organiza el contenido
C. Depende del contexto.
digital.
D. No, el problema está en el contenido.
C. Una serie de órdenes que se le describen
a un computador. E. Ninguna de las anteriores.

D. Un documento en línea que solo leen las 6. ¿Todas las API son compatibles con
máquinas como órdenes y expresan la sistemas de accesibilidad?
información disponible en una base
de datos. A. Sí, lo único que afecta es el sistema
de HTML.
E. Todas las anteriores.
B. Depende del contexto.
3. La WCAG es: C. No, no todas las APIS son compatibles con
A. Una institución. sistemas de accesibilidad.

B. Una guía. D. Las API no tienen nada que ver con la

accesibilidad del contenido.
C. Un examen.
E. Ninguna de las anteriores.
D. Una comunidad.

5
Accesibilidad para la apropiación de contenidos TIC Módulo 1 Unidad 1

Para revisar mis respuestas

Pregunta Respuesta Explicación

El WWW es una sigla que significa World Wide Web, le dice al computador
1 A conectado a internet que va a acceder a un sitio que está dentro de los
contemplados por la W3C.

HTML significa Hypertext Markup Language, es un lenguaje que a través de

un documento, le da una serie de órdenes al computador para representar
2 E la información disponible en código binario al usuario. Este HTML hace una
dupla de trabajo con el CSS Cascade Style Sheet que ayuda a simplificar la
cantidad de órdenes que operan en un intercambio de información digital.

La WCAG es una guía desarrollada por el concilio de la red mundial y abierta-

3 B W3G. Esta guía está enfocada en generar directrices de accesibilidad a
desarrolladores web.

Las bases para que un sitio web sea accesible a toda la población sin
4 C importar sus limitaciones físicas, cognitivas o sociales son: Operatividad,
Robustez, Comprensibilidad y Perceptibilidad.

Todas las páginas de la web tienen una base de programación en HTML. Este
5 A
código es el que permite que salga el contenido en la pantalla.

Las API están programadas en lenguajes distintos a los que rigen las
6 C directrices de la WCAG. Es necesario consultar si el desarrollo a aplicar es
compatible con sistemas de asistencia a usuarios con discapacidades.