标签 » 可访问性

Web 可访问性与无障碍最佳实践

分类: 标签:‚ 

Web 无障碍开发知识 对于 Web 开发者来说,可以通过调整 HTML 的结构和标签,增加 HTML 属性,配合 CSS 和 JavaScript 等手段来提高页面的可访问性和无障碍性。例如使用了 a 标签制作了按钮,如果不进行额外的优化,读屏软件在朗读时会读作"文字内容 链接",但实际上该 a 标签是用作按钮使用,因此可以在标签上添加 role="button" 属性。此时,读屏软件会读作"文字内容 按钮...

Read More –>

提高模拟按钮的可访问性

分类: 标签:‚  评论:5 5 评论

在实际的 Web 开发中,不免会出现一种情况 —— 为了做出美观的按钮样式或者是兼容低级浏览器,而使用 a 、span 等标签来设计按钮。从外观的角度上说,这样是一个不错的解决方案,做出了美观的按钮又便于兼容不同的浏览器,只是在这个过程中,网页的可访问性悄悄地降低了。 既然是可访问性降低了,那么在这个模拟按钮的过程中,相对于使用如 input[button]、button 这类原生按钮标签的网页来说,必定是缺少了一些...

Read More –>