Piensa en formas de resolver los TIPS DE HERRAMIENTAS
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
En el desafío de la GUI de hoy, @AdamArgyleInk crea un cuadro de información con un elemento personalizado (sin componente web), :has(), las transformaciones y las propiedades lógicas. Además de una pequeña secuencia de comandos de copia de seguridad para usar :has(), todo funciona con la tecnología de CSS. No te pierdas la experiencia del lector de pantalla, ya que captó la atención especial, como de costumbre.
Capítulos:
- 0:00 - Introducción
- 0:20 - Información sobre la herramienta frente a las sugerencias de activación
- 2:22 - Descripción general de las funciones
- 6:25 - UX del lector de pantalla
- 9:06 - Árbol de accesibilidad
- 14:12: :has()
- 14:55 - HTML
- 15:18: CSS
- 18:50 - JavaScript
- 20:21 - Final
Resources:
Mira más desafíos de GUI → https://goo.gle/GUIchallenges
Suscríbete a Google Chrome Developers → https://goo.gle/ChromeDevs
arrow_back Volver a todos los episodios
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2022-10-05 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2022-10-05 (UTC)"],[],[]]