InstruçÔes

Passo 4

Leitores de tela anunciam os elementos do HTML com base no fluxo do documento. No fim das contas, queremos que o balanço patrimonial tenha o tĂ­tulo de "Balance Sheet" e um subtĂ­tulo de "AcmeWidgetCorp". No entanto, essa ordem nĂŁo faz sentido se anunciada por um leitor de tela. DĂȘ ao span existente o atributo class definido como flex e adicione dois elementos span dentro dele. DĂȘ ao primeiro o texto AcmeWidgetCorp. DĂȘ ao segundo o texto Balance Sheet. VocĂȘ usarĂĄ o CSS para inverter a ordem do texto na pĂĄgina, mas a ordem do HTML farĂĄ mais sentido para um leitor de tela.

O que fazer:

Testes:

  • O elemento `span` existente deve ter o atributo `class` definido como `flex`.
  • O elemento `span` existente deve ter dois novos elementos `span` dentro dele.
  • Os novos elementos `span` nĂŁo devem ter um atributo `class`.
  • O primeiro novo elemento `span` deve ter o texto `AcmeWidgetCorp`.
  • O segundo novo elemento `span` deve ter o texto `Balance Sheet`.

Preview