Runāt - CSS-triki

Anonim

speakĪpašums CSS ir norādot, ja pārlūks būtu runāt par saturu, tad skan, piemēram, izmantojot ekrāna lasītāju.

.module ( speak: never; speak-as: spell-out; )

Vērtības speak

  • auto: Kamēr elements nav display: blockun ir visibility: visible, teksts tiks lasīts fonētiski.
  • never: teksts netiks lasīts fonētiski
  • always: teksts tiks lasīts fonētiski, neatkarīgi no displayvērtības vai priekšteča vērtības speak.

Vērtības speak-as

Saistīts ar speakteksta lasīšanas veidu:

  • normal: Veic pārlūkprogrammas noklusējuma speakiestatījumus.
  • spell-out: Uzdod pārlūkprogrammai izrunāt rekvizītu saturu, nevis izrunāt pilnus vārdus.
  • digits: Lasa numurus pa vienam, piemēram, 69 būtu “seši deviņi”. Jauki.
  • literal-punctuation: Izrāda pieturzīmes (piemēram, semikolus), nevis izturas pret tām kā pauzes.
  • no-punctuation: Pilnībā izlaiž pieturzīmes.

Kā jūs “ieveidojat” runu?

speakĪpašums ir mazāks par stila runu ekrāna lasītāju, nekā tas ir pielāgot pieredzi vietnes pieejamības, kad ekrāna lasītāji tiek izmantoti.

Ir vilinoši domāt par runas veidošanu dzimuma, piķa, akcenta un citu veidu, kā mēs paši runājam reālajā dzīvē, bet tas tā nav speak. Šis kontroles līmenis ir tas, kas pašlaik tiek izskatīts voiceCSS runas modulī.

Vairāk informācijas

  • Parunāsim par runas CSS
  • CSS runas moduļa spec
  • Tīmekļa runas API izmantošana CSS runas atbalsta simulēšanai
  • Steka pārpildīšana runas atbalstam

Pārlūka atbalsts

Šīs rakstīšanas laikā nav atbalsta. Šķiet, ka Opera izmantoja, lai dabiski atbalstītu īpašumu ar -xv-prefiksu, pirms pārlūks apvienojās ar Chrome izmantoto renderēšanas motoru Blink.

MDN runā par runu kā attiecībā pret skaitītāju stiliem:

 
  • One
  • Two
  • Three
  • Four
  • Five
@counter-style speak-as-example ( system: fixed; symbols:     ; suffix: " "; speak-as: numbers; ) .list ( list-style: speak-as-example; )

Firefox to atbalsta, kad es atjauninu šo rakstu.