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