Hola, y bienvenidos de nuevo mientras regresamos y hablamos de diseño para accesibilidad una vez más. Por lo tanto, como te he estado diciendo más y más tipo de cosas geniales y ordenadas, a veces siento la necesidad de controlarte de nuevo y recordarte los conceptos básicos de cuando estás diseñando tu página. Y parte de eso básico es que quiero recordarle que el contenido de su página debe estar en su HTML. Lo que quiero decir con eso es que puede ser realmente tentador agregar contenido a través de colores , imágenes, etc., cosas que la gente puede no ser capaz de percibir, pero no necesariamente estás pensando en ello cuando, como usuario visual, lo estás trayendo. Así que lo que quiero que hagas mientras diseñas tus páginas y pruebas y rediseñas y pruebas y rediseñas es recordar lo que llamamos las directrices POUR. Queremos que sus páginas sean perceptibles, operables, comprensibles y robustas. Y lo perceptible y comprensible realmente tipo de coincide con lo que estás haciendo con tu CSS. Así que para que las cosas sean perceptibles, solo quiero que recuerdes un par de cosas. En primer lugar, recuerde siempre proporcionar alternativas de texto para sus imágenes. Sus imágenes no deben transmitir la información completamente por sí mismas. Asegúrate de proporcionar subtítulos y transcripciones para vídeo y audio. Ahora, no todo el mundo tiene acceso a herramientas para proporcionarte esto de forma gratuita, pero donde trabajas o donde vas a la escuela puede ayudarte. Asegúrese de que está utilizando el marcado semántico correcto para que el contenido se pueda presentar de diferentes maneras. Quiero que uses esa etiqueta de navegación. Quiero que uses la etiqueta de figura en lugar de la etiqueta de imagen. Lo que tiende a suceder es que las personas tienen código que ya han escrito y quieren ser un poco perezosos y no tener que cambiar su HTML, porque cuando lo hacen, tienen que cambiar su CSS. Adelante y haz ese cambio. Realmente va a valer la pena. Haga que sea fácil para los usuarios conectarse, ver su contenido, utilizando un contraste de color realmente bueno. Te sorprendería saber cuántas personas no pueden acceder a la información en la web porque realmente no pueden ver lo que has puesto ahí arriba. A continuación, hablemos de lo que significa que su página sea operable. Lo que quiero decir con eso es que toda la funcionalidad que va a su página debería estar disponible desde el teclado. No esperes que todo el mundo vaya a usar un ratón para repasar tu página. No esperes que algunas cosas, está bien que algunas cosas solo sean accesibles si pasas el cursor sobre ellas. Los usuarios deben tener el control sobre todos los tiempos y los límites. Así que si tienes esos videos en los medios, asegúrate de ponerlos en que hay un panel de control para que desactiven las cosas, las bajen, rebobinen, etc. Esto es algo que es realmente importante para mí, porque tengo miembros de la familia que se ocupan de esto, es que quieres asegurarte de que que no tienes algún tipo de contenido que parpadea todo el tiempo. No estoy hablando de Flash el software. Estoy hablando de cosas que van a parpadear en la pantalla y el usuario no tiene el control para apagarlo. Esto puede causar convulsiones. Desea proporcionar formas de ayudar a los usuarios a navegar por la página. No lo conviertas en un rompecabezas donde tienen que averiguar cómo llegar a donde quieren ir. Es su trabajo hacer que sea lo más fácil posible para ellos encontrar contenido y averiguar dónde están en su página. Aquí hay algunos ejemplos rápidos de diferentes maneras en que las personas a veces acceden a la web, ya sea con un lápiz, un teclado, un mando a distancia, una especie de teclado accesible, o incluso algún tipo de dispositivos de soplo que pueden usar para navegar por la web. A continuación, hablemos de lo que quiero decir cuando una página es comprensible. Por lo general, desea mantener su idioma corto y dulce en su página. A menos que seas autor y estés mostrando tus obras, la gente solo pasará unos segundos en tu página. Haz que sea fácil para ellos entender lo que estás tratando de decir. Cuando tenga texto complementado con ilustraciones, vídeos y otros formatos cuando corresponda, desea asegurarse de que está utilizando un buen diseño universal, de que las personas puedan acceder a él. Navegación, estructura de información, esos deben ser realmente separados y discernibles de su contenido. Hacer que las personas, hacer que sea más fácil para las personas escapar, volver a ciertas páginas, etc. Y, finalmente, hacer que sus páginas funcionen de maneras predecibles. Esto puede ser algo confuso de hablar, pero si alguna vez has estado en un sitio web donde simplemente no puedes averiguar cómo volver a la página que estabas hace tres páginas, haz que sea fácil para la gente conseguir eso. Finalmente, ayuda a los usuarios a evitar y corregir errores. Le toca a usted, no a ellos, averiguar cómo acceder a la información. Finalmente, la R, la robusta en el POUR. ¿ Su sitio es funcional a través de diversas tecnologías, un teléfono inteligente, lector de pantalla, portátil, pensticks? A medida que trabajes conmigo y vamos más allá, hablaremos de diseño receptivo en algunas clases posteriores. Y eso es asegurarse de que su página tenga el mejor aspecto que pueda tener en diferentes tamaños de pantalla. Pero es más que tamaños de pantalla, también hay que pensar en cosas como dijimos, los pensticks y los lectores de pantalla. Por lo tanto, habrá errores de sintaxis que podría tener en su código que no afecten a lo que le parece la página. Has entrado, se ve genial, estás como, soy dorada. Debe recordar que esos errores de sintaxis pueden estropear otra tecnología. Así que asegúrese de cumplir con los estándares y de garantizar la compatibilidad futura con los nuevos navegadores. Y la forma más fácil de hacerlo es ir a validator.w3c.org y wave.webaim.org para validar su código. Es simple, es rápido, y realmente te va a dar una página mucho mejor. Así que sólo para revisar, no te estoy pidiendo que hagas grandes pasos. Sólo quiero que hagas las pequeñas cosas bien. Y eso realmente comienza con las etiquetas HTML adecuadas. El estilo puede hacer que sea más difícil para algunas personas acceder a la información, por lo que prueba, prueba, prueba. Pida a la gente que mire su página. Haz que te den comentarios. No lo tomes como algo personal. No se trata de tu codificación. Se trata realmente de hacer un gran producto. Finalmente, adentrarse en el hábito temprano de utilizar estas diferentes herramientas de accesibilidad. Están ahí para que hagas tu vida más fácil, no más difícil. Finalmente, lo único con lo que realmente lucho, con los estudiantes, es que todos queremos hacer las cosas nuevas y geniales. Pero los nuevos estilos y las nuevas tecnologías geniales no deben ser a costa de la accesibilidad y las personas que ven su página. Así que realmente espero que a medida que estás aprendiendo este código y te estás poniendo un poco estresado sobre la utilización de todas estas cosas geniales que estás aprendiendo, que estás recordando que no se trata de tener la página web más genial. Se trata de tener una página limpia que represente realmente la información que desea obtener en la web. Buena suerte.