Η 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
. Αυτό το επίπεδο ελέγχου είναι αυτό που εξετάζεται επί του παρόντος στο voice
CSS 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 το υποστηρίζει, καθώς ενημερώνω αυτό το άρθρο.