Accesibilidad Web: HTML Semántico para Proyectos Inclusivos
Contenido del curso
Carmen Valenzuela
Garantizar la accesibilidad a nuestro contenido es un gesto democratico (para todos) e inclusivo (para habilidades diferentes). Asi se adquiere conocimiento, se desarrolla tecnología e implementan instrumentos desde diversas disiciplinas que benefician a todos. Sin ciencia no hay futuro.
Joel Dominguez Merino
Muy bien dicho! Totalmente de acuerdo.
Jimmy Buriticá Londoño
Buen consejo
Carlos Eduardo Gomez García
La accesibilidad es MUY importante, y siempre deberías tenerla en cuenta, y si realmente no te preocupa porque sientes que a ti no te afecta, entonces hazlo por el SEO, el SEO tiene muy en cuenta la accesibilidad, y si no tienes una buena accesibilidad en tu página entonces para Google prácticamente no existes.
Eduardo Peña Ramos
No sabía que influía en el Google rank, gracias por compartirlo. Solo veo buenas razones para implementar con Accesibilidad. ¡Gracias por el consejo!
Jonathan Barzola
Retax con los mejores aportes!
Ivan E. Batista-Ochoa
Por acá les comparto esta información sobre accesibilidad que les puede ser muy útil:
Reinaldo Mendoza
Que buen dato
Andrés Corral
Excelente dato, mil gracias por compartir
Cristobal Nyram
Aquí tenemos un claro ejemplo de problemas de accesibilidad
Y aquí es donde mejoramos la accesibilidad.
Juan Christopher
¡Muy buen ejemplo!
Pablo Aquino
Excelente ejemplo.
Natalia Molina
Accesibilidad
Productos para todos: Todas las personas pueden acceder a nuestro producto.
Semántica
La semántica está relacionada con las etiquetas contenedoras en HTML5, por ejemplo: header, main, sidebar y footer. Estas agregan información importante para aquellos que tengan problemas con la visualización de la página. Les permite a estos usuarios orientarse en qué sección de la página se encuentran.
Honan Jesus Leon
gracias por el aporte!
Pedro Isaac Aguilar
Excelente síntesis!!
Ikal Esteban Fernández Galván
JOSE PINTO VEGA
muy buena, hace todo más claro.
Renato Giron
xd
Jose Luis Barboza Gonzales
la accesibilidad es un tema muy importante en USA es por ley obligatorio.
Jesus Velasco
o.O NO sabia
Nestor Rios Garcia
Sí, tiene razón
Aquí puedes consultarlo: Sección 508
Mauricio Carrasco
En los formularios, la propiedad tabindex="" se agrega en los inputs para indicar el flujo de la tecla tab del teclado en tu página. Esto mejora la experiencia de usuario, y también la accesibilidad.
<input type="text" tabindex="1"/>
Tabindex | MDN
Cristian Ignacio Zuñiga Medina
muy util compañero gracias
LESTHER XITUMUL MANUEL
Es verdad, también nos hace la vida más fácil al debuggear formularios! :D
Leidy Fabiola Cruz
En la lista. ✨✨ https://platzi.com/clases/accesibilidad-web/
Joel Dominguez Merino
Solo aprenda JS y tambien sera un curso que tome! Saludos :)
Joel Dominguez Merino
Jamas había pensado en Utilizar una buena semántica para personas con alguna capacidad diferente! Muy bien explicado ese punto y no solo desde el lado abstracto de que es buena practica. Claro que es buena practica pero también que bueno que se hable de otros casos de los que nadie menciona y por eso los que vamos empezando no tenemos en mente. Grande Diego :)
Victor Martinez Giron
Las WCAG se organizan sobre la base de cuatro principios a menudo llamados con la palabra POUR:
Perceptible: ¿pueden los usuarios percibir el contenido? Esto nos ayuda a tener en cuenta que solo porque algo sea perceptible con un sentido, como la vista, no significa que todos los usuarios puedan percibirlo.
Manejable: ¿pueden los usuarios componentes de IU y navegar por el contenido? Por ejemplo, alguien que no puede usar mouse o pantalla táctil no puede manejar algo que demanda interacción de desplazamiento.
Comprensible: ¿pueden los usuarios comprender el contenido? ¿Pueden los usuarios comprender la interfaz y es esta lo suficientemente consistente como para evitar confusiones?
Sólido: ¿puede una amplia variedad de usuarios-agentes (navegadores) consumir el contenido? ¿Funciona con tecnología asistencial?
Honan Jesus Leon
buen aporte
Jorge Paiva
Pensé que la web semántica era importante sólo para SEO. "Soy todo orejas"
Jose Luis Idarraga
HTML refernce para una cheat sheet de las etiquetas, sus usos, y ejemplos. Incluye clasificacion de las semanticas https://htmlreference.io/
Juan Christopher
¡Gracias!
Gianluca Reyes Cisneros
¿Qué es NVDA?
NVDA (Non Visual Desktop Access) es un lector de pantalla libre y gratuito desarrollado por NV Access que permite a las personas ciegas y con discapacidad visual usar ordenadores. Para ello lee el texto que se muestra en pantalla mediante una voz sintética. Se puede controlar lo que NVDA lee moviendo el cursor al área relevante que contiene el texto, tanto poniendo el ratón encima como usando las flechas del teclado.
NVDA también puede convertir el texto en braille si el usuario del ordenador posee un dispositivo llamado «pantalla braille».
NVDA abre la puerta de la educación y el empleo a muchas personas ciegas. También da acceso a las redes sociales, la banca, compras en línea y noticias.
NVDA funciona con Microsoft Windows. Puedes descargarlo e instalarlo en tu ordenador, o llevarlo en una unidad USB a todas partes.
Normalmente los lectores de pantalla son muy caros, volviéndose inasequibles para muchas personas. NVDA es gratis. Ya se ha descargado más de 70000 veces, y está traducido a más de 43 idiomas.
Carlos Ramos
Clase 51 - Semántica
¿Para qué nos sirve la accesibilidad?
¿Necesitamos JavaScript para implementar una buena accesibilidad en nuestros productos?
¿Qué es HTML semántico en desarrollo web?
¿Por qué es importante usar HTML Semántico en cuanto al tema de accesibilidad?
Nicolas Anicelle
Carlos: tus resumenes son los mas practicos, gracias brother!!!
William Cortés
Esta etiquetas las compartió el equipo de desarrollo web
Joshua Ortiz Rosales
PLATZI tiene algun curso de accesibilidad web????
Miguel Torres
Claro, el Curso de Accesibilidad Web. ⬅ :D
Mauricio Moreno Morales
También en el curso de Curso de Frontend Developer llegan a mencionar en una de las últimas clase unas cuantas cosas de Accesibilidad aunque más superficial :)
ronal mora
Compañeros les comparto una pagina donde les explican mas a fondo como utilizar correctamente la semántica en html.
Jose Antonio Rojas Ollarves
Cual es el link de la pagina amigo?
ronal mora
Una disculpa me embolate y se me olvido dejarles el link.
Cristian Camilo Cortes Ortiz
Un proyecto WEB profesional debe estar optimizado para que personas con diferentes tipos de discapacidades o condiciones puedan acceder y comprender la información en el sitio WEB y garantizar una buena UX. Esto se consigue generando una estructura semántica del HTML utilizando las etiquetas adecuadas para cada tipo de contenedor.
Efraín Hernández García
Solo teniendo buen HTML semántico nos ahorramos muchos problemas de accesibilidad
