Coluna Usabilidade – Media Types e seus conceitos com usabilidade

Olá galera MX, estamos hoje falando sobre um conceito CSS chamado “Media Types”, onde temos a possibilidade de gerar Folhas de Estilo em cascata (CSS) especificas para diferentes disposições da utilização de um layout WEB, onde tanto a acessibilidade como usabilidade influenciam de forma ativa, contribuindo com a facilidade e interação do usuário com diferentes recursos utilizados atualmente.

Uma das características mais importantes de folhas do estilo é que especificam como “um original” deve ser apresentado em meios diferentes.

Determinadas propriedades do CSS são projetadas somente para determinados meios (por exemplo, ?cue-before? da propriedade para agentes aural, “tecnologia voice Browser “, do usuário). Na ocasião, entretanto, as folhas do estilo para tipos de meios diferentes podem compartilhar de uma propriedade, mas requerem valores diferentes para essa propriedade. Por exemplo, a propriedade do ?font-size? é útil para meios da Screen e de Impressão. Entretanto, os dois meios são bastante diferentes, requer valores diferentes para a propriedade comum; um original necessitará tipicamente uma fonte maior em uma tela de computador do que no papel. Sem contar que a necessidade de ter um assunto de pesquisa pronto, sem copiá-lo para um editor de texto é de fundamental importância. Experiências mostram também que a fontes sans-serif são mais fáceis de ler na tela, enquanto as Fontes serifs são mais fáceis de ler no Papel. Por estas razões, é necessário que você expresse uma folha do estilo ou uma seção de uma folha do estilo que se apliqua à um terminado Media Type.

Obs: Lembrando que essas opções de media types não se aplicam a categorias case-sensitive.

O estilo no exemplo abaixo diz ao browser para indicar uma fonte Verdana de 14 pixel para a tela do computador. Mas se a página for imprimida, estará em com uma fonte-size: 10px. Observar que font-weight está ajustado a bold(realce), na tela e no papel:

Media Type – Descrição.

all
- Usado para todos os tipos de dispositivos.
aural
- Usado para sintetizar discursos de Som.
braille
- Usado para dispositivos táteis de braille.
embossed
- Usado para impressoras paginadas de braille.

handheld
- Usado para dispositivos pequenos, mobile ou Palmtop.
print
- Usado para impressões comuns.
projection
- Usado para apresentações projetadas, como Slides.

screen
- Usado para telas de computador.
tty
-Pretendido para meios usando uma grade fixed-pitch do caráter, tal como teletypes, terminais, ou dispositivos portáteis com potencialidades limitadas da exposição(baixa qualidade). Os autores não devem usar unidades valores em pixel com o Media Type ?tty?.
tv
- Usado para dispositivos televisão.
Obs: As versão CSS3 podem estender esta lista.
Lembrando que atuelmente estes recursos não são seguidos ao pé da letra por desenvolvedores web, devido a não popularização dos conceitos, os mais utilizados são: Screen, print e handheld.

FINALIZANDO

Hoje vemos muitas pessoas entre usuários e desenvolvedores de modo geral, se preocupar com essa questão de estar sempre se atualizando e vendo como o sistema padrão (webstandard em geral) da web funciona, onde eles seguem e se baseiam numa hierarquia (Regida pela W3C e Empresas Tecnológicas), onde seguimos dessa forma passos daqueles que estão acima de nós, os desenvolvedores mais fluentes do mundo. Onde atuam diretamente no orgão responsável por, podemos dizer assim, manter a ordem e organização na WEB e seus suportes em Softwares. Lembrando que todo tipo de discursão que temos fica à terminar numa conclusão óbvia, mas vejam que ela não cabe ao usuário/utilizador que está por dentro do assunto, mas aqueles que determinam que seja assim! Então antes de desenvolver, sempre esteja por dentro de assuntos, que mesmo não sendo de sua importância, de uma forma que você critique ou aceite, não cabe a você achar o que pensa e sim colocar na sua cabecinha que será daquele jeito. Mas ai entra a questão de possibilidades, onde você poderá fazer isso ou aquilo que tem a sua disposição fornecida pela Hieraquia, Empresas Desenvolvedores e Orgãos Resposáveis (Adobe Macromedia, W3C, Microsoft, Apple, etc…) como usar de ferramentas como Acessibilidade, Usabilidade, Webstandard, Animações, recursos de programação, etc e sem suas questões associar de varias maneiras o que na prática acaba se tornando mais viável em sua coerência para um resultado final satisfatório.
Espero que gostem, lembrando de ver sempre as referências que temos a nossa disposição:
The Team W3C - Vejam os responsáveis.
O’Reilly conferences – Fique pode dentro.
Obs: Contribua postando abaixo o que você considera de fundamental importância para compartilhar conosco.
Dúvidas entre em contato, comente abaixo ou Acesse o fórum.