Recursos para crear sitios accesibles en SharePoint Online
Applies ToSharePoint en Microsoft 365

En SharePoint Online, puede crear fácilmente sitios con las plantillas estándar predefinidas (como Blog, Sitio de grupo, Sitio de proyecto, etc.). Estas plantillas estándar agregan contenido a las páginas del sitio que se diseñó teniendo en cuenta la accesibilidad.

Este artículo va dirigido a usuarios que quieran personalizar el sitio después de crearlo y que se comprometan a hacer que el sitio personalizado sea accesible para usuarios con discapacidades. Contiene información básica que necesita tener en cuenta antes de personalizar el sitio, como las necesidades del público y directrices de accesibilidad, así como vínculos a recursos que le ayudarán a realizar tareas básicas de personalización del sitio a la vez que mantiene el sitio accesible.

Notas: 

  • Para más información sobre los tipos de sitios que se pueden crear en SharePoint Online y cómo usarlos, vea Usar plantillas para crear diferentes tipos de sitios de SharePoint.

  • En este artículo se describen algunas tareas básicas y comunes de personalización que cualquier usuario puede realizar en los sitios a través de la interfaz de usuario de SharePoint Online en un explorador, sin la necesidad de conocer el código subyacente de las páginas. La personalización del código de un sitio (como HTML, CSS o JavaScript) o las tareas avanzadas de personalización están más allá del ámbito de este artículo. Pero la información sobre accesibilidad del artículo es válida para cualquier personalización de sitio, independientemente del ámbito.

En este artículo...

Objetivos para sitios accesibles

Para muchos usuarios, la accesibilidad de SharePoint es algo en lo que piensan después. Creen que la accesibilidad es algo que un desarrollador web cambia en el código de un sitio después de haberlo creado (como optimizar el código HTML, CSS o JavaScript).

Pero la accesibilidad tiene que ser un componente del proceso de diseño y es necesario tenerla en cuenta antes de empezar a trabajar en cualquier sitio. Teniendo esto en cuenta, necesita pensar en qué medida la personalización de un sitio creado en SharePoint Online afectará a la accesibilidad antes de personalizarlo. Hacer un sitio accesible equivale principalmente a lo siguiente:

  • Usabilidad para todos.

    La accesibilidad es crear un sitio que cualquiera puede usar (usuarios con o sin discapacidades). La usabilidad es algo crítico. Si no puede desplazarse fácilmente por el sitio para obtener lo que quiere o conseguir lo que necesita, ¿cómo pueden hacerlo otros usuarios?

  • Usabilidad para usuarios con discapacidades.

    La accesibilidad consiste en incluir a todo el público, sin ignorar a una parte de este. Se trata de adaptarse a las necesidades de usuarios con discapacidades al crear un sitio y hacer que sea accesible para estos. Después de todo, son usuarios del sitio, igual que cualquier otro usuario de su organización.

Diseñar sitios teniendo en cuenta la accesibilidad ayuda a que sus sitios sean:

  • Accesibles, independientemente del dispositivo o del método de entrada que se use (por ejemplo, un explorador de equipo de escritorio, un explorador de voz, un explorador de teléfono móvil, un equipo basado en automóvil, etc.).

  • Accesibles, independientemente de las limitaciones del usuario (por ejemplo, entorno ruidoso, salas con diferentes grados de iluminación, entornos de conducción con manos libres, etc.).

  • Predecibles. La innovación de los sitios es importante, pero la predictibilidad es esencial. Al hacer que la navegación el sitio sea fácil de comprender y predecible, será más accesible para todos los usuarios.

Recursos

¿Qué es la accesibilidad web?

Aprendizaje de accesibilidad de Microsoft: Introducción a la accesibilidad

Guía para organizaciones empresariales y de administración pública que crean contenido accesible para usuarios con discapacidades

Guía para formadores que crean contenido accesible para usuarios con discapacidades

Blog de accesibilidad de Microsoft

Obtener información sobre el público (usuarios con discapacidades) y sus necesidades

El término “usuarios con discapacidades” incluye a millones de personas con una amplia variedad de necesidades. Pero cada público secundario tiene distintas necesidades específicas. En la tabla siguiente se describen algunas de las discapacidades más comunes y las necesidades correspondientes de los usuarios que las tienen. Al personalizar un sitio creado en SharePoint Online, comprender cómo afecta la personalización a cada público secundario es algo crítico.

Nota:  Las “tecnologías de asistencia” describen el grupo de tecnologías que se adaptan a las necesidades de usuarios con discapacidades. En la tabla siguiente se indican algunas de estas tecnologías, como lectores de pantalla. Para más información sobre los diferentes tipos de tecnologías de asistencia, vea en este artículo Experimentar con tecnologías de asistencia que usa el público.

Algunas de las discapacidades más comunes y las necesidades de accesibilidad correspondientes:

Discapacidad

Asistencia que suele necesitar

Invidencia o deficiencias visuales

  • Métodos abreviados de teclado (sin acciones de mouse).

  • Usar un orden de tabulación y puntos de referencia predecibles en una página web (incluidos los cuadros de diálogo) que permiten al público crear un modelo mental de la página para que puedan estar orientados y conozcan dónde están en todo momento.

  • Respuesta audible de lectores de pantalla (un tipo de tecnología de asistencia).

  • Alternativas a elementos visuales (imágenes, iconos, etc.) y texto descriptivo para todas las imágenes (incluso las que solo sean decorativas), como texto alternativo.

  • Transcripciones de audio para vídeos y configuración para reproductores de vídeo, como la capacidad para desactivar la reproducción automática, para que el sonido de un vídeo y la respuesta audible de un lector de pantalla no se superpongan.

  • Lenguaje que sea claro e inclusivo, y que no siempre haga referencia a “ver” un elemento. Por ejemplo, en lugar de decir “vea xyz”, podría decir “xyz se incluye”. En lugar de decir “vea el vídeo”, podría proporcionar una alternativa: “Vea el vídeo o escuche la transcripción de audio del vídeo”.

  • Usar tipos de letra más grandes para que el texto sea más fácil de leer y usar texto negro o de contraste alto.

Para obtener información sobre cómo soluciona Microsoft estas necesidades de públicos secundarios, vea la Guía de Microsoft para usuarios invidentes o con deficiencias visuales.

Daltonismo

El daltonismo se divide en dos tipos principales: dificultad para distinguir entre rojo y verde, y dificultad para distinguir entre azul y amarillo. Tenga en cuenta lo siguiente al personalizar el sitio:

  • Alternativas a colores para transmitir información importante. Asegúrese de que el color no sea el único medio de transmitir información en el sitio. Por ejemplo, asegúrese de que un hipervínculo resaltado por color también esté subrayado, para que una persona con daltonismo pueda identificar que es un vínculo, aunque no puedan ver el color.

  • Use colores brillantes o combinaciones de colores de contraste alto en los extremos opuestos del espectro de colores. Por ejemplo, las combinaciones de blanco y negro ayudan a los usuarios con daltonismo a distinguir diferentes colores.

  • Fondos sencillos sin patrones detrás del texto en páginas web.

Para obtener más información, vaya a Discapacidades visuales: Daltonismo

Discapacidades o dificultades motrices

  • Métodos abreviados de teclado (sin acciones de mouse o con acciones de mouse limitadas).

  • Oportunidades para cancelar acciones principales, como proporcionar un botón Cancelar al eliminar un canal en un portal de vídeo para asegurarse de que el usuario pueda deshacer posibles errores realizados con un dispositivo de entrada.

  • Formas de omitir listas largas (por ejemplo, vínculos que permiten a un usuario ir al principio, al final o a la sección siguiente de una página en un sitio).

  • Vínculos con unas pocas palabras de texto y en los que resulta difícil hacer clic. Por ejemplo, en lugar de “haga clic aquí”, incluya el título completo del vínculo, que suele ser más largo.

Sordera o limitaciones auditivas

  • Subtítulos y transcripciones de texto de los vídeos. • Transcripciones de texto de audio.

  • Alternativas para indicaciones audibles.

  • Lenguaje que sea claro e inclusivo, que proporcione alternativas a “oír” o “escuchar” un elemento. Por ejemplo, en lugar de decir “escuche el audio”, podría decir “escuche el audio o lea la transcripción de texto correspondiente”.

Discapacidades cognitivas, como dislexia o trastornos por déficit de atención

Las personas con dislexia describen que ven el texto “cambiado” en una página (por ejemplo, ven una línea de texto en la línea inferior. También pueden ver el texto combinado o distorsionado. Tienen necesidades similares a los usuarios con deficiencias visuales (especialmente, la reducción de su carga de lectura). Puede que también se beneficien del uso de fuentes sans serif, como Arial o Calibri. Evite usar cursiva, todo mayúsculas y subrayado.

Las personas con trastornos por déficit de atención tienen problemas para centrarse en una frase, una tarea, etc. Necesitan diseños de sitio sencillos que les permitan centrarse fácilmente. Tienen problemas para procesar información en sitios con demasiados elementos. Realice un uso eficaz del espacio en blanco en el diseño del sitio y use texto alineado a la izquierda, no centrado ni justificado.

Recursos

Historias de usuarios web: Cómo usan la web las personas con discapacidades

Guías de Microsoft para varios tipos de discapacidades e ideas para posibles soluciones

Identificar las directivas, requisitos y directrices de accesibilidad de la compañía

Cuando alguien crea contenido para la web o para un sitio de intranet de la compañía y se comprometen a hacerlos accesibles para usuarios con discapacidades, tienen que seguir determinadas directrices de accesibilidad. Si se desvía de las plantillas estándar predefinidas que se proporcionan en SharePoint Online para crear sitios, tenga esto en cuenta y realice lo siguiente, como mínimo, según el grado de personalización:

  • Identifique las directrices y los requisitos de accesibilidad establecidos en su organización que necesita cumplir al crear sitios, incluidos los sitios personalizados en SharePoint Online.

  • Póngase en contacto con el responsable de accesibilidad de su organización y hable sobre las implicaciones de personalizar el sitio. Además, pídale que le recomiende herramientas para probar aspectos específicos de la accesibilidad del sitio.

  • Comparta sus planes de contenido con el responsable de accesibilidad y pídale que evalúe sus planes y el progreso de personalización del sitio a intervalos regulares para evitar posibles obstáculos de accesibilidad.

  • Hable con personas de su organización con discapacidades y solicite su opinión sobre sus planes para personalizar su sitio en SharePoint Online. Es posible que puedan proporcionar información sobre los retos diarios a los que se enfrentan al usar sitios web, en general, y los problemas específicos que encuentran al usar sitios de intranet, lo que puede animarlo a reconsiderar sus planes de personalización o al menos establecer objetivos realistas.

Recursos

Sitio web de accesibilidad de Microsoft Developer Network (MSDN)

Familiarizarse con las directrices de accesibilidad más comunes actualmente para todos los tipos de sitios web

Los sitios creados en SharePoint Online son, sobre todo, sitios web, igual que cualquier otro sitio. Por lo tanto, las directrices generales que use para crear contenido accesible para cualquier sitio web también son válidas para los sitios creados o personalizados en SharePoint Online. Las siguientes directrices son completas y detalladas.

Recursos

Directrices de accesibilidad de contenido web (WCAG) de World Wide Web Consortium (W3C) W3C es una comunidad internacional que trabaja en conjunto para desarrollar estándares web, como directrices para la accesibilidad web. WCAG son algunas de las directrices más completas disponibles sobre accesibilidad para sitios web y son la base para reglamentos de accesibilidad en muchos países. WCAG es el estándar en la práctica para aspirar al desarrollo moderno de sitios web y sitios de intranet.

WebAIM ofrece guías de referencia y guías de diseño. WebAIM es la autoridad principal sobre accesibilidad web que ofrece servicios completos de accesibilidad web. La misión de WebAIM es permitir a las organizaciones que diseñen contenido web accesible para los usuarios con discapacidades.

Además, los usuarios que trabajan para un departamento o administración del gobierno de Estados Unidos tienen que cumplir con reglamentos de contratación federales. Para más información, vea Normas de la sección 508 para información y aplicaciones de intranet e Internet basadas en web.

En resumen: Realizar personalizaciones comunes accesibles en sitios creados en SharePoint Online

Ahora que ya conoce la accesibilidad como un componente del diseño, así como las implicaciones de accesibilidad de desviarse de las plantillas estándar que se incluyen en SharePoint Online, está preparado para personalizar el sitio a la vez que lo mantiene accesible.

Estos son algunos artículos sugeridos:

En SharePoint, puede crear fácilmente sitios con las plantillas estándar predefinidas (como Blog, Sitio de grupo, Sitio de proyecto, etc.). Estas plantillas estándar agregan contenido a las páginas de una manera diseñada teniendo en cuenta la accesibilidad.

Este artículo va dirigido a usuarios que quieran personalizar el sitio después de crearlo y que se comprometan a hacer que el sitio personalizado sea accesible para usuarios con discapacidades. Contiene información básica que necesita tener en cuenta antes de personalizar el sitio, como las necesidades del público y directrices de accesibilidad, así como vínculos a recursos que le ayudarán a realizar tareas básicas de personalización del sitio a la vez que mantiene el sitio accesible.

Notas: 

  • Para obtener más información sobre los tipos de sitios que se pueden crear en SharePoint y cómo usarlos, vea Usar plantillas para crear diferentes tipos de sitios de SharePoint.

  • En este artículo se describen algunas tareas básicas y comunes de personalización que cualquier usuario puede realizar en los sitios a través de la interfaz de usuario de SharePoint en un explorador, sin la necesidad de conocer el código subyacente. La personalización del código de un sitio (como HTML, CSS o JavaScript) o las tareas avanzadas de personalización están más allá del ámbito de este artículo. Pero la información sobre accesibilidad del artículo es válida para cualquier personalización de sitio, independientemente del ámbito.

Contenido

Objetivos para sitios accesibles

Para muchos usuarios, la accesibilidad de SharePoint es algo en lo que piensan después. Creen que la accesibilidad es algo que un desarrollador web cambia en el código de un sitio después de haberlo creado (como optimizar el código HTML, CSS o JavaScript).

Pero la accesibilidad tiene que ser un componente del proceso de diseño y es necesario tenerla en cuenta antes de empezar a trabajar en cualquier sitio. Teniendo esto en cuenta, necesita pensar en qué medida la personalización de un sitio creado en SharePoint afectará a la accesibilidad antes de personalizarlo. Hacer un sitio accesible equivale principalmente a lo siguiente:

  • Usabilidad para todos.

    La accesibilidad es crear un sitio que cualquiera puede usar (usuarios con o sin discapacidades). La usabilidad es algo crítico. Si no puede desplazarse fácilmente por el sitio para obtener lo que quiere o conseguir lo que necesita, ¿cómo pueden hacerlo otros usuarios?

  • Usabilidad para usuarios con discapacidades.

    La accesibilidad consiste en incluir a todo el público, sin ignorar a una parte de este. Se trata de adaptarse a las necesidades de usuarios con discapacidades al crear un sitio y hacer que sea accesible para estos. Después de todo, son usuarios del sitio, igual que cualquier otro usuario de su organización.

Diseñar sitios teniendo en cuenta la accesibilidad ayuda a que sus sitios sean:

  • Accesibles, independientemente del dispositivo o del método de entrada que se use (por ejemplo, un explorador de equipo de escritorio, un explorador de voz, un explorador de teléfono móvil, un equipo basado en automóvil, etc.).

  • Accesibles, independientemente de las limitaciones del usuario (por ejemplo, entorno ruidoso, salas con diferentes grados de iluminación, entornos de conducción con manos libres, etc.).

  • Predecibles. La innovación de los sitios es importante, pero la predictibilidad es esencial. Al hacer que la navegación el sitio sea fácil de comprender y predecible, será más accesible para todos los usuarios.

Recursos

¿Qué es la accesibilidad web?

Aprendizaje de accesibilidad de Microsoft: Introducción a la accesibilidad

Guía para organizaciones empresariales y de administración pública que crean contenido accesible para usuarios con discapacidades

Guía para formadores que crean contenido accesible para usuarios con discapacidades

Blog de accesibilidad de Microsoft

Obtener información sobre el público (usuarios con discapacidades) y sus necesidades

El término “usuarios con discapacidades” incluye a millones de personas con una amplia variedad de necesidades. Pero cada público secundario tiene distintas necesidades específicas. En la tabla siguiente se describen algunas de las discapacidades más comunes y las necesidades correspondientes de los usuarios que las tienen. Al personalizar un sitio creado en SharePoint, comprender cómo afecta la personalización a cada público secundario es algo crítico.

Nota: Las “tecnologías de asistencia” describen el grupo de tecnologías que se adaptan a las necesidades de usuarios con discapacidades. En la tabla siguiente se indican algunas de estas tecnologías, como lectores de pantalla. Para más información sobre los diferentes tipos de tecnologías de asistencia, vea en este artículo Experimentar con tecnologías de asistencia que usa el público.

Algunas de las discapacidades más comunes y las necesidades de accesibilidad correspondientes:

Discapacidad

Asistencia que suele necesitar

Invidencia o deficiencias visuales

  • Métodos abreviados de teclado (sin acciones de mouse).

  • Usar un orden de tabulación y puntos de referencia predecibles en una página web (incluidos los cuadros de diálogo) que permiten al público crear un modelo mental de la página para que puedan estar orientados y conozcan dónde están en todo momento.

  • Respuesta audible de lectores de pantalla (un tipo de tecnología de asistencia).

  • Alternativas a elementos visuales (imágenes, iconos, etc.) y texto descriptivo para todas las imágenes (incluso las que solo sean decorativas), como texto alternativo.

  • Transcripciones de audio para vídeos y configuración para reproductores de vídeo, como la capacidad para desactivar la reproducción automática, para que el sonido de un vídeo y la respuesta audible de un lector de pantalla no se superpongan.

  • Lenguaje que sea claro e inclusivo, y que no siempre haga referencia a “ver” un elemento. Por ejemplo, en lugar de decir “vea xyz”, podría decir “xyz se incluye”. En lugar de decir “vea el vídeo”, podría proporcionar una alternativa: “Vea el vídeo o escuche la transcripción de audio del vídeo”.

  • Usar tipos de letra más grandes para que el texto sea más fácil de leer y usar texto negro o de contraste alto.

Para obtener información sobre cómo soluciona Microsoft estas necesidades de públicos secundarios, vea la Guía de Microsoft para usuarios invidentes o con deficiencias visuales.

Daltonismo

El daltonismo se divide en dos tipos principales: dificultad para distinguir entre rojo y verde, y dificultad para distinguir entre azul y amarillo. Tenga en cuenta lo siguiente al personalizar el sitio:

  • Alternativas a colores para transmitir información importante. Asegúrese de que el color no sea el único medio de transmitir información en el sitio. Por ejemplo, asegúrese de que un hipervínculo resaltado por color también esté subrayado, para que una persona con daltonismo pueda identificar que es un vínculo, aunque no puedan ver el color.

  • Use colores brillantes o combinaciones de colores de contraste alto en los extremos opuestos del espectro de colores. Por ejemplo, las combinaciones de blanco y negro ayudan a los usuarios con daltonismo a distinguir diferentes colores.

  • Fondos sencillos sin patrones detrás del texto en páginas web.

Para obtener más información, vaya a Discapacidades visuales: Daltonismo

Discapacidades o dificultades motrices

  • Métodos abreviados de teclado (sin acciones de mouse o con acciones de mouse limitadas).

  • Oportunidades para cancelar acciones principales, como proporcionar un botón Cancelar al eliminar un canal en un portal de vídeo para asegurarse de que el usuario pueda deshacer posibles errores realizados con un dispositivo de entrada.

  • Formas de omitir listas largas (por ejemplo, vínculos que permiten a un usuario ir al principio, al final o a la sección siguiente de una página en un sitio).

  • Vínculos con unas pocas palabras de texto y en los que resulta difícil hacer clic. Por ejemplo, en lugar de “haga clic aquí”, incluya el título completo del vínculo, que suele ser más largo.

Sordera o limitaciones auditivas

  • Subtítulos y transcripciones de texto de los vídeos.

  • Transcripciones de texto de audio.

  • Alternativas para indicaciones audibles.

  • Lenguaje que sea claro e inclusivo, que proporcione alternativas a “oír” o “escuchar” un elemento. Por ejemplo, en lugar de decir “escuche el audio”, podría decir “escuche el audio o lea la transcripción de texto correspondiente”.

Discapacidades cognitivas, como dislexia o trastornos por déficit de atención

Las personas con dislexia describen que ven el texto “cambiado” en una página (por ejemplo, ven una línea de texto en la línea inferior. También pueden ver el texto combinado o distorsionado. Tienen necesidades similares a los usuarios con deficiencias visuales (especialmente, la reducción de su carga de lectura). Puede que también se beneficien del uso de fuentes sans serif, como Arial o Calibri. Evite usar cursiva, todo mayúsculas y subrayado.

Las personas con trastornos por déficit de atención tienen problemas para centrarse en una frase, una tarea, etc. Necesitan diseños de sitio sencillos que les permitan centrarse fácilmente. Tienen problemas para procesar información en sitios con demasiados elementos. Realice un uso eficaz del espacio en blanco en el diseño del sitio y use texto alineado a la izquierda, no centrado ni justificado.

Recursos

Historias de usuarios web: Cómo usan la web las personas con discapacidades

Guías de Microsoft para varios tipos de discapacidades e ideas para posibles soluciones

Identificar las directivas, requisitos y directrices de accesibilidad de la compañía

Cuando alguien crea contenido para la web o para un sitio de intranet de la compañía y se comprometen a hacerlos accesibles para usuarios con discapacidades, tienen que seguir determinadas directrices de accesibilidad. Si se desvía de las plantillas estándar predefinidas que se proporcionan en SharePoint para crear sitios, tenga esto en cuenta y realice lo siguiente, como mínimo, según el grado de personalización:

  • Identifique las directrices y los requisitos de accesibilidad establecidos en su organización que necesita cumplir al crear sitios, incluidos los sitios personalizados en SharePoint.

  • Póngase en contacto con el responsable de accesibilidad de su organización y hable sobre las implicaciones de personalizar el sitio. Además, pídale que le recomiende herramientas para probar aspectos específicos de la accesibilidad del sitio.

  • Comparta sus planes de contenido con el responsable de accesibilidad y pídale que evalúe sus planes y el progreso de personalización del sitio a intervalos regulares para evitar posibles obstáculos de accesibilidad.

  • Hable con personas de su organización con discapacidades y solicite su opinión sobre sus planes para personalizar el sitio en SharePoint. Es posible que puedan proporcionar información sobre los retos diarios a los que se enfrentan al usar sitios web en general y los problemas específicos que se encuentran al usar sitios de intranet, lo que puede animarlo a reconsiderar sus planes de personalización o, al menos, establecer objetivos realistas.

Recursos

Sitio web de accesibilidad de Microsoft Developer Network (MSDN)

Familiarizarse con las directrices de accesibilidad más comunes actualmente para todos los tipos de sitios web

Los sitios creados en SharePoint son sitios web, igual que cualquier otro sitio. Por lo tanto, las directrices generales que use para crear contenido accesible para cualquier sitio web también son válidas para los sitios creados o personalizados en SharePoint. Las siguientes directrices son completas y detalladas.

Directrices de accesibilidad de contenido web (WCAG) de World Wide Web Consortium (W3C) W3C es una comunidad internacional que trabaja en conjunto para desarrollar estándares web, como directrices para la accesibilidad web. WCAG son algunas de las directrices más completas disponibles sobre accesibilidad para sitios web y son la base para reglamentos de accesibilidad en muchos países. WCAG es el estándar en la práctica para aspirar al desarrollo moderno de sitios web y sitios de intranet.

WebAIM ofrece guías de referencia y guías de diseño. WebAIM es la autoridad principal sobre accesibilidad web que ofrece servicios completos de accesibilidad web. La misión de WebAIM es permitir a las organizaciones que diseñen contenido web accesible para los usuarios con discapacidades.

Además, los usuarios que trabajan para un departamento o administración del gobierno de Estados Unidos tienen que cumplir con reglamentos de contratación federales. Para más información, vea Normas de la sección 508 para información y aplicaciones de intranet e Internet basadas en web.

En resumen: Realizar personalizaciones comunes accesibles en sitios creados en SharePoint

Ahora que ya conoce la accesibilidad como un componente del diseño, así como las implicaciones de accesibilidad de desviarse de las plantillas estándar que se incluyen en SharePoint, está preparado para personalizar el sitio a la vez que lo mantiene accesible.

Estos son algunos artículos sugeridos:

¿Necesita más ayuda?

¿Quiere más opciones?

Explore las ventajas de las suscripciones, examine los cursos de aprendizaje, aprenda a proteger su dispositivo y mucho más.

Las comunidades le ayudan a formular y responder preguntas, enviar comentarios y leer a expertos con conocimientos extensos.