--- id: 6143956ed76ed60e012faa51 title: Passo 25 challengeType: 0 dashedName: step-25 --- # --description-- O texto `.sr-only` ainda está visível. Existe um padrão comum para ocultar visualmente o texto para que apenas os leitores de tela leiam. Este padrão é para definir as seguintes propriedades do CSS: ```css position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; ``` Use o padrão acima para definir a classe `sr-only`. # --hints-- Você deve usar o seletor `.sr-only`. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('.sr-only')); ``` Você deve dar ao `.sr-only` uma `position` de `absolute`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.position, 'absolute'); ``` Você deve dar ao `.sr-only` um `width` de `1px`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.width, '1px'); ``` Você deve dar ao `.sr-only` uma `height` de `1px`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.height, '1px'); ``` Você deve dar ao `.sr-only` um `padding` de `0`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.padding, '0px'); ``` Você deve dar ao `.sr-only` um `margin` de `-1px`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.margin, '-1px'); ``` Você deve dar ao `.sr-only` um `overflow` de `hidden`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.overflow, 'hidden'); ``` Você deve dar ao `.sr-only` um `clip` de `rect(0, 0, 0, 0)`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.clip, 'rect(0px, 0px, 0px, 0px)'); ``` Você deve dar ao `.sr-only` um `white-space` de `nowrap`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.whiteSpace, 'nowrap'); ``` Você deve dar ao `.sr-only` um `border` de `0`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.borderWidth, '0px'); ``` # --seed-- ## --seed-contents-- ```html