Um Técnico Programador usou a referência abaixo para um arqu...
Um Técnico Programador usou a referência abaixo para um arquivo CSS em uma página web construída com HTML.
<link type="text/css" href="som.css">
Para que esse arquivo CSS seja usado por leitores de tela que leem a página em voz alta, deve ser acrescentado o atributo
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Gabarito: C - media="speech"
Vamos entender o contexto da questão: ela foca na acessibilidade de páginas web, mais especificamente na utilização de folhas de estilo CSS por leitores de tela, que são ferramentas usadas por pessoas com deficiência visual para acessarem o conteúdo de um site. Os leitores de tela leem em voz alta o conteúdo e interagem com o usuário por meio de comandos de voz ou teclado.
O atributo media em uma tag <link> é usado para especificar para que tipo de dispositivo ou situação o arquivo CSS é adequado. Existem vários valores possíveis para este atributo, como screen para telas de computador, print para impressão, entre outros.
No caso da questão, o foco é em leitores de tela que sintetizam texto em fala. O valor correto do atributo media que especifica que o CSS é destinado a sintetizadores de fala é speech. Este valor permite que estilizações específicas sejam aplicadas quando o conteúdo está sendo lido por um leitor de tela, otimizando a experiência do usuário.
Portanto, a alternativa correta é a letra C, pois adiciona a informação de que a estilização do arquivo CSS deve ser aplicada por dispositivos que interpretam o conteúdo em forma de fala. Isso está em conformidade com os padrões de acessibilidade da web e ajuda a melhorar a experiência de navegação para usuários que dependem de tecnologias assistivas.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
CSS Media Types:
speech: Used for screenreaders that "reads" the page out loud
all: Used for all media type devices
print: Used for printers
screen: Used for computer screens, tablets, smart-phones etc.
Fonte: https://www.w3schools.com/css/css3_mediaqueries.asp
all este valor é usado para que o código CSS seja aplicado para todos os dispositivos.
braille para dispositivos táteis.
embossed para dispositivos que imprimem em Braille.
handheld para dispositivos de mão, celulares e outros dispositivos deste perfil. Normalmente com telas pequenas e banda limitada.
print para impressão em papel.
projection para apresentações, como PowerPoint. Este valor foi inventado pelo pessoal da Opera. MUITO útil.
screen para dispositivos com telas coloridas e alta resolução.
speech para sintetizadores de voz. O CSS tem uma especificação de CSS chamada Aural (http://www.w3.org/TR/CSS2/aural.html) que podemos “formatar” a voz de leitores de tela e outros sintetizadores.
tty para dispositivos que utilizam uma grade fixa para exibição de caracteres, como teletypes, terminais, dispositivos portáteis com display limitado.
tv para dispositivos como televisores, ou seja, com baixa resolução, com boa quantidade de cores e scroll limitado.
https://tableless.com.br/introducao-sobre-media-queries/
Quem não tem acesso: - -> C
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo