Μιλήστε - CSS-Κόλπα

Anonim

Η speakιδιότητα στο CSS προορίζεται για τον καθορισμό εάν ένα πρόγραμμα περιήγησης πρέπει να εκφωνεί το περιεχόμενο που διαβάζει, όπως μέσω ενός προγράμματος ανάγνωσης οθόνης.

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

Τιμές για speak

  • auto: Εφόσον το στοιχείο δεν display: blockείναι και είναι visibility: visible, το κείμενο θα διαβάζεται ακουστικά.
  • never: το κείμενο δεν θα διαβάζεται ακουστικά
  • always: το κείμενο θα διαβάζεται ακουστικά, ανεξάρτητα από την displayτιμή ή τις τιμές των προγόνων του speak.

Τιμές για speak-as

Σχετίζεται με speakτο πώς θα διαβαστεί το κείμενο:

  • normal: Λαμβάνει τις προεπιλεγμένες speakρυθμίσεις του προγράμματος περιήγησης .
  • spell-out: Δίνει εντολή στο πρόγραμμα περιήγησης να γράψει ένα περιεχόμενο ιδιοτήτων αντί να μιλήσει με πλήρεις λέξεις.
  • digits: Διαβάζει τους αριθμούς ένα κάθε φορά, όπως το 69 θα διαβάζεται «έξι εννέα». Ομορφη.
  • literal-punctuation: Διαγράφει τα σημεία στίξης (όπως τα ερωτηματικά) αντί να τα αντιμετωπίζει σαν παύσεις.
  • no-punctuation: Παραλείπει πλήρως τη στίξη.

Πώς «στυλ» ομιλίας;

Η speakιδιότητα δεν έχει να κάνει με το στυλ του λόγου ενός αναγνώστη οθόνης από το να προσαρμόζει την εμπειρία της προσβασιμότητας ενός ιστότοπου όταν χρησιμοποιούνται οι αναγνώστες οθόνης.

Είναι δελεαστικό να σκεφτόμαστε το στυλ ομιλίας με βάση το φύλο, το γήπεδο, την προφορά και άλλους τρόπους με τους οποίους εμείς οι ίδιοι μιλάμε στην πραγματική ζωή, αλλά αυτό δεν ισχύει speak. Αυτό το επίπεδο ελέγχου είναι αυτό που εξετάζεται επί του παρόντος στο voiceCSS Speech Module.

Περισσότερες πληροφορίες

  • Ας μιλήσουμε για το CSS Speech
  • CSS Speech Module προδιαγραφή
  • Χρήση του Web Speech API για προσομοίωση της υποστήριξης ομιλίας CSS
  • Stack Overflow on Speak Support

Υποστήριξη προγράμματος περιήγησης

Δεν υπάρχει υποστήριξη κατά τη στιγμή αυτής της γραφής. Φαίνεται ότι η Opera υποστήριζε εγγενώς την ιδιότητα με ένα -xv-πρόθεμα πριν από τη συγχώνευση του προγράμματος περιήγησης με τη μηχανή απόδοσης Blink που χρησιμοποιείται από το Chrome.

Το MDN μιλά για ομιλία σε σχέση με τα στυλ μετρητή:

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

Ο Firefox το υποστηρίζει, καθώς ενημερώνω αυτό το άρθρο.