CSS para pessoas com deficiência visual?


17

Então, enquanto eu aprendia HTML, encontrei CSS. É interessante porque, com CSS, você pode tornar uma página da Web legal ou mais bonita. Mas como é mais sobre cores, desenhos, estilos etc., não conheço os resultados dos meus códigos CSS. Como alguém com deficiência visual, por que devo aprender CSS se as pessoas que enxergam sempre podem criar uma página da Web melhor do que eu, porque podem ver?

  1. Existem programadores cegos aqui que escrevem CSS? Como você fez isso?
  2. Devo desconsiderar o CSS todos juntos e deixá-lo para programadores avistados? Ou existem algumas coisas em CSS que eu posso fazer sem pedir às pessoas que olhem para a minha página para saber se ela possui um bom design?

3
Você pode estar interessado no aspecto auditivo do CSS.

1
Se você não for muito exigente em seus designs, considere usar modelos CSS - esquemas de cores e detalhes predefinidos. Talvez considere trabalhar com um designer de visão que possa configurá-los para você. Então você pode escolher escolher com base nisso por conta própria.
Rpeg

Depende se você está criando uma página da Web para usuários com deficiência visual ou não. Se for para ambos, você deve se unir.
Ronni Skansing

Respostas:


12

CSS é uma linguagem de estilo geral e também inclui propriedades para marcação auditiva . Embora nada disso seja implementado pelos navegadores convencionais, pode ser útil rastrear os leitores (mas não sei se algum implementa isso, considerando que a marcação auditiva não é comum "na natureza").

Eu, como pessoa que vê, escrevo CSS em um ciclo de feedback apertado, onde troco um pouco de CSS e observo como a página muda. Se esse feedback não for possível ou muito difícil, precisamos recorrer aos princípios de design e esperar que eles funcionem corretamente.

  • As proporções são mais fáceis de gerenciar quando pensamos na página como uma grade. Uma divisão comum é usar a linha superior para navegação e títulos e a coluna direita para o conteúdo relacionado. A coluna da esquerda é usada para o conteúdo principal e tem aproximadamente duas a três vezes a largura da coluna da direita. É assim que os sites do Stack Exchange são renderizados. No CSS, isso pode ser implementado com display: tablee estilos de exibição relacionados de table-rowe table-cell, ou com o modelo flexbox mais recente. As proporções exatas são surpreendentemente sem importância.

  • Uma página fica melhor quando centralizada horizontalmente.

  • Não é necessário usar muitas cores: há uma cor de fundo (geralmente algo brilhante e insaturado) e uma cor de texto (geralmente algo escuro e saturado). Podemos reduzir o contraste do brilho para enfatizar o texto, como notas de rodapé, linhas de referência ou outros detalhes. O uso do modelo de cores HSV deve ser muito mais fácil que o RGB para isso. Existem várias paletas de cores que podem ser usadas se o cinza comum for muito chato. Cor deve ser usada, mas com moderação.

  • O tamanho da fonte também pode ser usado para indicar importância - etapas de 2 pontos e nunca abaixo de 9 pontos parecem sensatas. Para texto normal, um tamanho de fonte de 14 pontos não deve ser excedido. Juntos, o tamanho da fonte e o contraste do texto são semelhantes ao volume da fala.

  • O CSS oferece não apenas unidades absolutas de medidas como pxou, cmmas também unidades relativas como eme palavras-chave como thinou medium. O uso de medidas relativas e essas palavras-chave geralmente é mais fácil.

  • O texto não deve ser maior que 40em.

  • Os navegadores vêm com folhas de estilo padrão. Eles não são bonitos, mas você não precisa substituir tudo. Escolher uma fonte da web simples e definir uma largura máxima para elementos de texto são as duas coisas mais importantes. Escrever HTML semântico é importante para que os estilos padrão funcionem.

Com isso, deve ser possível criar um blog simples ou algo assim. Contudo:

  • O código de depuração é difícil, ainda mais se você não consegue ver o que está fazendo. Não entendi direito na minha primeira tentativa. Mas como você saberia quando as coisas parecem "certas"?

  • Algumas coisas exigem posicionamento preciso de elementos, por exemplo, em um menu pop-up.

  • Imagens e ícones podem adicionar muita profundidade a um design, mas seria difícil para você escolher.

  • O modelo da caixa CSS é horrível e geralmente difícil de simular em sua cabeça.

Eu diria que você seria capaz de escrever um pouco de CSS, mas seria incrivelmente frustrante. Não sei quais tecnologias de assistência existem, mas presumo que o feedback tátil permita que você crie um layout geral. Talvez a programação em pares com alguém com visão possa ser uma boa solução para detalhes menores?


3
Eu concordo com a sugestão de programação em pares. A visão é apenas outra habilidade para emprestar, o mesmo que depuração ou arquitetura.
precisa saber é o seguinte

5

Se Eşref Armağan puder pintar , as pessoas cegas devem poder criar páginas da web. Mas, considerando o quanto é mais difícil, você deve considerar outras áreas de programação. Conheci vários programadores cegos, eles eram altamente eficazes, em parte porque precisavam manter o programa inteiro em mente o tempo todo.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.