Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (macOS).
Última atualização em
27/04/2021
Use o Dreamweaver para fazer com que sites e produtos da Web sejam utilizados por pessoas com deficiências visual, auditiva, motora entre outras.
Sobre conteúdo acessível
Acessibilidade refere-se a tornar sites e produtos web utilizáveis para pessoas com deficiências visuais, auditivas, motoras e outras. Exemplos de recursos de acessibilidade para produtos de software e sites incluem suporte a leitor de tela, equivalentes de texto para gráficos, atalhos de teclado, alteração de cores da exibição para alto contraste e assim por diante.O Dreamweaver fornece ferramentas que o tornam acessível para uso e ferramentas que ajudam você a criar conteúdo acessível.
Para desenvolvedores do Dreamweaver que precisam usar recursos de acessibilidade, o aplicativo oferece suporte a leitor de tela, navegação por teclado e suporte à acessibilidade do sistema operacional.
Para web designers que precisam criar conteúdo acessível, o Dreamweaver ajuda você a criar páginas acessíveis que contêm conteúdo útil para leitores de tela e seguem as diretrizes do governo federal. Por exemplo, as caixas de diálogo solicitam que você insira atributos de acessibilidade—como equivalentes de texto para uma imagem—ao inserir elementos de página. Então, quando a imagem aparece em uma página para um usuário com deficiências visuais, o leitor de tela lê a descrição.
Nota
Para mais informações sobre duas iniciativas de acessibilidade significativas, consulte a Iniciativa de Acessibilidade Web do World Wide Web Consortium (www.w3.org/wai) e a Seção 508 dos EUA.Federal Rehabilitation Act (www.section508.gov).
Nota
Para mais informações sobre as diretrizes de acessibilidade do Japan Industry Standard, consulte JIS X 8341-3 (www.jisc.go.jp).
Nenhuma ferramenta de criação pode automatizar o processo de desenvolvimento. Projetar sites acessíveis exige que você entenda os requisitos de acessibilidade e tome decisões contínuas sobre como usuários com deficiências interagem com páginas web. A melhor maneira de garantir que um site seja acessível é através de planejamento, desenvolvimento, teste e avaliação deliberados.
Usar leitores de tela com o Dreamweaver
Um leitor de tela recita texto que aparece na tela do computador. Ele também lê informações não textuais, como rótulos de botão ou descrições de imagem no aplicativo, fornecidas em tags ou atributos de acessibilidade durante a criação.
Como designer do Dreamweaver, você pode usar um leitor de tela para ajudá-lo a criar suas páginas web. O leitor de tela começa a ler no canto superior esquerdo da janela Documento.
O Dreamweaver oferece suporte ao JAWS para Windows, da Freedom Scientific (www.freedomscientific.com), e aos leitores de tela Window-Eyes, da GW Micro (www.gwmicro.com).
Suporte para recursos de acessibilidade do sistema operacional
O Dreamweaver oferece suporte a recursos de acessibilidade nos sistemas operacionais Windows e Macintosh. Por exemplo, no Macintosh você define as preferências visuais na caixa de diálogo Preferências do Acesso Universal (Apple > Preferências do Sistema). As configurações são refletidas na área de trabalho do Dreamweaver.
A configuração de alto Contraste do sistema operacional Windows também é compatível. Você ativa essa opção através do Painel de controle do Windows e ela afeta o Dreamweaver da seguinte forma:
Caixas de diálogo e painéis usam as configurações da cor do sistema. Por exemplo, se você definir a cor como Branco sobre Preto, todas as caixas de diálogo e painéis do Dreamweaver aparecem com uma cor de primeiro plano branca e Fundo preto.
A Visualização de código usa a cor de texto do sistema e da janela. Por exemplo, se você definir a cor do sistema como Branco sobre Preto e depois alterar as cores do texto em Editar > Preferências > Coloração de código, o Dreamweaver ignora essas configurações de cores e exibe o texto do código com uma cor de primeiro plano branca e fundo preto.
A visualização Design usa as cores de Fundo e texto que você define em Modificar > Propriedades da página para que as páginas que você projeta renderizem cores como um navegador fará.
Otimizar o espaço de trabalho para design acessível de página
Ao criar páginas acessíveis, você precisa associar informações, como rótulos e descrições, aos objetos da página para tornar o conteúdo acessível a todos os usuários.
Para isso, ative a caixa de diálogo Acessibilidade para cada objeto, para que o Dreamweaver solicite informações de acessibilidade quando você inserir objetos.É possível ativar uma caixa de diálogo para qualquer objeto na categoria Acessibilidade em Preferências.
Selecione Acessibilidade na lista Categoria à esquerda, selecione um objeto, defina qualquer uma das seguintes opções e clique em OK.
Mostrar os atributos na inserção
Selecione os objetos para os quais deseja ativar caixas de diálogo de acessibilidade. Por exemplo, objetos de formulário, quadros, mídia e imagens.
Manter foco no painel
Mantém o foco no painel, tornando-o acessível ao leitor de tela.(Se você não selecionar esta opção, o foco permanece na visualização Design ou Código quando um usuário abrir um painel.)
Processamento fora da tela
Selecione essa opção ao usar um leitor de tela.
Nota
os atributos de acessibilidade são exibidos na caixa de diálogo Inserir tabela quando você insere uma nova tabela.
Navegar pelo Dreamweaver usando o teclado
É possível usar o teclado para navegar entre painéis, inspetores, caixas de diálogo, quadros e tabelas sem usar o mouse.
Nota
O uso da tecla Tab e das teclas de seta é compatível apenas com o Windows.
Navegar em painéis
Na janela Documento, pressione Control+F6
para alterar o foco para um painel.
Uma linha pontilhada ao redor do título do painel indica que o foco está nesse painel. O leitor de tela lê a barra de título do painel que está em foco.
Pressione Control+F6 novamente para alterar o foco até ter
o foco no painel em que deseja trabalhar. (Pressione Control+Shift+F6
para alterar o foco para o painel anterior.)
Se o painel em que deseja trabalhar não estiver aberto, use os
atalhos de teclado no menu Janela para exibir o painel
apropriado; em seguida, pressione Control+F6.
Se o painel em que deseja trabalhar estiver aberto, mas não expandido, posicione o foco na barra de título do painel e pressione a barra de espaço.Pressione a Barra de espaço novamente para recolher o painel.
Pressione a tecla Tab para percorrer as opções no
painel.
Use as teclas de seta quando apropriado:
Se uma opção tiver escolhas, use as teclas de seta para percorrer as escolhas e pressione a tecla Espaço para fazer uma seleção.
Se houver abas no grupo de painéis para abrir outros painéis, posicione o foco na aba aberta e use a tecla de seta esquerda ou direita para abrir outras abas. Após abrir uma nova aba, pressione a tecla Tab para percorrer as opções nesse painel.
Navegar no Inspetor de propriedades
Pressione Control+F3 para exibir o Inspetor de
propriedades, se não estiver visível.
Pressione Control+F6 (somente Windows) até alterar o foco
para o Inspetor de propriedades.
Pressione a tecla Tab para percorrer as opções do Inspetor de propriedades.
Use as setas direcionais conforme apropriado para navegar pelas
opções de escolha.
Pressione Control+Seta para baixo/Seta para cima (Windows) ou Command+Seta para baixo/Seta para cima (Macintosh) para abrir e fechar a seção expandida do inspetor de propriedades, conforme necessário, ou, com foco na seta expansora no canto inferior direito, pressione a barra de espaço.
Nota
O foco do teclado deve estar dentro do Inspetor de propriedades (e não no título do painel) para que expandir e recolher funcionem.
Navegar em uma caixa de diálogo
Pressione a tecla Tab para navegar pelas
opções em uma caixa de diálogo.
Use as teclas de seta para percorrer as opções.
Se a caixa de diálogo tiver uma lista de categorias, pressione Ctrl+Tab
(Windows) para alternar o foco para a lista de categorias e use as
setas direcionais para subir ou descer na lista.
Pressione Ctrl+Tab novamente para alternar para as opções de uma
categoria.
Pressione Enter para sair da caixa de diálogo.
Navegar em quadros
Se o documento contiver quadros, você
pode usar as setas direcionais para alternar o foco para um quadro.
Selecionar um quadro
Pressione Alt+Seta para baixo para posicionar o ponto
de inserção na janela do documento.
Pressione Alt+Seta para cima para selecionar o quadro que está
com foco no momento.
Continue pressionando Alt+Seta para cima para alternar o foco para o
conjunto de quadros e depois para os conjuntos de quadros principais, se houver conjuntos
de quadros aninhados.
Pressione Alt+Seta para baixo para alternar o foco para um conjunto de quadros
filho ou um único quadro dentro do conjunto de quadros.
Com foco em um único quadro, pressione Alt+Seta para a esquerda ou para a direita
para navegar entre quadros.
Navegar em uma tabela
Use as setas direcionais ou pressione Tab para navegar
para outras células de uma tabela conforme necessário.
Nota
Pressionar Tab na célula mais à direita adiciona outra linha à tabela.
Para selecionar uma célula, pressione Ctrl+A (somente Windows) enquanto
o ponto de inserção estiver na célula.
Para selecionar toda a tabela, pressione Ctrl+A duas vezes se
o ponto de inserção estiver em uma célula, ou uma vez se uma célula estiver selecionada.
Para sair da tabela, pressione Ctrl+A três vezes se o
ponto de inserção estiver em uma célula, duas vezes se a célula estiver selecionada, ou
uma vez se a tabela estiver selecionada, e depois pressione a seta para cima, esquerda ou direita.
Criar belos sites no Dreamweaver
Crie, codifique e gerencie sites dinâmicos com uma ferramenta completa e eficiente.
