Compartir a través de


Comandos en un elemento web

Los comandos en un elemento web consisten en una única línea de comandos debajo del título del elemento web. Estos comandos contienen un icono y texto, como el icono + (más) y el texto Agregar. La barra de comandos se puede ampliar para admitir varios comandos. Pero no le recomendamos sobrecargar el elemento web con demasiados comandos. Además, observe cómo los comandos se redistribuyen cuando el elemento web se coloca en distintas columnas, o bien cuando la página se redistribuye para adaptarse a tamaños de pantalla más pequeños.

Un único comando +Agregar debajo del título

Varios comandos en la izquierda y comandos secundarios en la derecha.

Ver todo

Puede que muchos elementos web necesiten admitir el desbordamiento de contenido en una página secundaria (por ejemplo, en los elementos web Noticias y Eventos). Además, es posible que solo los diseños específicos dentro del elemento web necesiten admitir el desbordamiento. El modelo recomendado es colocar un comando Ver todo en la esquina del extremo derecho. Para admitir la navegación con el teclado, este comando tiene que ser el último en el orden de tabulación del elemento web.

Un único comando +Agregar con el comando Ver todo

Estados de la barra de comandos

Un comando común para muchos elementos web que necesitan la creación de contenido es el comando Agregar. En el caso de los elementos web Noticias y Eventos, el comando Agregar solo está habilitado en el modo de lectura porque lleva al usuario a una nueva página o formulario para crear contenido. La experiencia del usuario recomendada para los elementos web necesita determinar si los comandos están activos tanto en el modo de lectura como en el modo de edición, solo en el modo de lectura, o solo en el modo de edición. Lo más probable es que esto dependa de si el elemento web se diseñó para que lo configurara el autor de la página y sea estático para el visor, o bien si el visor o el lector pueden interactuar con el elemento web.

Colocación y accesibilidad de los comandos

Los comandos principales, incluso cuando el elemento web solo tiene un comando (como Agregar), tienen que colocarse debajo del título para facilitar su detectabilidad y uniformidad, y para permitir una redistribución sencilla en todos los tamaños de columna. Los títulos de elementos web largos tienen que ajustarse a dos líneas, pero no han de interferir con la colocación de los comandos.

Ajuste de título y redistribución de dos columnas

Ajuste de título y redistribución de tres columnas

Este es un ejemplo de elemento web con un conjunto de comandos sencillo que sigue las directrices de colocación. Siga esta guía al decidir cómo hacer que el elemento web sea accesible para admitir la navegación con el teclado y las etiquetas del lector de pantalla. Para obtener más información sobre accesibilidad, vea Accesibilidad en el diseño de elementos web de SharePoint.

Ejemplo de teclado de comandos compatibles con la navegación con el teclado