Web accessibility test

Options

Level AA - Technologies: HTML, CSS, JS

TAW improves inside and out!

Discover it

Go to content

News

We have modified TAW to improve it:

  • Engine update. Now it also validates the accessibility of the code produced by Javascript.
  • New portal design.
  • New checks and improvement of existing ones. Now TAW is smarter looking for errors.
  • You can now receive the detailed result of the analysis in your email.
  • As of today, TAW speaks Portuguese.
  • It's more secure, under HTTPS.

And ... much more. We hope you like it!

What is TAW

TAW is an automatic on-line tool for analyzing website accessibility. Created with technical reference Web Accessibility Guidelines ( WCAG 2.1 ) of W3C , it has more than 15 years, being the reference tool in Spanish speaking.

What is it for

The aim of TAW is to check the level of accessibility achieved in the design and development of web pages in order to Access to all persons irrespective of their Characteristics. It is intended for users without Experience that want to know the degree of accessibility of their Websites as well as for field professionals like webmasters, Developers, web designers etc.

TAW logo

The goal when applying accessibility to a website should be that it reaches the highest level possible. As you know, that level is measured in relation to " Web Content Accessibility Guidelines " WCAG 2.1 of WAI-W3C as follows:

  • WCAG 2.1 A. Meets all priority 1 checkpoints
  • WCAG 2.1 AA. Meets all priority 1 and 2 checkpoints
  • WCAG 2.1 AAA. Meets all priority 1, 2 and 3 checkpoints

The TAW checks in the analysis fall into two categories:

  • Automatic. Problems of accessibility that the tool detects by itself and that they must be solved.
  • Manual. The tool indicates the existence of a possible problem that the evaluator must confirm or discard.
    Remember : You should always check the possible manual issues on the page. It is not enough with automatic verification. If this is not done, the result will not be valid.

Incorporating the TAW logo.

If you wish, you can put on your website the logo indicating that you have validated the accessibility with TAW and the degree reached. There is one for each level of accessibility (A, double A and triple A) and you can choose as logo the alternative you like (CSS, large graphic and small graphic).

It is not required, but thank you for linking the icon to the TAW website (https://www.tawdis.net).

WAI-A Level
You get the A level logo when there are no automatic Level 1 problems and all manual problems of this priority are discarded.
  • CSS: View code
  • Graphic: TAW. Level A. WCAG 2.1 WAI
  • Graphic: TAW. Level A. WCAG 2.1 WAI
WAI-AA Level
This level is obtained when there are no automatic problems of priority 1 and 2 and the manual problems indicated in these priorities have been discarded.
  • CSS: View code
  • Graphic: TAW. Level Double A. WCAG 2.1 WAI
  • Graphic: TAW. Level Double A. WCAG 2.1 WAI
WAI-AAA Level
This level is obtained when there are no automatic or manual problems of any priority.
  • CSS: View code
  • Graphic: TAW. Level Triple A. WCAG 2.1 WAI
  • Graphic: TAW. Level Triple A. WCAG 2.1 WAI

 

Logo Marking

(X)HTML

				<span class="tawlogo">
	<abbr title=" Test de accesibilidad web versión 3 ">
		t<span style="color: rgb(255, 0, 0);">.</span>
		a<span style="color: rgb(220, 131, 16);">.</span>
		w<span style="color: rgb(0, 170, 0);">.</span>
		<sup>3</sup>
	</abbr>
	<span class="tnivel">
		<abbr title="Nivel A - WCAG 2.1 WAI">A</abbr>
	</span>
</span>
			

CSS

				/*------------(CSS LOGO TAW)------------*/
.tawlogo { 
	font-family: arial, sans-serif; 
	border: 1px solid #555; 
	vertical-align: 0.3em;
	font-weight: bold;
	color: #fff;
	font-size: 0.9em; 
	background-color: #555;
	padding: 0;
}

.tawlogo .tnivel {
	padding: 0 0.4em ;
	border-bottom: 0px;
	background-color: #555;
	color: #fff;
	font-size: 0.8em;
}

.tawlogo abbr {
	border-bottom: 0px;
}

.tawlogo acronym{
	border-bottom: 0px;
	padding: 0 0.3em;
	background-color: #fff;
	color: #000; 
}

.tawlogo sup{
	padding: 0em;
	vertical-align: 0.6em;
	font-size: 0.6em;
}
/*------------(CSS LOGO TAW)------------*/