As the online continues to be the medium for all customers, requirements our bodies have to proceed to supply new APIs to counterpoint consumer expertise and accessibility. One underused API for unsighted customers is speechSynthesis, an API to programmatically direct the browser to audibly communicate any arbitrary string.
The Code
You may direct the browser to utter speech with window.speechSynthesis and SpeechSynthesisUtterance:
window.speechSynthesis.communicate(
new SpeechSynthesisUtterance('Hey Jude!')
)
speechSynthesis.communicate will robotically inform the consumer something you present as a SpeechSynthesisUtterance string. Assist for this API is offered in all trendy browsers.
I would not contemplate speechSynthesis as a alternative for native accessibility instruments, however this API may very well be used to enhance what native instruments present!
CSS vs. JS Animation: Which is Sooner?
How is it doable that JavaScript-based animation has secretly at all times been as quick — or quicker — than CSS transitions? And, how is it doable that Adobe and Google persistently launch media-rich cellular websites that rival the efficiency of native apps? This text serves as a point-by-point…
Spoiler Prevention with CSS Filters
Nobody likes a spoiler. Whether or not or not it’s a picture from an upcoming movie or the results of a soccer match you DVR’d, generally you simply do not need to know. As a doable supplier of spoiler content material, some websites could select to warn customers forward…
Introducing MooTools Templated
One main drawback with creating UI parts with the MooTools JavaScript framework is that there is not a good way of permitting customization of template and ease of node creation. As of in the present day, there are two methods of making: new Factor Insanity The primary method to create UI-driven…
