Labels, alt y title

Un punto importante de Accesibilidad no solo hay que pensar en nosotros, hay que pensar en los demás usuarios que podrían incluso tener una capacidad diferente.
En este curso me lleve mucho aprendizaje, pero esta lección es la mas importante.
Y desde ahora daré lo mejor de mi para ofrecer servicios al alcance de todos.

Mis puntos más importantes sobre estas clases de accesibilidad

“La accesibilidad es una acto de democratización al acceso de productos digitales, es la reivindicación del derecho de una persona con ciertas capacidades diferentes a acceder a las mismas plataformas.”

-La semántica jugará un papel importante en la lectura de la plataforma por parte de un software
-Es recomendable en cualquier situación el uso de medidas relativas (REM, EM) pues estas modificarán su tamaño en nuestra página cuando un usuario modifique el tamaño de las letras en la configuración de su navegador.
-El uso de <label> en los formularios facilita la interacción de las personas y software con ellos. Por ejemplo al apretar la barra de espacio en un input que despligue un submenú, este se mostrará.
-alt en las imágenes proporciona una descripción para un lector de contenido.
-El atributo title puede ser usado en las etiquetas img y a para dar una descripción de sus contenidos al hacer hover.

Para mejorar la accesibilidad:

1. Labels en los inputs que utilicemos (se usa mucho en formularios) - Si quieres saber mas sobre lables te dejo este par de recursos: label - MDN y HTML <label> Tag
2. El atributo alt (en las imágenes) - El **alt** facilita que un una persona con limitación visual que usa un software para leer la página web pueda escuchar de que se trata la imagen.
3. El atributo title que se usa en la etiqueta de anchor (<a>) y en la etiqueta imagen (<img>).
   .
   También me gustaría compartir los siguientes recursos de los que se puede aprender a como realizar auditorias de accesibilidad y alternativas de texto para imágenes:
4. Accessibility audits
5. How To Do an Accessibility Review
6. Text Alternatives for Images

La que mas me gusta es el title, sobretodo porque casi nadie lo conoce, lo puse es los aportes de una clase pasada pero es muy importante, deberían usar title cuando quieren dar una descripción al hacer hover sobre un elemento, mejora mucho la accesibilidad y la verdad es que yo como usuario lo uso mucho cuando quiero saber qué hace tal cosa

Hola amigos aquí les comparto algunas extensiones de Chrome para ayudar en el tema de la accesibilidad de nuestro sitio web:

1. WAVE evaluation tool, evalúa nuestro sitio y nos dice que tan accesible es para personas con discapacidad.

2. WCAG Color contrast checker, nos ayuda para que el contraste color sea el ideal .

3. NoCoffee, esta extensión nos ayuda a simular ciertas discapacidades visuales.

Si deseas verificar o auditar de forma rápida tu accesibilidad puedes hacerlo de dos maneras:

1. Con las DevTools, vas a inspector de elementos buscas Lighthouse, seleccionas las categorías y dispositivo que deseas en el informe y listo.
2. Puedes hacer el análisis con este recurso para mejorar la velocidad de tu pagina: https://developers.google.com/speed/pagespeed/insights/?hl=es

¡El mejor curso de html y css que he tomado!
Muy contento por el contenido 😎

Un atributo súper interesante que no conocía y que no vi en el curso es fieldset y es perfecto para contener el form. Otra cosa es que el span no es necesario ya que se puede poner esto mismo entre las etiquetas <label> y </label> como en el ejemplo.

<<form>
	<fieldset>
		<div>
			<label for="firstname">Firstname</label>
			<input id="firstname" name="firstname" title="Es obligatorio que ingreses tu nombre" required>
		</div>>

Pude ver que en algunos sitios usan la etiqueta title para poner el copyright de la fotografía. ¿Eso es de buena práctica?

Aquí les dejo mis apuntes sobre puntos nuevos e importantes de este gran curso, espero les sirva como a mi.

• El label ayuda a que se pueda enfocar rápidamente en el input del formulario.
• En el atributo alt de la etiqueta img, de debe colocar una descripción rápida de lo que contiene la imagen, ya que esto será leído por el software para accesibilidad auditiva.
• El atributo de title, de la etiqueta img, le agrega una descripción a la imagen cuando el cursor se pone encima de ella.

“Somos responsables que todo lo que construimos sea consumido por cualquier tipo de usuario”.

El buen desarrollador siempre debe ponerse en los zapatos de la persona que usa su herramienta.

Clase 53 - Labels, alt y title

¿Qué elementos y etiqueta nos pueden servir en mejorar la accesibilidad de un producto/proyecto web?

• Atributos:
  • Alt.
  • Title.
• Etiqueta
  • <label>.

¿Por qué la etiqueta <label> nos ayuda a la accesibilidad de nuestros productos/proyectos web?

• Porque esta etiqueta la podemos usar como contenedor de los elementos input y span de un formulario, lo cual le permite al usuario darle clic solo al texto de ayuda y el foco irá inmediatamente hacia el input.
• También le puede ayudar a los usuarios con discapacidades auditivas y visuales y que usen lectores de pantalla a que le lea el campo y a llenarlo.

¿Para qué nos sirve el atributo alt?

• Este atributo nos permite agregar una descripción a imágenes para que un lector de pantalla le indique al usuario de qué trata la imagen, además en caso de que la imagen no se renderice, el valor de este atributo será el que se renderiza en la pantalla.

¿Para qué nos sirve el atributo title?

• Este atributo nos permite agregar una pequeña descripción de un elemento de imagen o link para que el usuario sepa de qué trata este elemento cuando pase su cursor por encima del elemento.

Tras haber estudiado la carrera de UX, creo que la accesibilidad es el puente entre el UX y la programación. No me parece muy difícil de implementar y sin embargo, cambia la vida a muchas personas: perfil técnico-empático

**ACCESIBILIDAD **

La accesibilidad es demasiado importante en un proyecto para ofrecer una mayor experiencia de usuario para aquellos que tienen cierta dificultad con la tecnología, algún tipo de patología o falencia relacionada.

Para mejorar este apartado es bueno hacer uso de la medida relativa ** rem** para adaptar el texto tal como lo visualiza el usuario con la configuración de su navegador.

Usar etiquetas y atributos como las siguientes:

Siempre me pregunte como hacia para darle esa info a mi pagina, gracias a esta clase se que era con title. Cada dia aprendo nuevas cosas, me encanta Platzi 💚

Me parece brutal que se Enseñen este tipo de cosas en Platzi. Yo pasé 20 años de mi vida con discapacidad visual y para poder disfrutar de un contenido web tenía que estar como a 5 cm de la pantalla del computador.

Labels, alt y title

Son atributos que agregamos a las etiquetas para mejorar la accesibilidad. Este tipo de atributos ayudan a las personas con discapacidades a tener un mejor acceso al producto.

• Label: permite posicionarnos directamente en el input de lo que se esté trabajando.
• alt: breve descripción de lo que se espera ver en la imagen contenida en la etiqueta img.
• title: pequeña descripción de un elemento que aparece al pasar el curso por encima de este.

El curso es super completo, pero esta unidad es de las más importantes, ya que esto te da herramientas para que todas las personas tenga acceso a contenido digital.

Recuerden que el alt="" les ayudará también a posicionarse mejor en buscadores. 💻

En un curso de FrontEnd aprendi tambien la accecibilidad a colocarle:

tabindex="0"

a los textos para que sean leídos por otros softwares
un ejemplo es andi

El atributo “Alt” en las imágenes, además de ser una buena práctica de accesibilidad, también es muy importante a nivel de SEO (Search Engine Optimization). El cual nos ayuda a la hora de posicionar nuestro sitio web en internet y que las “arañas web” indexen de mejor manera nuestras páginas.

Muy interesante las buenas prácticas. Por fin terminando este curso. Seguro Platzi tiene más!

“En accesibilidad siempre es bueno pensar en mas usuarios, no solamente en nosotros”

Recomendaciones de Accesibilidad:

Colocar las etiquetas, respetando la semántica.
Usar medidas relativas para los textos.
Agregar siempre labels, alt y title.

Felicidades por el curso. Venía de estudiar HTML y CSS de otra escuela y la verdad que se me hizo muy tedioso porque no aterrizaban los cursos a casos prácticos como lo hizo el profe acá. Recomendado al 100%

Para activar el Asistente de Voz en Android presiona al mismo tiempo “Volumen +” y “Volumen -”

Me funciona en mi Samsung A10S

Algo importante que descubrí es que podemos agregarle estilos de texto, por ejemplo: Font-family, etc; a la etiqueta de la imagen para que la descripción que se renderiza a través del atributo alt tome esos estilos.

Lo que dice Diego es verdad, a nadie le enseñan este tema tan importante como la Accesibilidad, de ahora en adelante mis proyectos estaran pensandos para todos los usuarios

Sin duda toda la información del curso es muy completa pero lo que más me sorprendió fueron las buenas prácticas que te enseñan para que sea un desarrollador con excelentes conocimientos y buen resposive además que te nutren de la importancia de accesibilidad para todo tipo de usuarios. Uno de los mejores cursos sin duda!

De cara al tema de la accesibilidad, en esta web hay un enlace para descargar GRATIS un libro en PDF o EPUB que habla sobre la Accesibilidad Web. Actualizado a 2018

Una pagina web, no solo debe ser creada o pensada solo para personas que tienen baja o nula visión, hay muchas personas que tienen otro tipo de discapacidad, ellos, también merecen tener ese tipo de accesibilidad, cuando se está desarrollando una pagina web, no hay que solo pensar en utilizar las medidas relativas para los tamaños de los texto o utilizar algunas etiquetas pensadas para la semántica, éstas etiquetas deben contener las WAI-ARIA, para mejorar la accesibilidad etc. Aquí dejo el enlace para aprender un poco más sobre la utilización básica de las WAI-ARIA. https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics

El atributo de title no lo conocía, me parece excelente.

Es un gran aspecto en el que reflexionar.

La buenas practicas de accesibilidad también es importante para el SEO de la pagina. Los robots de google leen toda la semantica y alt name para posicionarlo en el navegador.

Para que quede mas claro, si escribes: “Es un perrito muy lindo” y alguien pone “perrito lindo”, nada por haber agregado esa metadata el buscador para poder posicionar las imágenes con dichas características y por comentar, no es lo único que importa en su posicionamiento.

Desarrollar productos digitales pensando en la accesibilidad para todo tipo de personas, y todo eso se logrando sabiendo usar las etiquetas correctas y las buenas prácticas que el profe Diego nos compartió durante el curso.
excelente!!

Aumenta la accesibilidad de tu página teniendo usando las siguiente propiedades html:
.
🕶 Label (uso: formularios)

Permite que software de terceros (screen readers) accedan más fácilmente al input en un formulario, ya que, seleccionando el label se selecciona directamente el input
.

🧭 Alt (uso: imágenes)

Permite que los screen readers describan una imágen. Por ello se tiene que ser “gráficamente descriptivo” al escribirlo.
.

💬 Title (uso: hipervínculos y imágenes)

Muestra un texto al lado del mouse cuando el usuario hace un hover (poner el mouse en en cima de un elemento). Útil para aclarar el paradero de un hipervínculo.
.

Con el siguiente código, pueden configurar un snippet (atajo de teclado) para escribir toda la parte de CSS que establece el reinicio de márgenes y font para utilizar el Rem que nos enseñó el profesor en este curso.
.
en mi caso, usé la palabra casca (personaje de berserk) como atajo de teclado para que me escriba todo lo que se ve en “body”
.

.
Lo pueden configurar desde el la siguiente opción en el apartado de Settings
.

“La accesibilidad es una acto de democratización al acceso de productos digitales, es la reivindicación del derecho de una persona con ciertas capacidades diferentes a acceder a las mismas plataformas.”

para los que quizás no recuerden la página de las imagenes aquí está: https://www.pexels.com/es-es/

Saludos compañeros

53.-Labels, alt y title

Son algunos atributos que se le agregan a las etiquetas.

• Label: Como es el contenedor de todo el input al darle click al label y automáticamente pone un focus en el input. Por ejemplo cuando un software de lectura, al momento que se pare en el label automáticamente se selecciona el input. SIMPRE USARLO PARA LOS INPUTS/FORMULARIOS.

• Alt: Al igual que en el anterior, al llegar el software a la imagen lo que hará es que leerá la descripción que venga dentro del alt. Hay que ser descriptivos. Que también sirve cuando la imagen no carga como vimos en clases pasadas.

• Title: Este se puede agregar a diferentes etiquetas como por ejemplo <a> o <img> esta es otra pequeña descripción que sale al momento de hacer un hover en la imagen o hipervínculo.

El id que le demos al <input> debe ser igual al atributo “for” de la etiqueta <label> que contiene este input.

Nos va a ayudar a enfocar más rápido en los input.

Respecto a las imágenes, podemos (y debemos) usar dos atributos:

title=“Es un perrito” —> Cuando el usuario haga hover encima de la imagen, se mostrará un recuadro indicando el texto.

alt=“Es un perrito con antenas” —> Cuando no se cargue la imagen (o hipervínculo con la etiqueta <a>) se mostrará ese texto, también ayuda al software de accesibilidad decir qué hay en esa imagen.

Alt, Title, Labels.
Estas etiquetas apoyan a los usuarios con problemas de lectura para entender mejor nuestra página, a través de un software de lectura de páginas como screen reader.

Alt le dice al usuario de que trata la imágen.
title es un atributo que se puede agregar a las etiquetas de ancla (a) o a las etiquetas de imágenes. Esta muestra una descripción de la imagen al momento que se hace hover en ella.
label Es una etiqueta que aporta mucho en accesibilidad por qué al momento de darle click a cualquier texto que esté contenido en esta, se redirigirá el focus al input respectivo de la etiqueta.

Excelente punto a tener en cuenta, ya que no todos cuentan con las mismas capacidades nuestras; y como desarrolladores tenemos que pensar en el alcance global que hoy dia pueden tener nuestros proyectos, y en que todos los usuarios independientemente de su capacidad o incapacidad, puedan tener una buena experiencia.

Aparte que el atributo ALT en las imgs es perfecto para posicionar en SEO. Es lo que la maquina de Gooogle entiende sobre la imagen y la posiciona para sus resultados de búsqueda.

Es la primera vez que veo el atributo title, se me hizo muy interesante!

Aqui se encuentra el curso de accesibilidad de Platzi, para que la mayor cantidad de personas puedan disfrutar de sus maravillosas creaciones!

(https://platzi.com/clases/accesibilidad-web/)

Teniendo en cuenta esto desde un principio, ayuda que los diseños vaya mas allá de que se vea bien visualmente sino que sea lo mas legiblemente posible. En experiencia del usuario

Estaba pensando que Title puede no ser tan útil porque la letra se visualiza de forma muy reducida, sin embargo, me parece que esos tamaños también se modifican desde la configuración del navegador. En el caso de las personas que tienen problemas visuales.

El comentario final es tan cierto! tenemos un compromiso con la gente de distintas capacidades para que puedan consumir de nuestro contenido sin problemas!

Gran forma de cerrar este increíble curso con este módulo de accesibilidad.

Un punto importante de Accesibilidad no solo hay que pensar en nosotros, hay que pensar en los demás usuarios que podrían incluso tener una capacidad diferente.
En este curso me lleve mucho aprendizaje, pero esta lección es la mas importante.
Y desde ahora daré lo mejor de mi para ofrecer servicios al alcance de todos.

Este tema es muy bueno y muy útil ya que ayuda a muchas personas, de ahora en mas voy a aumentar la accesibilidad de las paginas que hago en mi trabajo.

Parte de este curso me enseñó a crear un producto para todo tipo de personas pensando en sus necesidades para que la página llegue a posicionar primero en el buscador

Excelentes herramientas para hacer nuestros proyectos aptos para todos.

Siempre había visto este tema de los alts y titles como para efectos de un buen SEO, por el hecho de que los buscadores no leen imágenes sino texto, pero con esto de los screen reader me he quedado con la boca abierta y recapacitado en la gran responsabilidad que tenemos los developers para transmitir el contenido y brindar la mejor experiencia a todos los usuarios.

Esta parte parte de accesibilidad fue de mucha ayuda, no conocía mucho sobre el tema y veo la gran importancia que tiene para que más personas puedan consumir nuestros proyectos 😃

Además de lo mencionado por Diego, también el soporte a idiomas es importante si queremos que el producto sea internacional.

si alguien me puede ayudar por favor ago todos los pasos pero cuando pongo el mouse sobre la imagen no me aprace la descripcion.
dejo mi codigo

<<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <main>
        <form action="">
            <label for="name">
                <span>¿Cual es tu nombr?</span>
                <input id="name" type="text">
            </label>
            <label for="staeted-studying">
                <span>¿Que dia comenzaste con platzi?</span>
                <input id="staeted-studying" type="date">
            </label>
            <label for="time-to-study">
                <span>¿En que horario estudias?</span>
                <input id="time-to-study" type="time">
            </label>
        </form>
        
        <section>
            <img src="./small.jpeg" alt="es una iglesia" title="es una iglesia grande">
        </section>
        
    </main>
</body>
</html>
>

*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
img{
width: 350px;
}

`<code>

Este es el primer curso tan completo de desarrollo web que he tomado, que superescuela

La accesibilidad en la web, muchas veces no se toma en cuenta, o se toma como algo de menor importancia o para hacer en segundo orden.
Todo lo que pueda ayudar a una web a ser más accesible es de suma importancia, y hay que analizarlo y tenerlo en cuenta de primera.

Hola a todos, quería compartierles una página que se llama “https://loremflickr.com”. Esta página permite colocar src de imágenes aleatorias con ciertas dimensiones para probar y testear lo que vayas haciendo sin tener que preocuparte por descargar.

Por ejemplo, si quieres incluir la imagen en la parte del section lo único que haces es lo siguiente:

<section>
      <img src="https://loremflickr.com/320/240" alt="">
</section>

El valor del 320 y del 240 que aparece en la ruta de la página web, son los tamaños de ancho y alto de la imagen, estos valores se pueden cambiar por los que necesites incluir en tu proyecto, por ejemplo src="https://loremflickr.com/640/640" te trae una imagen con un tamaño de 640x640.

Espero que les sirva la info, saludos y nunca paren de aprender 💚

buenísima clase, estoy haciendo un bootcamp de programación web y no recuerdo que nos explicaran la importancia de este tipo de etiquetas…

El atributo title no lo conocía…hasta el final del curso el prof dando unos consejos de infarto…gracias profesor.

Importante y muy interesante tomar en cuenta éste aspecto. Ya cerca de acabar el curso :'v

Cada vez el numero de usuarios de la web y en general de la tecnología aumenta, por lo que estos temas de accesibilidad toman mas relevancia. Así que a usar las etiquetas label, alt y title, además de usar medidas relativas para las dimensiones de los textos.

Para aquellos que depronto no han visto mi mensaje, vuelvo a dejarles una maravillosa herramienta llamada ANDI, diseñada para testear paginas web siempre teniendo en cuenta el tema de la accesibilidad: https://www.ssa.gov/accessibility/andi/help/install.html

Súper interesante esta clase y la temática tratada. Es siempre bueno pensar en todas las personas que puedan llegar a visitar nuestra página.

Labels
Es prudente poner en la parte de «<label for="">» algo que se pueda rellenar de manera automática: name, direction, postal code, number, etcetera.

alt
Dar una descripción breve en «alt» para que usuarios incapaces de ver la imagen puedan verla.
Ejemplo:
<img alt=“Par de zapatos rojos.”>

Title
Es una pequeña descripción que aparece al momento de hacer un hover sobre una imagen.

Ejemplo:
<img src=“asd.png” title=“sus”>

Considero que la accesibilidad como la “Inclusión para usuarios” visto desde el punto de desarrollo front end.

Estuve todo el curso esperando saber como hacer esto… el momento en que explico. “title” BOOOM. Demasiado genial, increible curso.
Muchas gracias.

Muchísimas gracias

si se aprendió bastante, ahora a practicar!!

“pequeñas cosas que hacen grandes cambios en accesibilidad” Gracias Diego, es un deber y una responsabilidad darle a personas con algunas dificultades o mejor con capacidades distintas, la oportunidad de tener las mismas posibilidades de acceso a contenido e información.

Esto de la accesibilidad es de suma importancia, y es algo que en ninguna otra plataforma de enseñanza he visto. Valiosa información y sobre todo reflexión. Excelente!

Excelente estas clases de Accesibilidad. Qué buena enseñanza para complementar a todo el conocimiento que deja el curso.

Hay personas que aún con un zoom al máximo deben acercarse a la pantalla de su dispositivo. Por eso la importancia de la accesibilidad en nuestros proyectos

Los labels: funcionan junto a los inputs. Es importante porque al envolver el input en un label, este le da un foco especial que permite hacer click sobre el label y nos lleva a rellenar la información del input. Le ayuda mucho a algunos software de lectura a enfocarse en el input directamente.
.
.
El atributo alt: nos ayuda a leer la descripción de las imagenes para personas con discapacidades visuales. También sirve para agregar un texto alternativo en caso que la imagen no se carge.
.
.
El atributo title: puede ser usado en varias etiquetas HTML como img o a y su función es agregar una descripción para cuando el usuario haga hover sobre algún elemento.

Hay un dato interesante que sucede en Instagram y otras redes sociales. Cuando por alguna razón no se carga la imagen muestra un texto en el lugar de la imagen, describiéndola. Por la forma en la que las describe posiblemente sea una inteligencia artificial.

Clase bastante importante, la importancia de nosotros como programadores para ser inclusivos a personas con discapacidad… Super!!!

En el curso de accesibilidad web realmente ir profundizan en el tema, pero es importante también considerar aspectos como contraste de colores y dependiendo del enfoque de nuestro proyecto, llegar a tener opciones que permitan a nuestros usuarios tener algunas personalizaciones.

Creo que debemos gastar ese tiempo de mas para poder implementar todos estos recursos 🙌

Excelente curso =D ahora por mas =)

este curso fue muy genial

Te amo diego, gracias jajaj

👌

Interesante, esta clase.

Pienso que el tema de accesibilidad es el CSS de muchas personas.

Impresionante

Interesante

excelente video muy intuitivo

Cuando debo usar title y cuando usar el tooltip?

Importancia de los Atributos de Accesibilidad en HTML

• En el desarrollo web, es crucial considerar la accesibilidad para garantizar que nuestros productos sean utilizables por todos los usuarios, independientemente de sus capacidades.

El Atributo “label”

• El atributo “label” es una etiqueta que se utiliza junto con los elementos de entrada (inputs) en formularios HTML.
• Aunque algunos desarrolladores pueden pasar por alto su uso, el “label” es fundamental para mejorar la accesibilidad y la usabilidad de los formularios.
• Al asociar un “label” con un elemento de entrada, como un campo de texto, se facilita la interacción para los usuarios, especialmente aquellos que utilizan lectores de pantalla.
• Hacer clic en el “label” enfocará automáticamente el elemento de entrada correspondiente, lo que mejora la navegación y la experiencia del usuario.

Los Atributos “alt” y “title”

• Los atributos “alt” y “title” se utilizan en etiquetas de HTML, como la etiqueta de imagen (“img”), para proporcionar información adicional y mejorar la accesibilidad.
• El atributo “alt” proporciona una descripción alternativa para la imagen, que es especialmente útil para usuarios que utilizan lectores de pantalla o cuando la imagen no se carga correctamente.
• Es importante ser descriptivo pero conciso al escribir el texto del atributo “alt”, ya que ayuda a los usuarios a comprender el contenido de la imagen.
• El atributo “title” proporciona información adicional que se muestra al pasar el cursor sobre el elemento HTML, como una imagen o un enlace.
• Utilizar el “title” puede ayudar a los usuarios a comprender el propósito o el contenido del elemento antes de hacer clic en él, lo que mejora la usabilidad y la experiencia del usuario.

Implementación Práctica y Beneficios

• Integrar los atributos “label”, “alt” y “title” en el código HTML es una práctica recomendada para mejorar la accesibilidad y la usabilidad de un sitio web.
• Estos atributos permiten que los usuarios con discapacidades visuales o cognitivas accedan al contenido de manera efectiva y comprensible.
• Al priorizar la accesibilidad en el desarrollo web, se crea un entorno inclusivo que beneficia a todos los usuarios, independientemente de sus necesidades específicas.

Próximos Pasos

• Continuar aprendiendo sobre técnicas de accesibilidad web y prácticas recomendadas para garantizar que los productos digitales sean accesibles para todos los usuarios.
• Explorar cursos adicionales sobre accesibilidad web disponibles en plataformas educativas para ampliar los conocimientos y habilidades en este importante campo.
• Aplicar activamente los principios de accesibilidad en el desarrollo de proyectos web futuros para crear experiencias en línea inclusivas y accesibles para todos los usuarios.

Felicitaciones por el curso, supero todas mis expectativas!!!

.

Recursos importantes:

• HTML <label> Tag
• HTML alt Attribute
• HTML title Attribute

El mejor curso que he tomado de HTML & CSS