FC ConcursosFC Concursos

Questão FC373365

Considere o fragmento abaixo em uma página HTML acessível. <div role="math" I ="6 dividido por 4 é igual a 1.5"> <math xmlns="http://www.w3.org/1998/Math/MathML"> <mfrac> <mn>6</mn

Desenvolvimento Web

FCC · 2018

Considere o fragmento abaixo em uma página HTML acessível. 

 

<div role="math"   I   ="6 dividido por 4 é igual a 1.5">

   <math xmlns="http://www.w3.org/1998/Math/MathML">

     <mfrac>

       <mn>6</mn>

       <mn>4</mn>

     </mfrac>

     <mo>=</mo>

     <mn>1.5</mn>

   </math>

</div> 

 

O rótulo de texto "6 dividido por 4 é igual a 1.5" é fornecido para a equação de divisão gerada pelo fragmento de código, de forma que quando o leitor de tela encontrar essa equação, o texto do rótulo seja lido para que um usuário cego, por exemplo, saiba do que se trata o objeto (equação). Em condições ideais, para que isso seja possível, a lacuna I deve ser preenchida pelo atributo 

  1. description.
  2. aria-label.
  3. text-aria.
  4. info-label.
  5. label.
Mostrar resposta e comentário

Gabarito

B

Comentário do professor

aria-label fornece um nome acessível para um elemento quando não há texto visível que possa ser usado como rótulo. É a forma recomendada de declarar o que um leitor de tela deve anunciar ao encontrar um componente.

Quando você coloca role="math" em um contêiner MathML, adicionar aria-label faz com que o texto dentro desse atributo seja lido pelo leitor de tela, informando ao usuário cego o conteúdo da equação.

Exemplo prático:
<div role="math" aria-label="6 dividido por 4 é igual a 1.5"> ... </div> — ao ser focado, o leitor de tela dirá exatamente esse rótulo, descrevendo \(6 \div 4 = 1.5\).

Use aria-label sempre que o rótulo visual estiver ausente ou for insuficiente; mantenha-o sucinto e preciso para garantir boa experiência de acessibilidade.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo