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.
谢谢!
我目前正在努力改进网站的可访问性。 我正在使用 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.
谢谢!