使用aria-label属性为元素添加标签,以使屏幕阅读器能够读取该元素的内容,并使用voiceover技术,通过音频提示来提醒用户。以下是代码示例:
HTML:
CSS:
.button { width: 100px; height: 50px; background-color: blue; }
Javascript:
const button = document.querySelector('.button'); button.addEventListener('click', function() { // perform button action alert('Button clicked'); });
Accessibility: 使用Screen reader阅读器可以读取aria-label的值即“Click me”,并播放音频提示。