c# thoughtworks qrcode Lesson 2: Configuring Accessibility in C#.NET

Encode QR Code ISO/IEC18004 in C#.NET Lesson 2: Configuring Accessibility

Lesson 2: Configuring Accessibility
Encode Quick Response Code In C#.NET
Using Barcode generator for VS .NET Control to generate, create QR image in .NET framework applications.
www.OnBarcode.com
Scanning QR Code ISO/IEC18004 In Visual C#.NET
Using Barcode decoder for .NET framework Control to read, scan read, scan image in VS .NET applications.
www.OnBarcode.com
ChAPTER 6
Paint Bar Code In C#
Using Barcode encoder for .NET Control to generate, create bar code image in Visual Studio .NET applications.
www.OnBarcode.com
Scan Bar Code In Visual C#
Using Barcode reader for VS .NET Control to read, scan read, scan image in .NET applications.
www.OnBarcode.com
real World
Painting QR Code JIS X 0510 In Visual Studio .NET
Using Barcode encoder for ASP.NET Control to generate, create QR Code 2d barcode image in ASP.NET applications.
www.OnBarcode.com
Printing QR In .NET
Using Barcode drawer for VS .NET Control to generate, create Quick Response Code image in VS .NET applications.
www.OnBarcode.com
Mike Snell
Quick Response Code Encoder In VB.NET
Using Barcode drawer for VS .NET Control to generate, create QR Code ISO/IEC18004 image in .NET framework applications.
www.OnBarcode.com
Linear Generator In C#
Using Barcode generator for .NET Control to generate, create Linear image in .NET applications.
www.OnBarcode.com
f you have ever spent time writing accessible web applications, you have probably noticed that your efforts have proved worthwhile for all users of your site. Of course,
Encode Barcode In C#.NET
Using Barcode generation for .NET framework Control to generate, create bar code image in .NET applications.
www.OnBarcode.com
Encode EAN 13 In C#
Using Barcode drawer for .NET Control to generate, create EAN 13 image in .NET framework applications.
www.OnBarcode.com
this includes those users who do not use traditional monitors, keyboards, or other input devices. However, I am surprised by how much the experience is also improved for users who use standard equipment. These users benefit from descriptive text, quick access keys, scaling fonts, and more. Accessibility not only helps people, it is also good design.
Printing USS Code 39 In C#.NET
Using Barcode printer for Visual Studio .NET Control to generate, create Code 39 image in VS .NET applications.
www.OnBarcode.com
2/5 Standard Maker In C#
Using Barcode printer for VS .NET Control to generate, create 2 of 5 Standard image in .NET applications.
www.OnBarcode.com
Quick Check
ANSI/AIM Code 39 Recognizer In Visual Studio .NET
Using Barcode recognizer for .NET framework Control to read, scan read, scan image in .NET framework applications.
www.OnBarcode.com
Code 3/9 Encoder In Objective-C
Using Barcode creation for iPad Control to generate, create Code 39 Extended image in iPad applications.
www.OnBarcode.com
1 . What can you do to make a webpage more useful to users who use special
Creating Bar Code In None
Using Barcode generation for Software Control to generate, create bar code image in Software applications.
www.OnBarcode.com
Denso QR Bar Code Reader In Visual C#
Using Barcode scanner for .NET Control to read, scan read, scan image in VS .NET applications.
www.OnBarcode.com
displays or screen readers to make text more readable
Encode ANSI/AIM Code 128 In Java
Using Barcode encoder for Java Control to generate, create Code 128 image in Java applications.
www.OnBarcode.com
EAN / UCC - 14 Generation In Objective-C
Using Barcode generator for iPhone Control to generate, create GS1-128 image in iPhone applications.
www.OnBarcode.com
2. What can you do to make a webpage more useful to a user who does not use
Drawing QR Code In Visual Basic .NET
Using Barcode drawer for .NET Control to generate, create QR-Code image in .NET applications.
www.OnBarcode.com
Barcode Maker In .NET Framework
Using Barcode creator for Reporting Service Control to generate, create bar code image in Reporting Service applications.
www.OnBarcode.com
a mouse
Quick Check Answers
1 . First, avoid specifying font sizes or using colors that might be difficult to read.
Second, provide descriptions for images, tables, and forms that screen readers can use.
2. Provide access keys for all controls that require user input, and underline the
access keys in associated labels. Define a logical tab order that allows the user to progress through a form by using the Tab key. Additionally, specify default buttons for forms and Panel controls.
Testing Accessibility
Visual Studio can test webpages or entire web applications for compliance with WCAG and Section 508 standards. The sections that follow describe how to use Visual Studio to automatically test your work.
Checking the Accessibility of a Single Page
To use Visual Studio to test the accessibility of a webpage, follow these steps:
1. 2.
In Visual Studio, open the page you want to check. From the View menu, select Error List to display the Error List window.
ChAPTER 6
Globalization and Accessibility
From the Tools menu, select Check Accessibility. The Accessibility Validation dialog box appears, as shown in Figure 6-6.
FigURE 6-6 Using the Accessibility Validation dialog box in Visual Studio to check the accessibility
of a webpage.
Select the check boxes for the type and level of accessibility checking that you want to perform, and then click Validate. The results of the check are displayed in the Error List pane.
Automatically Checking the Accessibility of a Web Application
You can use Visual Studio to automatically test the accessibility of an entire web application as you are building it. To do so, follow these steps:
1. 2.
In Solution Explorer, right-click your website and select Property Pages. Click the Accessibility node. Figure 6-7 shows an example.
FigURE 6-7 The Accessibility options in a project s Property Pages in Visual Studio.
Lesson 2: Configuring Accessibility
ChAPTER 6
3. 4. 5.
Select the check boxes for the type and level of accessibility checking that you want to perform, and then click Apply. Next, select the Build node of the Property Pages dialog box. In the Accessibility Validation group, select one or both of the following check boxes, depending on whether you want to check individual pages, the entire website, or both when building the website:
Include Accessibility Validation When Building Page Include Accessibility Validation When Building Web
Figure 6-8 shows an example.
FigURE 6-8 Turning on accessibility validation at build time for a website.
Click OK to close the Property Pages dialog box.
Now, when you build your web application, Visual Studio automatically generates a list of accessibility warnings. Accessibility warnings won t prevent a successful build. You will have to manually view the Error List to examine the accessibility issues. Figure 6-9 shows an example.
ChAPTER 6
Globalization and Accessibility
FigURE 6-9 The accessibility validation warnings generated at build time for a sample website.
Pr ActIcE
improving the Accessibility of a Webpage
In this practice, you improve the accessibility of an ASP.NET web application.
oN the CoMpaNIoN MedIa
If you encounter a problem completing an exercise, you can find the completed projects in the samples installed from this book s companion CD. For more information about the project files and other content on the CD, see Using the Companion Media in this book s Introduction.
Lesson 2: Configuring Accessibility
ChAPTER 6
E xErcIsE Making an Accessible Checkout Page
In this exercise, you update an existing (simplified) e-commerce checkout page to make it more accessible by following accessibility best practices.
Navigate to the source code samples installed from the companion CD for this book. Open the website inside the Lesson2-Exercise1-Partial-CS-VB folder. The website folder is called AccessibilitySite. Run the application and view the Default.aspx page in a browser. Make note of the nonaccessible aspects of the page, including the following:
Lack of panels to divide the form Noncontrasting colors Lack of alternative text for images No tab order specified Labels not associated with text boxes No default focus No default button configured
Figure 6-10 shows an example of this page in a browser.
FigURE 6-10 A page that has not been optimized for accessibility.
ChAPTER 6
Globalization and Accessibility
To begin fixing these problems, in Visual Studio first add two Panel controls to the page: one for the shipping address and the other for the billing address. Next, move the shipping address and billing address images and tables into their respective panels. Set the GroupingText property for the new Panel controls to shipping Address and billing Address respectively. Remove the shipping address and billing address images from the form. The Panel controls help with accessibility by enabling users to easily navigate to different parts of a form, and the GroupingText property replaces the shipping and billing address images (which screen readers cannot read).
Using the image editor of your choice, replace the Contoso-Logo.gif file with a logo that has colors with more contrast. The existing foreground and background colors are too similar and are not easily readable. You might also want to remove the background color altogether from the outer <div> tag.
Copyright © OnBarcode.com . All rights reserved.