Site Report
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.0 | Section 508 - 2017 | Key |
---|
A | | | Pages with level A issues are unusable for some people |
---|
AA | | | Pages with level AA issues are very difficult to use |
---|
AAA | | | Pages with level AAA issues can be difficult to use |
---|
Priority | Description and URL | Guideline and Line# | Count |
---|
Level A
7 issues on 1 pages | |
| All fields in a group of input fields (for example phone numbers) need a label. | WCAG 2.0 A F86 Section 508 (2017) A F86 | 1 pages |
|
Add a label element or title attribute for each field, and if required, use CSS to hide the label from sighted users. | | |
| http://scottish.scienceontheweb.net/Wind%20power%20storage%20back-up%20calculator.htm | Line 1073 1076 1087 1132 1272
...
| |
| All onclick handlers should have an equivalent onkeypress handler. | WCAG 2.0 A F54 Section 508 (2017) A F54 | 1 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://scottish.scienceontheweb.net/Wind%20power%20storage%20back-up%20calculator.htm | Line 1090 1118 1146 1174 1202
...
| |
| For data tables that have two or more logical levels of row or column headers, use markup
to associate data cells and header cells. | WCAG 2.0 A 1.3.1 Section 508 (2017) A 1.3.1 | 1 pages |
|
Include ID attributes in TH cells and HEADERS attributes in the associated TD cells,
or include SCOPE attributes in TH cells. | | |
| http://scottish.scienceontheweb.net/Wind%20power%20storage%20back-up%20calculator.htm | Line 951 1294 1585 1904 | |
| Identify row and column headers in data tables using th elements, and mark layout tables with role=presentation . | WCAG 2.0 A F91 Section 508 (2017) A F91 | 1 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 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://scottish.scienceontheweb.net/Wind%20power%20storage%20back-up%20calculator.htm | Line 893 991 1329 1620 2209
...
| |
| img elements must have an alt attribute. | WCAG 2.0 A F65 Section 508 (2017) A F65 | 1 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 2018.4 FF60 Windows 10 Reading: Image ignored.
- NVDA 2018.4 IE11 Windows 10 Reading: Image ignored.
- NVDA 2017.3 FF60 Windows 10 Reading: Image ignored.
- NVDA 2017.3 IE11 Windows 10 Reading: Image ignored.
- NVDA 2016.2 FF48 Windows 10 Reading: Image ignored.
- NVDA 2016.2 IE11 Windows 10 Reading: Image ignored.
- JAWS 2018.1811.2 FF60 Windows 10 Reading: Image ignored.
- JAWS 2018.1811.2 IE11 Windows 10 Reading: Image ignored.
- JAWS 18.0.5038 FF52 Windows 10 Reading: Image ignored.
- JAWS 18.0.5038 IE11 Windows 10 Reading: Image ignored.
- JAWS 17.0.2619 FF48 Windows 10 Reading: Image ignored.
- JAWS 17.0.2619 IE11 Windows 10 Reading: Image ignored.
- VoiceOver macOS 10.13 Safari 12.1 macOS 10.13.6 Reading: Image filename read out.
- VoiceOver macOS 10.12 Safari 10.1.2 macOS 10.12.6 Reading: Image filename read out.
- VoiceOver macOS 10.11 Safari 9.1.2 macOS 10.11.6 Reading: Image filename read out.
- VoiceOver iOS 11.4 Safari iOS 11.4 iOS 11.4.1 Touch: Image filename read out.
- VoiceOver iOS 10.3 Safari iOS 10.3 iOS 10.3 Touch: Image filename read out.
- VoiceOver iOS 9.1 Safari iOS 9.1 iOS 9.1 Touch: Image filename read out.
| | |
| http://scottish.scienceontheweb.net/Wind%20power%20storage%20back-up%20calculator.htm | Line 960 1090 1118 1146 1174
...
| |
| This form control has no label and no programmatically determined name. | WCAG 2.0 A F68 Section 508 (2017) A F68 | 1 pages |
|
A programmatically determined name allows screen readers to tell the user what the control does. To add a name do one of the following:
- Use a LABEL element with the FOR attribute set to the ID of the form control
- Wrap a LABEL element around the form control
- Add a TITLE attribute
- Add an ARIA-LABELLEDBY attribute (not supported in all screen readers)
- Add an ARIA-LABEL attribute (not supported in all screen readers)
| | |
| http://scottish.scienceontheweb.net/Wind%20power%20storage%20back-up%20calculator.htm | Line 1073 1076 1080 1084 1087
...
| |
| This page uses nested tables, which do not make sense when read in a screen reader. | WCAG 2.0 A F49 Section 508 (2017) A F49 | 1 pages |
|
Add role='presentation' if the inner table is a layout table, otherwise modify the inner table to present the same data without nesting tables. | | |
| http://scottish.scienceontheweb.net/Wind%20power%20storage%20back-up%20calculator.htm | Line 991 1006 1329 1620 1635 | |
| Expand all 7 issues | | |