WCAG A标准
"Error occurs when same text is used for links pointing to different destinations."
For instance an error will occur if the text "招生" is used twice on your webpage
and it is linked to different destinations. 这是如何发生的:
First "招生" link is pointing to Office 招生 root directory at:
http://2c8e.tokaluto.com/departments/admissions/
While the second "招生" link is pointing to the index.HTML文件:
http://2c8e.tokaluto.com/departments/admissions/index.html
Although they are going to the same location, some reader applications will treat
the links as pointing to a different destinations.
- Always make sure to create links using OU dependency 标签s pointing to the destination
website root directory instead of pointing directly to the index file.
- If you are linking to separate destination sources then make sure internet users utilizing
a screen reader can distinguish between the links by doing one of the following:
- 链接文本是唯一的. For example "本科招生" & “研究生招生” 而不是“招生”.
- Using aria-label* attribute to place a descriptive text label on your link object.
- In addition to using aria-label make sure your link title is using a unique value.
什么是aria-label?
aria-label helps readers override the text supplied within the link.
"Error occurs when presentational attributes are used in html 标签s instead of CSS."
For instance an error will occur if "align", "bgcolor" and "border" presentational
attributes are used within html 标签 like "table" or "img". 下面是一个例子:
- 使用CSS代替.
- Contact Web服务 if you need assistance.
"Please avoid using the html bold 标签 “b” on your webpages. 你可以用 HTML“强”标签. Our CMS Editor automatically uses the “strong” 标签 when you select 把一个字加粗."
Hello
如何修复该错误:
应该改成
Hello
"Please avoid using the html italic 标签 “I” on your webpages. 相反,你可以使用 html“EM”标签. Our CMS Editor automatically uses the “EM” 标签 when you select 把一个字变成斜体."
Hello
如何修复该错误:
应该改成
Hello
头嵌套
"Headings should be used to structure the page and not just for formatting.should follow
and if the size is not correct, apply an appropriate style like
to control the size."
Example of correct header nesting:
Example of incorrect header nesting:
This often occurs when the user is tempted to use inappropriate headings for styling.
如何修复该错误:
Instead use a styled heading to control the size and styling of the font to achieve
the same look but achieve appropriate header nesting: