blob: 1d44bc2d5c21394ec85ccf0d9883556bd074d281 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="en">
<HEAD>
<META http-equiv="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META http-equiv="Content-Style-Type" content="text/css">
<meta name="copyright" content="Copyright (c) Ministry of Internal Affairs and Communications, IBM Corporation and others 2007, 2011. This page is made available under license. For full details see the LEGAL in the documentation book that contains this page." >
<TITLE>ID/AccessKey/Class/CSS Inspector Panel</TITLE>
<LINK href="miChecker.css" rel="stylesheet" type="text/css" class="head">
</HEAD>
<BODY>
<H1>ID/AccessKey/Class/CSS Inspector Panel</H1>
<P>
The ID/AccessKey/Class/CSS Inspector Panel shows information on the
attributes (ID, AccessKey, and Class) of elements that have been set
and the information for any Cascading Style Sheets (CSS) applied to the target page.
This panel has four tabs.
</P>
<H2>ID tab</H2>
<P>
The ID tab lists the elements that have ID attributes. The ID attribute of an HTML element can be used by Web browsers to determine which style sheets to apply to the element.
</P>
<UL>
<LI>Value: The value of the ID attribute.
<LI>Tag Name: The tag name of the HTML element.
</UL>
<H2>AccessKey tab</H2>
<P>
The AccessKey tab lists the elements that have AccessKey attributes.
An AccessKey attribute of an HTML element assigns an access key to the element.
An access key is a single character, and pressing the ALT key plus an access key moves the focus to the corresponding element.
</P>
<UL>
<LI>Value: The value of the AccessKey attribute, which is the access key assigned to the element.
<LI>Tag Name: The tag name of the HTML element.
</UL>
<H2>Class tab</H2>
<P>
The Class tab lists the elements that have Class attributes:
</P>
<UL>
<LI>Value: The value of the Class attribute.
<LI>Tag Name: The tag name of the HTML element.
</UL>
Each line in the ID, AccessKey, and the Class tabs can be clicked.
When a line is clicked, its corresponding element is highlighted, both in the Visualization view and the Browser view.
The lines can also be sorted.
When a column header is clicked, all of the lines in the table are sorted by the values in that column.
<H2>CSS tab</H2>
<P>
The CSS tab lists the URLs of the CSS files that are applied to the target page.
</P>
<H1 class="related">Related topics</H1>
<UL class="related">
<LI><A href="checkBlind.html">Checking the accessibility and usability
of a document in the blind tab</A>
<LI><A href="compliance.html">Compliance and accessibility guidelines for Web content</A>
<LI><A href="menusIcons.html">User interface menus and icons</A>
</UL>
<P>
<A href="index.html">Go to Index</A>
<hr>
<DIV class="logo"><IMG src="images/logo.gif" alt=""></DIV>
</P>
</BODY>
</HTML>