Web hosts - 1234 Accessibility Chapter 24 Fig. 24.15 Fig. 24.1FiFig.

1234 Accessibility Chapter 24 Fig. 24.15 Fig. 24.1FiFig. 24.15g. 24.15 Fig. 24.15 Table optimized for screen reading, using attribute headers. (Part 3 of 3.) This table does not appear to be different from the standard XHTML table shown in Fig. 24.14. However, the formatting of this table allows a screen reader to read the contained data more intelligently. A screen reader vocalizes the data from the table in Fig. 24.15 as follows: Caption: Price of Fruit Summary: This table uses th elements and id and headers attributes to make the table readable by screen readers Fruit: Apple, Price: $0.25 Fruit: Orange, Price: $0.50 Fruit: Banana, Price: $1.00 Fruit: Pineapple, Price: $2.00 Every cell in the table is preceded by its corresponding header when read by the screen reader. This format helps the listener understand the table. The headers attribute is intended specifically for use in tables that hold large amounts of data. Most small tables linearize fairly well, as long as the tag is used properly. We also suggest using the summaryattribute and captionelement to enhance clarity. To view additional examples that demonstrate how to make tables accessible, visit www.w3.org/TR/WCAG. 24.9 Accessibility in XHTML Frames Web designers often use frames to display more than one XHTML file in a single browser window. Frames are a convenient way to ensure that certain content always displays on the screen. Unfortunately, frames often lack proper descriptions, and this prevents users with text-based browsers and users listening via speech synthesizers from navigating the Web site. A site that uses frames must provide a meaningful description of each frame in the frame s tag. Examples of good titles include Navigation Frame and Main Content Frame. Users navigating via text-based browsers, such as Lynx, must choose which frame they want to open; descriptive titles make this choice simpler. However, the assignment of titles to frames does not solve all the navigation problems associated with frames. Web designers also should use the <noframes> tag, which provides alternative content for browsers that do not support frames. <br />Searching for affordable and reliable webhost to host and run your web applications? Go to our <a href="http://www.premiumwebsitehosting.net">java web server</a> services and you will be pleased. </p> <p class="postmetadata alt"> <small> This entry was posted on Saturday, July 28th, 2007 at 1:39 pm and is filed under <a href="http://tomcat.a1websitehosting.net/category/tomcat/" title="View all posts in Tomcat" rel="category tag">Tomcat</a>. You can follow any responses to this entry through the <a href='http://tomcat.a1websitehosting.net/tomcat/web-hosts-1234-accessibility-chapter-24-fig-2415-fig-241fifig/feed/'>RSS 2.0</a> feed. You can <a href="#respond">leave a response</a>, or <a href="http://tomcat.a1websitehosting.net/tomcat/web-hosts-1234-accessibility-chapter-24-fig-2415-fig-241fifig/trackback/" rel="trackback">trackback</a> from your own site. </small> </p> </div> </div> <!-- You can start editing here. --> <!-- If comments are open, but there are no comments. --> <h3 id="respond">Leave a Reply</h3> <form action="http://tomcat.a1websitehosting.net/wp-comments-post.php" method="post" id="commentform"> <p><input type="text" name="author" id="author" value="" size="22" tabindex="1" /> <label for="author"><small>Name (required)</small></label></p> <p><input type="text" name="email" id="email" value="" size="22" tabindex="2" /> <label for="email"><small>Mail (will not be published) (required)</small></label></p> <p><input type="text" name="url" id="url" value="" size="22" tabindex="3" /> <label for="url"><small>Website</small></label></p> <!--<p><small><strong>XHTML:</strong> You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> </small></p>--> <p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p> <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" /> <input type="hidden" name="comment_post_ID" value="169" /> </p> </form> </div> <hr /> <div id="footer"> <!-- If you'd like to support WordPress, having the "powered by" link someone on your blog is the best way, it's our only promotion or advertising. --> <p> Affordable, Php5, Web Design Programs - Tomcat Web Hosting is proudly powered by <a href="http://www.visionwebhosting.net/">cheap hosting</a> <br /><a href="feed:http://tomcat.a1websitehosting.net/feed/">Entries (RSS)</a> and <a href="feed:http://tomcat.a1websitehosting.net/comments/feed/">Comments (RSS)</a>. <!-- 20 queries. 0.124 seconds. --> </p> </div> </div> <!-- Gorgeous design by Michael Heilemann - http://binarybonsai.com/kubrick/ --> </body> </html>