This tab shows accessibility issues, indicating problems for older users, people with disabilities or accessibility needs. Automated testing cannot detect all accessibility issues, so should be used alongside human testing.
| Level | WCAG 2 | Section 508 | Key |
|---|
| A |  | | Priority A - accessibility users will find it impossible to use some pages |
|---|
| AA |  | | Priority AA - accessibility users will find it difficult to use some pages |
|---|
| Priority | Description and URL | Guideline and Line# | Count |
|---|
Level A
8 issues on 2 pages |
| | All ONCLICK handlers should have an equivalent ONKEYPRESS handler. | Section 508 1194.22 (l) WCAG 2.0 A F54 | 2 pages |
|
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users. | | |
| http://badlinksgood.blogspot.co.uk/ | Line 3530 | |
| http://badlinksgood.blogspot.co.uk/2016/10/blog-post_31.html | Line 2402 | |
| | An image with a null ALT attribute should not have TITLE or ARIA label attributes. | WCAG 2.0 A F39 | 1 pages |
|
If the image should be voiced use a descriptive ALT attribute.
If the image is purely decorative remove any TITLE and ARIA label attributes. Impact on users: - JAWS : Ignores all images with ALT=''.
- NVDA : Reads some images with ALT='' and a TITLE or ARIA label.
- WindowEyes : Reads images with ALT='' and a TITLE or ARIA label.
- VoiceOver : Reads images with ALT='' and a TITLE or ARIA label.
| | |
| http://badlinksgood.blogspot.co.uk/ | Line 3585 | |
| | Each A element must contain text or an IMG with an ALT attribute. | WCAG 2.0 A F89 | 2 pages |
|
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.
The TITLE attribute on the A element doesn't work in:
- WindowEyes 8.4 with IE11 (the link HREF is read instead)
- VoiceOver on OSX 10.9 (the image filename is read instead)
| | |
| http://badlinksgood.blogspot.co.uk/ | Line 827 1953 2008 2682 2735
...
| |
| http://badlinksgood.blogspot.co.uk/2016/10/blog-post_31.html | Line 825 1958 1991 2046 2221
...
| |
| | Identify row and column headers in data tables using TH elements, and mark layout tables with role='presentation'. | Section 508 1194.22 (g) WCAG 2.0 A F91 | 2 pages |
|
Data tables allow screen reader users to understand column and row relationships.
Layout tables read cells as a series of unrelated paragraphs with no tabular structure.
Without TH or ROLE, screen readers apply heuristics to decide whether a table is a layout table or data table.
These heuristics vary greatly between screen readers, and are affected by browser being used, window size,
and font size (so the outcome is very unpredictable without TH or ROLE).
If a data table has headers marked up using TD, then change these to TH.
If a data table has no headers, add TH elements describing each row and/or column.
If the table is only used for layout add role='presentation' to the TABLE element. Impact on users: - JAWS Reading: Treats tables without TH and ROLE as layout tables if the table contains cells above or below certain pixel sizes. This measurement is affected by browser window size, browser font size, and the browser used.
- NVDA Reading: Applies a 'layout table' heuristic to tables without TH and ROLE which varies depending on the browser used and on the window size in some circumstances.
- VoiceOver Safari OSX 10.9 Reading: Uses a sophisticated heuristic on tables without TH and ROLE, which is similar (but not identical) to the heuristic used by NVDA with Firefox.
| | |
| http://badlinksgood.blogspot.co.uk/ | Line 3482 3710 | |
| http://badlinksgood.blogspot.co.uk/2016/10/blog-post_31.html | Line 2354 2582 | |
| | IMG elements must have an ALT attribute. | Section 508 1194.22 (a) WCAG 2.0 A F65 | 2 pages |
|
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''. Impact on users: - NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
- JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
- WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
- VoiceOver Safari OSX 10.10 Reading: Image filename read out.
- VoiceOver Safari iOS 7.1 Touch: Image filename read out.
- SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
| | |
| http://badlinksgood.blogspot.co.uk/ | Line 827 2008 2735 | |
| http://badlinksgood.blogspot.co.uk/2016/10/blog-post_31.html | Line 825 | |
| | No TITLE attributes found for the frames on these pages. | Section 508 1194.22 (i) WCAG 2.0 A 2.4.1 | 2 pages |
|
Add a TITLE attribute to each FRAME and IFRAME element (e.g. TITLE="Main Content"). Without a TITLE some screen readers read out the FRAME filename, which is usually meaningless.
IFRAMEs with no title cause problems in:
- JAWS 14 and 15 with Firefox (the frame SRC filename is read instead)
- VoiceOver on OSX 10.9 (a meaningless title like "Frame twelve" is read out)
| | |
| http://badlinksgood.blogspot.co.uk/ | Line 588 3167 3469 3783 | |
| http://badlinksgood.blogspot.co.uk/2016/10/blog-post_31.html | Line 1992 2341 | |
| | Removing the underline from links makes it hard for color-blind users to see them. | Section 508 1194.22 (c) WCAG 2.0 A F73 | 2 pages |
|
Remove the text-decoration:none property from your link styles, or add other non-color style attributes to visually distinguish links. | | |
| http://badlinksgood.blogspot.co.uk/ | Line 178 | |
| http://badlinksgood.blogspot.co.uk/2016/10/blog-post_31.html | Line 180 | |
| | Use the LANG attribute to identify the language of the page. | WCAG 2.0 A 3.1.1 | 2 pages |
|
In HTML add a LANG attribute to the HTML tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly. | | |
| http://badlinksgood.blogspot.co.uk/ | Line 2 | |
| http://badlinksgood.blogspot.co.uk/2016/10/blog-post_31.html | Line 2 | |
Level AA
2 issues on 2 pages |
| | Ensure that foreground and background colors have enough contrast. | WCAG 2.0 AA 1.4.3 | 1 pages |
|
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
- The contrast ratio should be 3.0 or more for 18 point text, or larger
- The contrast ratio should be 3.0 or more for 14 point bold text, or larger
- The contrast ratio should be 4.5 or more for all other text
| | |
| The foreground/background contrast ratio is 3.9
with 16.5 point text.
http://badlinksgood.blogspot.co.uk/ | Line 773 1933 1945 1962 1963
...
| |
| | Use relative rather than absolute units in CSS property values. | WCAG 2.0 AA 1.4.4 | 2 pages |
|
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit,
because it isn't relative the user's preferred font size.
Low-vision users, and a lot of people over 50, increase the browser default font size to make text
easier to read. Absolute units ignore this user choice.
Relative units like EM and percentages "stretch" according to the screen size and/or
user's preferred font size, and work on a large range of devices. | | |
| http://badlinksgood.blogspot.co.uk/ | Line 165 176 225 264 293
...
| |
| http://badlinksgood.blogspot.co.uk/2016/10/blog-post_31.html | Line 167 178 227 266 295
...
| |
| Expand all 10 issues | | |