HTMLCSSGitChallenge CodeRefactor 源码

Horiseon无障碍挑战 在此示例中,Horiseon要求我们对其网站执行代码重构,以使其可访问并符合质量标准。 语义HTML元素 HTML分为以下语义部分: 标头 div class =“ hero” 主要(由3个文章组成) 在旁边 页脚 逻辑结构与样式和位置无关 HTML现在遵循逻辑结构。 所有HTML部分均已明确注明。 此外,所有CSS元素都将被注释并分组为级联部分。 可访问的替代图片属性 屏幕阅读器可以读取除背景图像以外的所有图片图像。 在html中为背景图片提供了aria标签和title元素,如下所示。 所有图标图像都有一个alt =“”标记,以将其标记为屏幕阅读器不需要。