HTML - 图标和 apple-touch-icon 中的辅助功能

HTML - Accessibility in icons and apple-touch-icon

我目前正在努力改进网站的可访问性。 我正在使用 TotalValidator 工具检查那里的可访问性问题,以及

上的图标

那里的图标使用这种格式:

<link href="/full/path/to/the/image/120.png" rel="apple-touch-icon" />
<link href="/full/path/to/the/image/152.png" rel="apple-touch-icon" sizes="152x152" />
<link href="/full/path/to/the/image/167.png" rel="apple-touch-icon" sizes="167x167" />
<link href="/full/path/to/the/image/180.png" rel="apple-touch-icon" sizes="180x180" />
<link href="/full/path/to/the/image/192.png" rel="icon" sizes="192x192" />
<link href="/full/path/to/the/image/128.png" rel="icon" sizes="128x128" />

我搜索了这个主题,这种格式似乎是正确的,但可访问性报告抛出:

The 'sizes' attribute is not allowed here.

有谁知道我应该如何更换它?谢谢!

根据@Darek Kay 的说法,this documentation 指的是:

The sizes attribute gives the sizes of icons for visual media. [...] The attribute must not be specified on link elements that do not have a rel attribute that specifies the icon keyword or the apple-touch-icon keyword.

NOTE: The apple-touch-icon keyword is a registered extension to the predefined set of link types, but user agents are not required to support it in any way.

谢谢!