Palabras que acaban en ada

Escrito por Cristian Peña

Svg role=presentación

<u>: El elemento de anotación no articulada (subrayado)El elemento HTML <u> representa un tramo de texto en línea que debe ser renderizado de forma que indique que tiene una anotación no textual. Por defecto, se representa como un simple subrayado sólido, pero puede modificarse mediante CSS.
Advertencia: Este elemento solía llamarse elemento «Subrayado» en versiones antiguas de HTML, y a veces todavía se utiliza erróneamente de esta manera. Para subrayar el texto, debe aplicar un estilo que incluya la propiedad CSS text-decoration establecida como subrayado.
AtributosEste elemento sólo incluye los atributos globales.Notas de usoJunto con otros elementos de estilo puros, el elemento HTML Underline (<u>) original quedó obsoleto en HTML 4; sin embargo, <u> fue restaurado en HTML 5 con un nuevo significado semántico: marcar el texto como si tuviera alguna forma de anotación no textual aplicada.
Para aplicar una apariencia de subrayado sin ningún significado semántico, utilice el valor de la propiedad text-decoration underline.EjemplosIndicación de un error ortográficoEste ejemplo utiliza el elemento <u> y algo de CSS para mostrar un párrafo que incluye un error ortográfico, con el error indicado en el estilo de subrayado ondulado rojo que se utiliza con bastante frecuencia para este propósito.

Menú desplegable accesible codepen

El panel Contenido ofrece una vista jerárquica de los objetos que componen un PDF, incluido el propio objeto PDF. Cada documento incluye una o varias páginas, un conjunto de anotaciones (como comentarios y enlaces) y los objetos de contenido de la página. Los objetos de contenido consisten en contenedores, texto, rutas e imágenes. Los objetos se enumeran en el orden en que aparecen en la página, como las etiquetas en el árbol de estructura lógica. Sin embargo, los PDF no requieren etiquetas para que usted pueda ver o cambiar la estructura de los objetos.
Aunque puede corregir la mayoría de los problemas de etiquetado utilizando la herramienta Orden de lectura, debe utilizar el panel Etiquetas para abordar el etiquetado detallado de tablas y elementos de subestructura, como párrafos, listas y secciones que requieren varios idiomas. Añada etiquetas manualmente a un documento en el panel Etiquetas sólo como último recurso. Considere primero la posibilidad de utilizar el comando Añadir etiquetas al documento.
Algunos PDF etiquetados pueden no contener toda la información necesaria para que el contenido del documento sea totalmente accesible. Por ejemplo, si desea que un documento esté disponible para un lector de pantalla, el PDF debe contener texto alternativo para las figuras, propiedades de idioma para las partes del texto que utilizan un idioma diferente al predeterminado para el documento y texto de expansión para las abreviaturas. La designación del idioma adecuado para los distintos elementos de texto garantiza que se utilicen los caracteres correctos cuando se readapte el documento y que éste se revise ortográficamente con el diccionario correcto.

Ejemplo de menú desplegable accesible

La clasificación es difícil. Por ejemplo, los cangrejos. Los cangrejos ermitaños, los cangrejos de porcelana y los cangrejos de herradura no son, taxonómicamente hablando, verdaderos cangrejos. Pero eso no nos impide utilizar el sufijo «cangrejo». La cosa se vuelve más confusa cuando, con el tiempo y gracias a un proceso llamado carcinización, los cangrejos no verdaderos evolucionan para parecerse más a los verdaderos. Es el caso de los cangrejos reales, que se cree que fueron cangrejos ermitaños en el pasado. Imagínese el tamaño de sus caparazones.
En el diseño, a menudo cometemos el mismo error de dar el mismo nombre a cosas diferentes. Parecen similares, pero las apariencias engañan. Esto puede tener un efecto desafortunado en la claridad de su biblioteca de componentes. En términos de inclusión, también puede llevarle a reutilizar un componente semánticamente y conductualmente inapropiado. Los usuarios esperarán una cosa y obtendrán otra.
Los desplegables que constituyen un conjunto de opciones suelen llamarse «menús», y de ellos quiero hablar aquí. Vamos a idear un verdadero menú, pero hay mucho que decir sobre los menús no verdaderos en el camino.

Selección desplegable accesible

Un botón icono es un icono que desencadena algún tipo de acción en la página. Más exactamente, técnicamente hablando, un botón de icono es un botón que contiene un icono y ningún texto (visible) que lo acompañe. Estos botones se encuentran en la mayoría de las aplicaciones e interfaces de usuario actuales. El infame botón del menú hamburguesa es un gran ejemplo de este tipo de botones cuando no está etiquetado visualmente como «Menú».
Dejando a un lado la cara de la moneda de la UX y si un icono por sí solo es suficiente para transmitir el significado y la funcionalidad a los usuarios, muchas implementaciones de estos botones hoy en día carecen de la accesibilidad adecuada que los hace significativos para los usuarios de tecnologías de asistencia.
Aunque la aparentemente popular etiqueta aria es una forma perfectamente válida de añadir un nombre accesible a un botón (y/o a otros componentes), ciertamente no es la única forma, y mucho menos la mejor. Siempre se puede poner un texto, por ejemplo. Pero, ¿y si el diseñador o la UI imponen la ausencia de texto visual junto a un icono?
Un botón se anuncia a los lectores de pantalla como un botón cuando se utiliza el elemento apropiado – el todopoderoso <button>, o cuando un elemento tiene un rol = «botón» en él. En cualquier caso, cuando un botón se anuncia como tal, los usuarios esperan poder interactuar con él de una manera determinada, lo que incluye poder activar el botón utilizando las teclas ENTER o SPACE.

Sobre el autor

Cristian Peña

Hola a [email protected], soy Cristian Peña.
En mi blog podrás descubrir infinidad de noticias y curiosidades.