Ideas para envolver regalos originales

Ideas para envolver regalos originales

aria-label w3schools

La agrupación de controles de formulario relacionados hace que los formularios sean más comprensibles para todos los usuarios, ya que los controles relacionados son más fáciles de identificar. También facilita que la gente se concentre en grupos más pequeños y manejables en lugar de intentar comprender todo el formulario de una vez.
La agrupación debe realizarse visualmente y en el código, por ejemplo, utilizando los elementos <fieldset> y <legend> para asociar controles de formulario relacionados. Asimismo, las entradas relacionadas de un elemento <select> pueden agruparse utilizando <optgroup>.
Este ejemplo muestra campos de formulario para introducir direcciones de envío y de facturación. Como las etiquetas de ambos grupos tienen el mismo texto, el elemento fieldset también ayuda a distinguir los campos de formulario por sus grupos. En caso de que los lectores de pantalla no puedan leer el elemento <legend> (véase la nota siguiente), las etiquetas del primer control de formulario de cada grupo deben incluir el nombre del grupo. Este nombre puede ocultarse visualmente.
WAI-ARIA proporciona un rol de agrupación que funciona de forma similar a fieldset y legend. En este ejemplo, el elemento div tiene role=group para indicar que los elementos contenidos son miembros de un grupo y el atributo aria-labelledby hace referencia al id del texto que servirá de etiqueta para el grupo.

aria-label vs alt text

Estoy estilizando una tabla que tiene celdas con marcas de verificación (no interactivas). Los iconos de las marcas de verificación se añaden mediante CSS. Como no hay contenido accesible en ella, le he añadido una etiqueta aria. Ahora me pregunto si es una buena idea utilizar este atributo como un selector CSS para añadir los iconos de las marcas de verificación de esta manera:
Aprendí que usar atributos ARIA como selectores es generalmente una buena práctica, al menos para atributos relacionados con el estado como aria-hidden, aria-expanded, etc. En este caso tenía sentido tener el estilo td acoplado a la etiqueta correspondiente. Pero, por supuesto, si esas etiquetas cambian en algún momento tendré que adaptar el CSS también.
En este caso estás confiando en el CSS para añadir contenido a una página basada en ARIA que no creo que necesites. En primer lugar, el soporte para aria-label (en <td>s así como en otros elementos) puede ser inestable en combos de navegadores / lectores de pantalla más antiguos, y en segundo lugar, el soporte para el contenido generado por CSS por combos de navegadores / lectores de pantalla más antiguos puede ser más inestable. Sin embargo, no sé nada de tus usuarios para saber si esto es importante.

aria-etiquetada por

El lenguaje de marcado llamado wikitexto, también conocido como wiki markup o wikicode, consiste en la sintaxis y las palabras clave utilizadas por el software MediaWiki para dar formato a una página. (Nota la ortografía en minúsculas de estos términos.)[a] Para aprender a ver este marcado de hipertexto, y para guardar una edición, ver Ayuda:Editar. Generalmente, la codificación puede ser copiada y pegada, sin necesidad de escribir nuevo código. Hay una breve lista de marcas y consejos en Help:Cheatsheet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Texto de la derechaLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Texto de la derechaLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

aria-label css

Estoy estilizando una tabla que tiene celdas con marcas de verificación (no interactivas). Los iconos de las marcas de verificación se añaden mediante CSS. Como no hay contenido accesible en ella, le he añadido una etiqueta aria. Ahora me pregunto si es una buena idea utilizar este atributo como un selector CSS para añadir los iconos de las marcas de verificación de esta manera:
Aprendí que usar atributos ARIA como selectores es generalmente una buena práctica, al menos para atributos relacionados con el estado como aria-hidden, aria-expanded, etc. En este caso tenía sentido tener el estilo td acoplado a la etiqueta correspondiente. Pero, por supuesto, si esas etiquetas cambian en algún momento tendré que adaptar el CSS también.
En este caso estás confiando en el CSS para añadir contenido a una página basada en ARIA que no creo que necesites. En primer lugar, el soporte para aria-label (en <td>s así como en otros elementos) puede ser inestable en combos de navegadores / lectores de pantalla más antiguos, y en segundo lugar, el soporte para el contenido generado por CSS por combos de navegadores / lectores de pantalla más antiguos puede ser más inestable. Sin embargo, no sé nada de tus usuarios para saber si esto es importante.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad