Recursos para a criação de sites acessíveis no SharePoint Online
Applies ToSharePoint no Microsoft 365

No SharePoint Online, você pode facilmente criar sites usando os modelos padrão "prontos para uso" (como Blog, Site de Equipe, Site de Projeto e assim por diante). Esses modelos padrão colocam nas páginas de seu site conteúdo desenvolvido tendo em mente a acessibilidade.

Este artigo é para pessoas que estão pensando sobre como personalizar seu site após criá-lo e estão comprometidas em tornar o site acessível para pessoas com deficiências. Ele aborda as informações essenciais que você precisa considerar antes de personalizar o site, incluindo as necessidades da audiência e as diretrizes de acessibilidade, e fornece links para recursos que o ajudarão a fazer a personalização básica do site, além de mantê-lo acessível.

  • Para saber mais sobre os tipos de sites que você pode criar no SharePoint Online e como usá-los, consulte Usar modelos para criar diferentes tipos de sites do SharePoint.

  • Este artigo aborda algumas personalizações básicas comuns que qualquer pessoa pode fazer em sites por meio da interface do usuário do SharePoint Online em um navegador, sem ter conhecimentos sobre as páginas de código subjacentes. Personalizar o código de um site, como HTML, CSS ou JavaScript, ou fazer uma ampla personalização são tópicos que estão fora do escopo deste artigo. No entanto, as informações de acessibilidade deste artigo se aplicam a qualquer personalização de sites, independentemente do escopo.

Neste artigo

Metas para sites acessíveis

Para muitas pessoas, a acessibilidade do SharePoint é uma consideração posterior. Elas a consideram algo que um desenvolvedor da Web faz no código do site após criar o site (por exemplo, ajustar o código HTML, CSS ou JavaScript).

No entanto, a acessibilidade deveria ser um componente do processo de design que você considera antes de iniciar o trabalho em qualquer site. Tendo isso em mente, você precisa considerar como a personalização de um site criado no SharePoint Online afetará a acessibilidade, antes de personalizar o site. Antes de mais nada, tornar qualquer site acessível consiste em:

  • Usabilidade para todos.

    A acessibilidade refere-se à criação de um site que qualquer pessoa possa usar; isso significa pessoas com ou sem deficiências. A usabilidade é fundamental. Se você não puder se mover facilmente pelo site para acessar o que deseja ou fazer o que é necessário, como outras pessoas poderão fazê-lo?

  • Usabilidade para pessoas com deficiências.

    A acessibilidade refere-se à inclusão, em vez de ignorar uma parte de seu público. Ela inclui atender às necessidades das pessoas com deficiência ao criar um site, tornando-o acessível para elas. Afinal de contas, são usuários de seu site, assim como qualquer outra pessoa em sua organização.

Projetar sites com a acessibilidade em mente ajuda a tornar seus sites:

  • Acessíveis independentemente do dispositivo ou método de entrada que alguém esteja usando (por exemplo, navegador da área de trabalho, navegador de voz, navegador de celular, computador com base em automóvel e assim por diante).

  • Acessíveis independentemente das restrições sob as quais alguém esteja operando (por exemplo, ambiente barulhento, salas com graus variados de iluminação, ambientes para dirigir com viva-voz e assim por diante).

  • Previsíveis. A inovação do site é importante, mas a previsibilidade é essencial. Quando você torna a navegação no site previsível e fácil de entender, ele é mais acessível a todos.

Recursos

O que é a acessibilidade na Web?

Treinamento de acessibilidade da Microsoft: introdução à acessibilidade

Guia para empresas e organizações governamentais que estão criando conteúdo acessível para pessoas com deficiências

Guia para professores que estão criando conteúdo acessível para pessoas com deficiências

Blog de acessibilidade da Microsoft

Saber mais sobre o público-alvo (pessoas com deficiência) e suas necessidades

O termo "pessoas com deficiência" engloba milhões de pessoas com uma ampla variedade de necessidades. No entanto, cada subaudiência tem necessidades específicas distintas. A tabela a seguir abrange algumas das deficiências mais comuns e as necessidades correspondentes dessas pessoas. Ao personalizar um site criado no SharePoint Online, é fundamental entender como suas personalizações afetam cada subaudiência.

"Tecnologias adaptativas" descreve o grupo de tecnologias que aborda as necessidades de pessoas com deficiências. A tabela a seguir menciona algumas dessas tecnologias, como leitores de tela. Para saber mais sobre vários tipos de tecnologias adaptativas, neste artigo, acesse Experimentar tecnologias adaptativas que a audiência usa.

Algumas das deficiências e necessidades de acessibilidade correspondentes mais comuns:

Deficiência

Necessidades adaptativas típicas

Cegueira ou visão subnormal

  • Atalhos de teclado (sem ações do mouse).

  • Uma ordem de tabulação previsível e pontos de referência em uma página da Web (incluindo caixas de diálogo) que habilitam a audiência a criar um modelo mental da página para que possam se orientar e não perder a noção de onde estão.

  • Comentários audíveis dos leitores de tela (um tipo de tecnologia adaptativa).

  • Alternativas para elementos visuais (imagens, ícones, etc.) e texto descritivo para todas as imagens (mesmo as que são apenas decorativas), como texto alternativo.

  • Transcrições de áudio para vídeos e configurações para reprodutores de vídeo, como a capacidade de desativar a reprodução automática, para que o áudio do vídeo e os comentários de voz de um leitor de tela não se sobreponham.

  • Linguagem clara e inclusiva, que não se refere sempre a "ver" um elemento. Por exemplo, em vez de dizer, "Veja xyz", você pode dizer "Xyz está incluso". Em vez de dizer apenas "Assista ao vídeo", você pode fornecer uma alternativa: "Assista ao vídeo ou ouça a transcrição de áudio do vídeo".

  • Faces de tipos maiores que facilitam a leitura e texto preto ou em alto contraste.

Para saber como a Microsoft aborda as necessidades dessa subaudiência, acesse Guia da Microsoft para pessoas cegas ou com visão subnormal.

Daltonismo

O daltonismo é organizado em dois tipos principais: dificuldade de diferenciar vermelho e verde e dificuldade de diferenciar azul e amarelo. Ao personalizar o site, considere o seguinte:

  • Alternativas para as cores para transmitir informações importantes. Garantir que a cor não seja a única forma de transmitir informações no site. Por exemplo, garanta que um hiperlink realçado por cor também seja sublinhado, para que uma pessoa daltônica saiba que é um link, mesmo que não possa ver a cor.

  • Cores brilhantes ou esquemas de cores em alto contraste nas extremidades opostas do espectro de cores. Por exemplo, esquemas em preto e branco ajudam pessoas daltônicas a distinguir as cores.

  • Telas de fundo simples sem padrões por trás do texto em páginas da Web.

Para saber mais, acesse Deficiências visuais: daltonismo

Destreza limitada ou deficiência motora

  • Atalhos de teclado (sem ações do mouse ou com ações do mouse limitadas).

  • Oportunidades para cancelar ações principais, como fornecer um botão Cancelar ao excluir um canal em um portal de vídeo para garantir que o usuário possa se recuperar de erros cometidos com um dispositivo de entrada.

  • Maneiras de ignorar listas longas (por exemplo, links que habilitam uma pessoa a ir até a parte superior, o fim ou a próxima seção em uma página do site).

  • Links que incluem mais do que algumas palavras do texto, que são difíceis de clicar. Por exemplo, em vez de "clique aqui" inclua o título completo do link, que provavelmente será mais longo.

Surdez ou audição limitada

  • Legendas e transcrições de texto para vídeos. • Transcrições de texto para áudio.

  • Alternativas para indicações audíveis.

  • Linguagem clara e inclusiva e alternativas para "ouvir" ou "ouvindo" um elemento. Por exemplo, em vez de dizer "Ouça o áudio", você poderia dizer "Ouça o áudio ou leia a transcrição de texto dele".

Deficiência cognitiva, como dislexia ou déficit de atenção

Pessoas com dislexia descrevem que veem o texto "nadando" em uma página; por exemplo, a compactação de uma linha de texto com a linha abaixo. Ou então, elas geralmente veem o texto mesclado ou distorcido. Elas têm necessidades semelhantes às das pessoas com deficiências visuais, principalmente redução de sua carga de leitura. Também podem se beneficiar de fontes sans-serif familiares, como Arial ou Calibri. Evite itálico, versalete e sublinhado.

Pessoas com déficit de atenção têm problemas para se concentrar em uma frase, uma tarefa, etc. Elas precisam de designs de site simples para que seja mais fácil se concentrarem. Elas têm problemas para processar informações em um site muito cheio de elementos. Faça uso eficaz do espaço em branco no layout do site e use texto alinhado à esquerda, não centralizado ou justificado.

Recursos

Histórias de usuários da Web: como as pessoas com deficiência usam a Web

Guias da Microsoft para vários tipos de deficiências e ideias para abordá-los

Identificar as políticas, os requisitos e as diretrizes de acessibilidade de sua empresa

Quando alguém cria conteúdo para a Web ou para um site de intranet da empresa e está comprometido em torná-lo acessível a pessoas com deficiências, deve seguir determinadas diretrizes de acessibilidade. Quando você se desvia dos modelos "prontos" padrão fornecidos pelo SharePoint Online para a criação de sites, é necessário ter em mente e fazer o seguinte, no mínimo, dependendo da extensão da personalização:

  • Identificar as diretrizes de acessibilidade estabelecidas de sua organização e os requisitos aos quais você precisa se adaptar ao criar sites, incluindo sites personalizado no SharePoint Online.

  • Dirigir-se ao contato de acessibilidade de sua organização e discutir as implicações da personalização do site. Além disso, pedir que ele recomende ferramentas para testar determinados aspectos de acessibilidade do site.

  • Compartilhar seus planos de conteúdo com o contato de acessibilidade e pedir que ele avalie seus planos e o progresso da personalização do site a intervalos regulares para evitar possíveis problemas de acessibilidade.

  • Falar com pessoas da sua organização com deficiências e pedir a opinião delas sobre seus planos para personalizar o site no SharePoint Online. Elas poderão fornecer percepções quanto aos desafios diários que enfrentam ao usar sites, em geral, e os problemas específicos encontrados ao usar sites de intranet, o que pode incentivá-lo a reconsiderar seus planos de personalização ou, pelo menos, definir metas realistas.

Recursos

Site de acessibilidade do MSDN (Microsoft Developer Network)

Familiarize-se com as diretrizes de acessibilidade atuais amplamente aceitas para todos os tipos de sites

Os sites criados no SharePoint Online são, acima de tudo, sites como quaisquer outros. Portanto, as diretrizes gerais que você usa para criar conteúdo acessível para qualquer site também se aplicam aos sites criados ou personalizados no SharePoint Online. As diretrizes a seguir são abrangentes e detalhadas.

Recursos

Diretrizes de acessibilidade de conteúdo da Web (WCAG) do World Wide Web Consortium (W3C) O W3C é uma comunidade internacional que trabalha em conjunto para desenvolver padrões web, incluindo diretrizes para acessibilidade da Web. O WCAG são algumas das diretrizes mais abrangentes disponíveis na acessibilidade do site e são a base dos regulamentos de acessibilidade em muitos países. WCAG é o padrão de fato para o desenvolvimento moderno de sites da Web e intranet.

WebAIM ofertas guias de referência e de design. O WebAIM é uma autoridade líder em acessibilidade na Web que oferece serviços de acessibilidade na Web completos. A missão do WebAIM é capacitar as organizações a tornar o conteúdo da Web acessível para pessoas com deficiências.

Além disso, as pessoas que trabalham para um departamento ou um órgão do governo dos Estados Unidos devem cumprir regulamentos de aquisição federal. Para saber mais, consulte Padrões da seção 508 para informações e aplicativos baseados na Web da intranet e da Internet.

Reunir tudo: tornar as personalizações típicas acessíveis em sites criados no SharePoint Online

Agora que está familiarizado com a acessibilidade como um componente de design, bem como as implicações de acessibilidade ao afastar-se dos modelos padrão incluídos no SharePoint Online, você está pronto para personalizar o site e mantê-lo acessível.

Aqui estão alguns artigos sugeridos:

No Microsoft Office SharePoint Online, você pode facilmente criar sites usando os modelos padrão "prontos para uso" (como Blog, Site de Equipe, Site de Projeto e assim por diante). Esses modelos padrão colocam conteúdo nas páginas levando em consideração a acessibilidade.

Este artigo é para pessoas que estão pensando sobre como personalizar seu site após criá-lo e estão comprometidas em tornar o site acessível para pessoas com deficiências. Ele aborda as informações essenciais que você precisa considerar antes de personalizar o site, incluindo as necessidades da audiência e as diretrizes de acessibilidade, e fornece links para recursos que o ajudarão a fazer a personalização básica do site, além de mantê-lo acessível.

  • Saiba mais sobre os tipos de site que você pode criar no Microsoft Office SharePoint Online e como usá-los em Usar modelos para criar diferentes tipos de sites do SharePoint.

  • Este artigo aborda algumas personalizações básicas comuns que qualquer pessoa pode fazer nos sites por meio da interface do usuário do Microsoft Office SharePoint Online em um navegador, sem precisar conhecer o código subjacente. Personalizar o código de um site, como HTML, CSS ou JavaScript, ou fazer uma ampla personalização são tópicos que estão fora do escopo deste artigo. No entanto, as informações de acessibilidade deste artigo se aplicam a qualquer personalização de sites, independentemente do escopo.

Neste tópico

Metas para sites acessíveis

Para muitas pessoas, a acessibilidade do Microsoft Office SharePoint Online é uma consideração posterior. Elas a consideram algo que um desenvolvedor da Web faz no código do site após criar o site (por exemplo, ajustar o código HTML, CSS ou JavaScript).

No entanto, a acessibilidade deveria ser um componente do processo de design que você considera antes de iniciar o trabalho em qualquer site. Tendo isso em mente, você precisa considerar como a personalização de um site criado no Microsoft Office SharePoint Online afetará a acessibilidade, antes de personalizar o site. Antes de mais nada, tornar qualquer site acessível consiste em:

  • Usabilidade para todos.

    A acessibilidade refere-se à criação de um site que qualquer pessoa possa usar; isso significa pessoas com ou sem deficiências. A usabilidade é fundamental. Se você não puder se mover facilmente pelo site para acessar o que deseja ou fazer o que é necessário, como outras pessoas poderão fazê-lo?

  • Usabilidade para pessoas com deficiências.

    A acessibilidade refere-se à inclusão, em vez de ignorar uma parte de seu público. Ela inclui atender às necessidades das pessoas com deficiência ao criar um site, tornando-o acessível para elas. Afinal de contas, são usuários de seu site, assim como qualquer outra pessoa em sua organização.

Projetar sites com a acessibilidade em mente ajuda a tornar seus sites:

  • Acessíveis independentemente do dispositivo ou método de entrada que alguém esteja usando (por exemplo, navegador da área de trabalho, navegador de voz, navegador de celular, computador com base em automóvel e assim por diante).

  • Acessíveis independentemente das restrições sob as quais alguém esteja operando (por exemplo, ambiente barulhento, salas com graus variados de iluminação, ambientes para dirigir com viva-voz e assim por diante).

  • Previsíveis. A inovação do site é importante, mas a previsibilidade é essencial. Quando você torna a navegação no site previsível e fácil de entender, ele é mais acessível a todos.

Recursos

O que é a acessibilidade na Web?

Treinamento de acessibilidade da Microsoft: introdução à acessibilidade

Guia para empresas e organizações governamentais que estão criando conteúdo acessível para pessoas com deficiências

Guia para professores que estão criando conteúdo acessível para pessoas com deficiências

Blog de acessibilidade da Microsoft

Saber mais sobre o público-alvo (pessoas com deficiência) e suas necessidades

O termo "pessoas com deficiência" engloba milhões de pessoas com uma ampla variedade de necessidades. No entanto, cada subaudiência tem necessidades específicas distintas. A tabela a seguir abrange algumas das deficiências mais comuns e as necessidades correspondentes dessas pessoas. Ao personalizar um site criado no SharePoint, é fundamental entender como suas personalizações afetam cada subaudiência.

"Tecnologias adaptativas" descreve o grupo de tecnologias que aborda as necessidades de pessoas com deficiências. A tabela a seguir menciona algumas dessas tecnologias, como leitores de tela. Para saber mais sobre vários tipos de tecnologias adaptativas, neste artigo, acesse Experimentar tecnologias adaptativas que a audiência usa.

Algumas das deficiências e necessidades de acessibilidade correspondentes mais comuns:

Deficiência

Necessidades adaptativas típicas

Cegueira ou visão subnormal

  • Atalhos de teclado (sem ações do mouse).

  • Uma ordem de tabulação previsível e pontos de referência em uma página da Web (incluindo caixas de diálogo) que habilitam a audiência a criar um modelo mental da página para que possam se orientar e não perder a noção de onde estão.

  • Comentários audíveis dos leitores de tela (um tipo de tecnologia adaptativa).

  • Alternativas para elementos visuais (imagens, ícones, etc.) e texto descritivo para todas as imagens (mesmo as que são apenas decorativas), como texto alternativo.

  • Transcrições de áudio para vídeos e configurações para reprodutores de vídeo, como a capacidade de desativar a reprodução automática, para que o áudio de um vídeo e os comentários de voz de um leitor de tela não se sobreponham.

  • Linguagem clara e inclusiva, que não se refere sempre a "ver" um elemento. Por exemplo, em vez de dizer, "Veja xyz", você pode dizer "Xyz está incluso". Em vez de dizer apenas "Assista ao vídeo", você pode fornecer uma alternativa: "Assista ao vídeo ou ouça a transcrição de áudio do vídeo".

  • Faces de tipos maiores que facilitam a leitura e texto preto ou em alto contraste.

Para saber como a Microsoft aborda as necessidades dessa subaudiência, acesse Guia da Microsoft para pessoas cegas ou com visão subnormal.

Daltonismo

O daltonismo é organizado em dois tipos principais: dificuldade de diferenciar vermelho e verde e dificuldade de diferenciar azul e amarelo. Ao personalizar o site, considere o seguinte:

  • Alternativas para as cores para transmitir informações importantes. Garantir que a cor não seja a única forma de transmitir informações no site. Por exemplo, garanta que um hiperlink realçado por cor também seja sublinhado, para que uma pessoa daltônica saiba que é um link, mesmo que não possa ver a cor.

  • Cores brilhantes ou esquemas de cores em alto contraste nas extremidades opostas do espectro de cores. Por exemplo, esquemas em preto e branco ajudam pessoas daltônicas a distinguir as cores.

  • Telas de fundo simples sem padrões por trás do texto em páginas da Web.

Para saber mais, acesse Deficiências visuais: daltonismo

Destreza limitada ou deficiência motora

  • Atalhos de teclado (sem ações do mouse ou com ações do mouse limitadas).

  • Oportunidades para cancelar ações principais, como fornecer um botão Cancelar ao excluir um canal em um portal de vídeo para garantir que o usuário possa se recuperar de erros cometidos com um dispositivo de entrada.

  • Maneiras de ignorar listas longas (por exemplo, links que habilitam uma pessoa a ir até a parte superior, o fim ou a próxima seção em uma página do site).

  • Links que incluem mais do que algumas palavras do texto, que são difíceis de clicar. Por exemplo, em vez de "clique aqui" inclua o título completo do link, que provavelmente será mais longo.

Surdez ou audição limitada

  • Legendas e transcrições de texto para vídeos.

  • Transcrições de texto para áudio.

  • Alternativas para indicações audíveis.

  • Linguagem clara e inclusiva e alternativas para "ouvir" ou "ouvindo" um elemento. Por exemplo, em vez de dizer "Ouça o áudio", você poderia dizer "Ouça o áudio ou leia a transcrição de texto dele".

Deficiência cognitiva, como dislexia ou déficit de atenção

Pessoas com dislexia descrevem que veem o texto "nadando" em uma página; por exemplo, a compactação de uma linha de texto com a linha abaixo. Ou então, elas geralmente veem o texto mesclado ou distorcido. Elas têm necessidades semelhantes às das pessoas com deficiências visuais, principalmente redução de sua carga de leitura. Também podem se beneficiar de fontes sans-serif familiares, como Arial ou Calibri. Evite itálico, versalete e sublinhado.

Pessoas com déficit de atenção têm problemas para se concentrar em uma frase, uma tarefa, etc. Elas precisam de designs de site simples para que seja mais fácil se concentrarem. Elas têm problemas para processar informações em um site muito cheio de elementos. Faça uso eficaz do espaço em branco no layout do site e use texto alinhado à esquerda, não centralizado ou justificado.

Recursos

Histórias de usuários da Web: como as pessoas com deficiência usam a Web

Guias da Microsoft para vários tipos de deficiências e ideias para abordá-los

Identificar as políticas, os requisitos e as diretrizes de acessibilidade de sua empresa

Quando alguém cria conteúdo para a Web ou para um site de intranet da empresa e está comprometido em torná-lo acessível a pessoas com deficiências, deve seguir determinadas diretrizes de acessibilidade. Quando você se desvia dos modelos "prontos" padrão fornecidos pelo Microsoft Office SharePoint Online para a criação de sites, é necessário ter em mente e fazer o seguinte, no mínimo, dependendo da extensão da personalização:

  • Identificar as diretrizes de acessibilidade estabelecidas de sua organização e os requisitos aos quais você precisa se adaptar ao criar sites, incluindo sites personalizado no SharePoint.

  • Dirigir-se ao contato de acessibilidade de sua organização e discutir as implicações da personalização do site. Além disso, pedir que ele recomende ferramentas para testar determinados aspectos de acessibilidade do site.

  • Compartilhar seus planos de conteúdo com o contato de acessibilidade e pedir que ele avalie seus planos e o progresso da personalização do site a intervalos regulares para evitar possíveis problemas de acessibilidade.

  • Falar com pessoas da sua organização com deficiências e pedir a opinião delas sobre seus planos para personalizar o site no SharePoint. Elas poderão fornecer percepções quanto aos desafios diários que enfrentam ao usar sites, em geral, e os problemas específicos encontrados ao usar sites de intranet, o que pode incentivá-lo a reconsiderar seus planos de personalização ou, pelo menos, definir metas realistas.

Recursos

Site de acessibilidade do MSDN (Microsoft Developer Network)

Familiarize-se com as diretrizes de acessibilidade atuais amplamente aceitas para todos os tipos de sites

Os sites criados no Microsoft Office SharePoint Online são sites como quaisquer outros. Portanto, as diretrizes gerais que você usa para criar conteúdo acessível para qualquer site também se aplicam aos sites criados ou personalizados no Microsoft Office SharePoint Online. As diretrizes a seguir são abrangentes e detalhadas.

Diretrizes de acessibilidade de conteúdo da Web (WCAG) do World Wide Web Consortium (W3C) O W3C é uma comunidade internacional que trabalha em conjunto para desenvolver padrões web, incluindo diretrizes para acessibilidade da Web. O WCAG são algumas das diretrizes mais abrangentes disponíveis na acessibilidade do site e são a base dos regulamentos de acessibilidade em muitos países. WCAG é o padrão de fato para o desenvolvimento moderno de sites da Web e intranet.

WebAIM ofertas guias de referência e de design. O WebAIM é uma autoridade líder em acessibilidade na Web que oferece serviços de acessibilidade na Web completos. A missão do WebAIM é capacitar as organizações a tornar o conteúdo da Web acessível para pessoas com deficiências.

Além disso, as pessoas que trabalham para um departamento ou um órgão do governo dos Estados Unidos devem cumprir regulamentos de aquisição federal. Para saber mais, consulte Padrões da seção 508 para informações e aplicativos baseados na Web da intranet e da Internet.

Reunir tudo: tornar as personalizações típicas acessíveis em sites criados no SharePoint

Agora que está familiarizado com a acessibilidade como um componente de design, bem como as implicações de acessibilidade ao afastar-se dos modelos padrão incluídos no Microsoft Office SharePoint Online, você está pronto para personalizar o site e mantê-lo acessível.

Aqui estão alguns artigos sugeridos:

Precisa de mais ajuda?

Quer mais opções

Explore os benefícios da assinatura, procure cursos de treinamento, saiba como proteger seu dispositivo e muito mais.

As comunidades ajudam você a fazer e responder perguntas, fazer comentários e ouvir especialistas com conhecimento avançado.