Foxability - Test results
Test results
Test results
Test subject: http://www.siba.fi/sv/
Statistics for the evaluated page
Total tests: 64
Tests | Percent | Total | Percent | |
---|---|---|---|---|
Total passed: | 50 | 78.13% | 50 | 29.59% |
-Passed with remarks: | 20 | 31.25% | 20 | 11.83% |
Failed: | 12 | 18.75% | 93 | 55.03% |
Warnings: | 2 | 3.13% | 6 | 3.55% |
Total: | 64 | 100.00% | 169 | 100.00% |
WCAG
Uncategorized
WCAG1.0
Guideline 1
1.1 - Elements have text equivalents. (3)
(hide test results)- Failed, <noscript> after <script> not found. Error was found from
SCRIPT
element code:<script language="JavaScript" src="/js/functions.js"></script>
.- Insert <noscript> after <script>. For example: <script>...</script><noscript>A graph about oil price.</noscript>
- Failed, alt attribute not found. Error was found from
IMG
element code:<img class="illustration" src="/img/template/topbgr_grad.jpg" border="0">
.- Please insert an alt attribute. For example: alt="Some fava beans and a nice chianti."
- Failed, alt attribute not found. Error was found from
IMG
element code:<img src="/img/random.php" class="defaultImage" border="1">
.- Please insert an alt attribute. For example: alt="Some fava beans and a nice chianti."
- Test result
- Failed
1.2 - A serverside Image map without an alternative textlink
- Test result
- Passed
1.3 - Auditory descriptions for visual tracks.
(hide test results)- Remark, until user agents can automatically read aloud the text equivalent of a visual track, provide an auditory description of the important information of the visual track of a multimedia presentation.
- Test result
- Passed
1.4 - Equivalent alternatives for time based multimedia.
(hide test results)- Remark, for any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation.
- Test result
- Passed
1.5 - Client-side image map links need to have text equivalents
- Test result
- Passed
Guideline 2
2.1 - Information is conveyed even without colors.
(hide test results)- Remark, ensure that all information conveyed with color is also available without color, for example from context or markup.
- Test result
- Passed
2.2 - Colors are visible. (2)
(hide test results)- Failed, the color difference of rgb(0, 0, 0) and rgb(47, 94, 167) is too low. Error was found from
DIV
element code:<div id="topmenu"> <table> <tbody><tr> <td><a href="/sv/info">Info</a></td><td><a href="/sv/
.- Change the colors so that they have higher color difference.
- Failed, the brightness difference of rgb(0, 0, 0) and rgb(47, 94, 167) is too low. Error was found from
DIV
element code:<div id="topmenu"> <table> <tbody><tr> <td><a href="/sv/info">Info</a></td><td><a href="/sv/
.- Change the colors so that they have higher brightness difference.
- Test result
- Failed
Guideline 3
3.1 - MathML
- Test result
- Passed
3.2 - Formal grammars.
- Test result
- Passed
3.3 - Proper font stylings. (3)
(hide test results)- Failed, deprecated element found. Error was found from
B
element code:<b>30.11.2007</b>
.- You will achieve much richer effect using stylesheets or you can use <strong> instead of <b>. CSS example: strong { font-weight: bolder; }
- Failed, deprecated element found. Error was found from
B
element code:<b>04.09.2007</b>
.- You will achieve much richer effect using stylesheets or you can use <strong> instead of <b>. CSS example: strong { font-weight: bolder; }
- Failed, deprecated element found. Error was found from
B
element code:<b>15.06.2007</b>
.- You will achieve much richer effect using stylesheets or you can use <strong> instead of <b>. CSS example: strong { font-weight: bolder; }
- Test result
- Failed
3.4 - Relative over absolute. (69)
(hide test results)- Failed, absolute size definition found. #outer:"padding-top: 50px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #outer:"padding-bottom: 30px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #outer:"width: 860px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #maincontainer:"width: 786px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #top:"width: 786px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #top:"height: 101px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #extralinks:"top: -25px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topindependent:"width: 786px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topindependent:"height: 101px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topdefault:"width: 786px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topdefault:"height: 101px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sitename:"left: 25px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sitename:"line-height: 107px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sibalogo:"top: 12px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sibalogo:"left: 7px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sibalogoright:"top: 13px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sibalogoright:"right: 13px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topmenu:"margin: 6px 0px 0px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topmenu:"width: 786px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topmenu td:"padding: 3px 0px 3px 28px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu:"margin: 10px 0px 10px 10px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu:"width: 190px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu p.leftmenuheader:"padding: 20px 0px 0px 18px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu p.leftmenuheader:"margin-bottom: 11px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul:"padding: 0px 0px 10px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul:"width: 190px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul:"top: 30px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul:"left: 8px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul li a:"margin: 0px 0px 0px 18px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul li a:"width: 140px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul li.submenu:"left: 14px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul li.submenu:"width: 120px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul li.submenuselected:"left: 14px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu ul li.submenuselected:"width: 120px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #langselect:"right: 5px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #content:"margin: 10px 0px 20px 225px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #content:"width: 520px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #contentwide:"margin: 10px 0px 20px 28px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #contentwide:"width: 717px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #footer:"width: 786px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #footer input:"font-size: 10px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #signature:"margin-top: 11px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #signature:"padding-bottom: 11px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sitelogo:"margin: 19px 0px 5px 5px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. img.defaultimage:"padding: 5px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. img.defaultimage:"margin-left: 20px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. img.defaultimage:"margin-bottom: 20px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. ul.narrowlist:"width: 250px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #unitlist:"top: 610px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #unitlist:"left: 540px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. h1:"margin: 19px 0px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. h2:"margin: 19px 0px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. h3:"margin: 19px 0px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. h4:"margin: 19px 0px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. h4:"margin: 19px 0px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. h6:"margin: 19px 0px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. input:"font-size: 12px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. select:"font-size: 12px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. th:"font-size: 11px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sitename:"font-size: 28px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #sitename:"line-height: 107px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topmenu:"font-size: 12px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #topmenu:"line-height: 22px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu:"line-height: 17px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu:"font-size: 11px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #leftmenu p.leftmenuheader:"font-size: 10px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #langselect:"font-size: 9px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #footer:"font-size: 10px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Failed, absolute size definition found. #footer input:"font-size: 10px". Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Use relative size definitions. Relative size definitions are: em, ex and %. For example: "margin-left: 2%"
- Test result
- Failed
3.5 - Proper header usage.
- Test result
- Passed
3.6 - Proper List usage.
- Test result
- Passed
3.7 - Proper quote usage.
- Test result
- Passed
Guideline 4
4.1 - Language changes are identified.
(hide test results)- Remark, if multiple languages are used in the document, clearly identify changes in the natural language of the document's text.
- Use the "lang" or "xml:lang" attribute to identify any changes in language. For example: Galileo said quietly: <q lang="it">Eppur si muove</q>
- Test result
- Passed
4.2 - Acronyms and abbreviations.
- Test result
- Passed
4.3 - Primary language.
(hide test results)- Failed, no xml:lang attribute found. Error was found from
HTML
element code:<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Sibelius-Akademin - Hemsida</title>
.- Insert xml:lang attribute to specify language used. For example: <html xml:lang="fi">
- Test result
- Failed
Guideline 5
5.1 - Table used properly
- Test result
- Passed
5.2 - Associate data cells and header cells
(hide test results)- Remark, for data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-table-structure.
- Test result
- Passed
5.3 - Table is used as layout
- Test result
- Passed
5.5 - Summary, caption and title in table
(hide test results)- Failed, at least two of next three items must be used in a table: caption, summary and title. Error was found from
TABLE
element code:<table> <tbody><tr> <td><a href="/sv/info">Info</a></td><td><a href="/sv/studier">Studier</a><
.- Use at least two of the next three items in a table: caption, summary and title. The caption is an element of the table. Summary and title are attributes of the table. Example: <table title="Calendar" summary="This is christmosh calendar. Shows how many days is left before Christmosh."> <caption>Christmosh calendar</caption>... More information from http://www.w3.org/TR/AERT#table-summaries.
- Test result
- Failed
5.6 - Abbr used in long table headers names
- Test result
- Passed
Guideline 6
6.1 - Organize documents so they may be read without style sheets
(hide test results)- Remark, 3 deprecated elements were found. Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Ensure this document can be read without any styles or style sheets.
- Test result
- Passed
6.2 - Ensure that equivalents for dynamic content are updated when the dynamic content changes
(hide test results)- Failed, <noscript> after <script> not found. Error was found from
SCRIPT
element code:<script language="JavaScript" src="/js/functions.js"></script>
.- Insert <noscript> after <script>. For example: <script>...</script><noscript>A graph about oil price.</noscript>
- Test result
- Failed
6.3 - Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported
- Test result
- Passed
6.4 - For scripts and applets, ensure that event handlers are input device-independent
- Test result
- Passed
6.5 - Ensure that dynamic content is accessible or provide an alternative presentation or page
- Test result
- Passed
Guideline 7
7.1 - Avoid causing the screen to flicker
(hide test results)- Remark, until user agents allow users to control flickering, avoid causing the screen to flicker. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-avoid-flicker.
- Test result
- Passed
7.2 - Blink and marquee usage
- Test result
- Passed
7.3 - Avoid movement in page
(hide test results)- Remark, until user agents allow users to freeze moving content, avoid movement in pages. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-avoid-movement.
- Test result
- Passed
7.4 - Periodically auto-refreshing pages
- Test result
- Passed
7.5 - Autoredirection
- Test result
- Passed
Guideline 8
8.1 - Programmatic elements such as scripts and applets must/should be directly accessible or compatible with assistive technologies
(hide test results)- Remark,
this element may not be accessible to all users. Please ensure there is
an accessible interface to this object. Error was found from
SCRIPT
element code:<script language="JavaScript" src="/js/functions.js"></script>
.- Ensure that scripts, applets, or other programmatic objects are directly accessible. More information from http://www.w3.org/TR/AERT#linear-tables.
- Test result
- Passed
Guideline 9
9.1 - Client-side versus server-side image maps
- Test result
- Passed
9.2 - Ensuring any element with own interface to be operated in a device-independent manner
- Test result
- Passed
9.3 - Logical event handlers are specified for scripts, rather than device-dependent event handlers
- Test result
- Passed
9.4 - Creating a logical tab order through links, form controls and objects
- Test result
- Passed
9.5 - Keyboard shortcuts (3)
(hide test results)- Warning, if page has less than ten inputs, then accesskey should be defined for every input. Error was found from
INPUT
element code:<input name="config" value="htdig" type="hidden">
.- Accesskey can be defined for label of input or stright to input. Best ways (example): <label for="name" accesskey="N">Name</label><input id="name" type="text" /> or <input type="button" accesskey="B" /> More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-keyboard-shortcuts.
- Warning, if page has less than ten inputs, then accesskey should be defined for every input. Error was found from
INPUT
element code:<input name="words" size="14" type="text">
.- Accesskey can be defined for label of input or stright to input. Best ways (example): <label for="name" accesskey="N">Name</label><input id="name" type="text" /> or <input type="button" accesskey="B" /> More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-keyboard-shortcuts.
- Warning, accesskey should be used for inputs whose type is submit, button or reset. Error was found from
INPUT
element code:<input value=" Sök " type="submit">
.- Accesskey can be defined for label of input or stright to input. Best ways (example): <label for="name" accesskey="N">Name</label><input id="name" type="text" /> or <input type="button" accesskey="B" /> More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-keyboard-shortcuts.
- Test result
- Warning
Guideline 10
10.1 - No pop-ups or other windows
- Test result
- Passed
10.2 - The properly positioned label considering all form controls with implicitly associated labels
(hide test results)- Failed, wrong label usage. Error was found from
INPUT
element code:<input name="words" size="14" type="text">
.- Use label right before or after input and use for - id relationship or parentship.More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-unassociated-labels.
- Test result
- Failed
10.3 - Verify that a linearized version of tables used for layout is provided
(hide test results)- Remark, found table element(s). Error was found from
TABLE
element code:<table> <tbody><tr> <td><a href="/sv/info">Info</a></td><td><a href="/sv/studier">Studier</a><
.- Verify that a linearized version of tables used for layout is provided. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-linear-tables
- Test result
- Passed
10.4 - Including default, place-holding characters in edit boxes and text areas (empty controls)
(hide test results)- Failed, no default text. Error was found from
INPUT
element code:<input name="words" size="14" type="text">
.- Add default text. Example: <input type="text" value="Write here" /> More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-place-holders.
- Test result
- Failed
10.5 - Non-link, printable characters
- Test result
- Passed
Guideline 11
11.1 - Use of W3C technologies
(hide test results)- Remark, use W3C technologies when they are available and appropriate for a task and use the latest versions when supported More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-latest-w3c-specs.
- Test result
- Passed
11.2 - Avoid using deprecated features of W3C technologies. (3)
(hide test results)- Failed, this HTML element is now deprecated and should not be used. Error was found from
B
element code:<b>30.11.2007</b>
.- Find all about deprecated elements from http://www.w3.org/TR/WCAG10-TECHS/#tech-avoid-deprecated.
- Failed, this HTML element is now deprecated and should not be used. Error was found from
B
element code:<b>04.09.2007</b>
.- Find all about deprecated elements from http://www.w3.org/TR/WCAG10-TECHS/#tech-avoid-deprecated.
- Failed, this HTML element is now deprecated and should not be used. Error was found from
B
element code:<b>15.06.2007</b>
.- Find all about deprecated elements from http://www.w3.org/TR/WCAG10-TECHS/#tech-avoid-deprecated.
- Test result
- Failed
11.3 - Provide information
(hide test results)- Remark, provide information so that users may receive documents according to their preferences (e.g., language, content type, etc.) More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-content-preferences.
- Test result
- Passed
11.4 - Accessible page
(hide test results)- Remark, if, after best efforts, you cannot create an accessible page, provide a link to an alternative page that is accessible, has equivalent information, and is updated as often as the inaccessible page. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-alt-pages.
- Test result
- Passed
Guideline 12
12.1 - Providing a frame title
- Test result
- Passed
12.2 - Describe the purpose of frames
(hide test results)- Remark, describe the purpose of frames and how frames relate to each other if it is not obvious by frame titles alone. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-frame-longdesc.
- Test result
- Passed
12.3 - Dividing large blocks of information into more manageable groups (7)
(hide test results)- Failed, use in table at least two of next three: caption, summary and title. Error was found from
TABLE
element code:<table> <tbody><tr> <td><a href="/sv/info">Info</a></td><td><a href="/sv/studier">Studier</a><
.- Use in table at least two of next three: caption, summary and title. Caption is element of table. Summary and title are attributes of table. Example: <table title="Calendar" summary="This is christmosh calendar. Shows how many days is left before Christmosh."> <caption>Christmosh calendar</caption>... More information from http://www.w3.org/TR/AERT#table-summaries.
- Failed, element is not grouped properly. Error was found from
LI
element code:<li><a href="https://sonetti.siba.fi">Sonetti</a></li>
.- Li-elements have to group by ul- or ol-element. Dt- and dd-elements have to group by dl-element.
- Failed, element is not grouped properly. Error was found from
LI
element code:<li><a href="https://webmail.siba.fi">Webmail</a></li>
.- Li-elements have to group by ul- or ol-element. Dt- and dd-elements have to group by dl-element.
- Failed, element is not grouped properly. Error was found from
LI
element code:<li><a href="https://oodi-www.it.helsinki.fi/siba/frame.jsp?Kieli=2&valittuKieli=2">Weboodi</a><
.- Li-elements have to group by ul- or ol-element. Dt- and dd-elements have to group by dl-element.
- Failed, element is not grouped properly. Error was found from
LI
element code:<li> </li>
.- Li-elements have to group by ul- or ol-element. Dt- and dd-elements have to group by dl-element.
- Failed, element is not grouped properly. Error was found from
LI
element code:<li><input name="words" size="14" type="text"></li>
.- Li-elements have to group by ul- or ol-element. Dt- and dd-elements have to group by dl-element.
- Failed, element is not grouped properly. Error was found from
LI
element code:<li><input value=" Sök " type="submit"></li>
.- Li-elements have to group by ul- or ol-element. Dt- and dd-elements have to group by dl-element.
- Test result
- Failed
12.4 - Associating labels explicitly with their controls
(hide test results)- Failed, input does not have label. Error was found from
INPUT
element code:<input name="words" size="14" type="text">
.- Use label right before or after input and use for - id relationship or parentship.
- Test result
- Failed
Guideline 13
13.1 - Target of each link
- Test result
- Passed
13.2 - Metadata should be used to add semantic information to pages and sites
- Test result
- Passed
13.3 - Information about the general layout
(hide test results)- Remark, provide information about the general layout of a site (e.g., a site map or table of contents). More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-site-description.
- Test result
- Passed
13.4 - Navigation mechanisms
(hide test results)- Remark, use navigation mechanisms in a consistent manner. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-clear-nav-mechanism.
- Test result
- Passed
13.5 - Navigation bars may be used to give access to the navigation mechanism
- Test result
- Passed
13.6 - Title should be used in map when grouping links by map
- Test result
- Passed
13.7 - Different types of searches
(hide test results)- Remark, if search functions are provided, enable different types of searches for different skill levels and preferences. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-searches.
- Test result
- Passed
13.8 - Information at the beginning
(hide test results)- Remark, place distinguishing information at the beginning of headings, paragraphs, lists, etc. More information from http://www.w3.org/TR/WCAG10-TECHS/#tech-front-loading.
- Test result
- Passed
13.9 - Working links (3)
(hide test results)- Warning, no title in link. Error was found from
LINK
element code:<link href="http://www.siba.fi/css/elements.css" rel="stylesheet" type="text/css">
.- Add title for link.
- Warning, no title in link. Error was found from
LINK
element code:<link href="http://www.siba.fi/css/typography.css" rel="stylesheet" type="text/css">
.- Add title for link.
- Warning, no title in link. Error was found from
LINK
element code:<link href="/css/theme-blue.css" rel="stylesheet" type="text/css">
.- Add title for link.
- Test result
- Warning
13.10 - Skipping over multi-line ASCII art
- Test result
- Passed
Guideline 14
14.1 - Clear and simple language.
(hide test results)- Remark, use the clearest and simplest language appropriate for a site's content.
- Test result
- Passed
14.2 - Supplement text with presentations.
(hide test results)- Remark, supplement text with graphic or auditory presentations where they will facilitate comprehension of the page.
- Test result
- Passed
14.3 - No style element, no style attributes.
- Test result
- Passed