Lab 22 Firefox Accessibility Extension
Use Firefox Accessibility Extension to check the accessibility of three sites that you visit most.
Report the summary of all the errors and warnings for each site.
1.
雅虎奇摩
Accessibility Extension
List of Accessibility Issues Summary
| FAE Rule | Violations | Message | Class |
|---|
| Warn | 1 | The
words contained in each h1 element should match a subset of the words
contained in the title element. Words (%1) in h1 elements should also be
in the title element. | Title |
| Fail | 1 | Each heading element (h1..h6) must have text content. | Headings |
| Check | 1 | Heading content should be concise (usually 65 or fewer characters in length). | Headings |
| Fail | 1 | Every frame element must have a title attribute with content that describes the purpose of the frame. | Frames |
| Warn | 1 | If
the content of the alt attribute is not empty it should contain at
least 7 characters and less than 90 characters. The text should provide
people who cannot see the image orientation to the content and purpose
of the image in the website. | Images |
| Warn | 2 | Each
map, ul or ol element that precedes the last h1 element and appears to
be a navigation bar should be immediately preceded by a heading element,
preferably an h2. | Menu and Navigation Bars |
| Warn | 4 | Every onClick event handler should be on a focusable element. | Events |
| Warn | 8 | The content of the headings of the same level within the same section should be unique. | Headings |
| Fail | 20 | Each img element should have alt text. | Images |
| Fail | 22 | Heading elements that follow the last h1 should be properly nested. | Headings |
| Warn | 35 | Ensure that links that point to the same HREF use the same link text. | Links |
| Warn | 56 | Ensure that links that point to different HREFs use different link text. | Links |
| Warn | 105 | Avoid using text links that are shorter than four 4 characters in length. | Links |
Date: 11/5/2012 20:11 PM
URL: http://tw.yahoo.com/
2.
PCHOME線上購物
Accessibility Extension
List of Accessibility Issues Summary
| FAE Rule | Violations | Message | Class |
|---|
| Check | 1 | Most web pages should contain at least one navigation bar. | Menu and Navigation Bars |
| Warn | 1 | Avoid using images that are smaller than 16 pixels by 16 pixels as links. | Links |
| Fail | 1 | Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code. | Language Changes |
| Warn | 1 | If
the content of the alt attribute is not empty it should contain at
least 7 characters and less than 90 characters. The text should provide
people who cannot see the image orientation to the content and purpose
of the image in the website. | Images |
| Warn | 3 | The content of the headings of the same level within the same section should be unique. | Headings |
| Fail | 5 | Each img element should have alt text. | Images |
| Fail | 6 | The
b element must not be used to bold text content, instead use heading
(h1-h6) elements for heading text or the strong element for emphasizing
words, phrases or sentences. | Text Styling |
| Fail | 12 | The
font and center elements must not be used for text styling, instead use
structural markup should be used with CSS for styling. | Text Styling |
| Fail | 33 | The
i element must not be used to italicize text content, instead use
heading (h1-h6) elements for heading text or the em element for
emphasizing words, phrases or sentences. | Text Styling |
| Fail | 44 | Heading elements that follow the last h1 should be properly nested. | Headings |
| Warn | 71 | Avoid using text links that are shorter than four 4 characters in length. | Links |
| Warn | 105 | Ensure that links that point to different HREFs use different link text. | Links |
| Warn | 202 | Ensure that links that point to the same HREF use the same link text. | Links |
Date: 11/5/2012 20:12 PM
URL: http://shopping.pchome.com.tw/index/
3.GOOGLE NEWS
Accessibility Extension
List of Accessibility Issues Summary
| FAE Rule | Violations | Message | Class |
|---|
| Fail | 1 | The page should contain at least one and no more than two h1 elements. | Headings |
| Fail | 1 | Every frame element must have a title attribute with content that describes the purpose of the frame. | Frames |
| Warn | 1 | Hidden or empty frames should not be used. | Frames |
| Warn | 1 | Every onClick event handler should be on a focusable element. | Events |
| Fail | 4 | Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code. | Language Changes |
| Warn | 5 | Every
img element that is less than 8 pixels high or 8 pixels wide OR has an
empty alt attribute value should be removed and CSS techniques should be
used for styling content. | Images |
| Warn | 34 | Ensure that links that point to the same HREF use the same link text. | Links |
| Warn | 35 | Ensure that links that point to different HREFs use different link text. | Links |
| Fail | 36 | The
b element must not be used to bold text content, instead use heading
(h1-h6) elements for heading text or the strong element for emphasizing
words, phrases or sentences. | Text Styling |
| Warn | 43 | Avoid using text links that are shorter than four 4 characters in length. | Links |
| Fail | 44 | Heading elements that follow the last h1 should be properly nested. | Headings |
| Warn | 58 | One
level of nesting. Use CSS properties instead of tables and nested
tables to visually layout blocks of related content for graphical
renderings. | Tables |
| Fail | 77 | Two
or more levels of nesting. Use CSS properties instead of tables and
nested tables to visually layout blocks of related content for graphical
renderings. | Tables |
Date: 11/5/2012 20:12 PM
URL: https://news.google.com/
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
A:沒有遇到問題。
