Final Exhibit C TOATG 1

7/31/2019 Final Exhibit C TOATG 1

1/39


2/39


3/39

2.5 FRAMESETS...............................................................................................................................................33

2.5.1 Frame Titles................................................................................................................................33

GLOSSARY........................................................................................................................................................34

APPENDIX I: TARGET ONLINE ASSISTIVE TECHNOLOGY GUIDELINES (TOATG)

EXEMPTION POLICY.....................................................................................................................................37

EXEMPTION FORM........................................................................................................................................38

June 25, 2008 Version 3.0

3


4/39


5/39

1. Navigation and Design

Target web pages should be designed according to the guidelines herein while retaining the best

use of color, layout, navigational structure and all other aesthetic considerations that contribute to

the production of well-balanced content and form.

1.1 Comprehensive Content DescriptionsImprove the usability of all time-based and interactive multimedia - including Flash and Acrobatcontent - by using text captioning and/or synchronized audio.

1.2 ColorThe use of color can impact the compatibility of the site with assistive technologies.

UGuidelines U:

1. Do not use color alone to convey information.2. Do use color to reinforce information presented in text, images or icons.

3. Provide sufficient contrast between text and background.4. Avoid images that flash more than 4 times per second.

UBest PracticeU: Use a variety of indicators such as color, text layout, shape/texture, and

audio to improve the user experience for all guests.

Color ChallengesInformation presented in color should also be evident without color. Use effective markup or

context solutions on Target site pages to accomplish this objective.

UExampleU: Use color paired with text to convey information

To match the error message at the top of the form, three asterisks before and after the

error message in the form field conveys the necessary information with or without the use

of color.


5


6/39

Example: Use a colored an icon to reinforce information

In order to indicate an important feature of the site, the shopping cart is accentuated with

the colorred.

Example: Use multiple indicators to convey and reinforce information

The Target site uses a red button labeled Go with the alt attribute Search Submit to

initiate a search (see sectionT2.1 Alt and Title AttributesT). Note: Even though the same

image is used for different tasks on the site, the alt tag adequately describes the buttons

action.

T1.2.1.1 Markup SolutionsTIn addition to text and images, appropriately utilize markup language.

a. CSS Markup

Cascading Style Sheets (CSS) should be used to define system colors and fonts. Use of CSS

improves accessibility by separating presentation from content.

Avoidplacing formatting attributes in HTML tags (i.e. background, color, text size, etc.) where

they could be better served through the use of Cascading Style Sheets.

b. Color Markup

Use hexadecimal colors values(for 'color', 'background-color', 'border-color', and 'outline-color')

and system fonts (for 'font-family').


body {background-color: #FFFFFF;border-color: #CC0000;

outline-color: #000000;

font-family:verdana,arial,helvetica,sans-serif

;

color: #666666;

}

6


7/39


8/39

Avoid Color Combinations:


black on white

dark gray on white

white on black

red on white

white on red

gray on gray

blue on black

purple on black

light on light

white on yellow

yellow on white

vibrating colors

red on red

8


9/39


10/39

Guidelines:

1. Follow rules and conventions specified in the current Target Production and FrontEnd Web Development Guidelines.

2. Separate content markup from presentational markup:

a. ContentMarkup is the text, images and other informational elements of the

document.b. Presentation Markup is how the content is displayed.

3. Use style sheets to control the layout and presentation of a page.

4. Create pages that are readable with style sheets turned off.

1.3.2.1 Header MarkupScreen readers extract headings from HTML markup; guests using such technology may more

easily navigate directly to the appropriate portion of the page from the list of headings if proper

header markup is maintained to support navigation. It is important to both use headers on the

main sections of each page and order them numerically to optimize the experience of all guests.

Guidelines:

1. Format the appearance of the headings from the style sheet. Do not place

presentational formatting (i.e. text size and font) in the HTML source code.2. The first header in a document, usually containing the page title, must be ; this

may not be the same as the contents of the tag.

3. Headers should appear in logical order(i.e. , , , etc).

Example: The headers below are similarly styled; yet, a screen reader would read

them in a logical order


10


11/39

1.3.2.2 Structural MarkupEnsure page flow and navigation are sufficiently supported by using structural markup.

Guidelines:

1. Appropriate use of HTML tags:

a. is used to offset quotations, not to display unquoted text with

an indent.b. For emphasis use EM and STRONGrather than B and I elements. EM and

STRONG elements accentuate structural emphasis that can render font style

changes and speech inflection changes in screen readers.

c. Avoid deprecated HTML elements.

2. Use style sheets to create effects, sizes, or colors in text rather than using images todisplay text. Text within images cannot be interpreted by screen readers; therefore,information contained in images must be conveyed by adding alt and title attributes(see sectionT2.1 Alt and Title AttributesT).

3. Specify text language.

a. Consider context when using foreign and/or multiple languages in text.

b. Use the lang attribute to identify words or phrases in other languages, soassistive technologies can better interpret them.

Example: A Spanish phrase within an English document could be coded as

Toca El Tambor .

c. When the bulk of the content on a page is in a language other than English,specify the language code in the HTML tag to declare the primary natural

language of the document. This will enable screen readers to serve the

correct text-processing language to the guest. This should also be used in

conjunction with http-equiv and content attributes on the meta tag to specify

the language of the targeted audience.


Reviewing & Changing My Orders

Your Recent Orders

Click "My Account" in the top right corner of any page and you'll find an Instant Order

Update.

Reviewing and Changing Your Orders

You can review the status of any order you've placed by clicking "My Account" in the

top right corner of any page.

You can confirm the date and method of shipment, an estimated date of arrival and atracking number, if available.

11


12/39


13/39

1.3.3 Keyboard AccessWeb pages and site structure should support keyboard equivalents for all mouse actions (e.g.,

access to menus, toolbars, buttons and links) for guests who do not use, or are not capable of

using, a mouse.

1.3.3.1 Keyboard Focus on Active ElementsDevelop pages to provide keyboard focus, thereby improving the ability to navigate all active

page elements. Ensure that every link has an active state.

Guidelines:

1. Provide keyboard focus by using tab stops for buttons, links, and other interactivecontrols. The tab index attribute should only be used when the default tab order

doesnt support optimal navigation.

2. Keyboard focus should be obvious and visually highlighted with colors, fonts,outlines or magnification.

3. Keyboard equivalents and shortcuts should not conflict with operating systemaccessibility features or keystrokes.

1.3.3.2 Logical Tab OrderIn general, screen readers read from left to right and then top to bottom; the tab order may affect

the reading order for assistive technologies. Group the tab order so guests may navigate through

the page logically. (Note: Use the tabindex attribute to control the tab order.)

Example: The tab index attribute assures the user will tab through the form in the correct

order.


13


14/39


14


15/39

See sectionT1.3.5 Repetitive LinksTfor a discussion of ways toskip over sections of repetitive links.

1.3.4 Clear Link TextLinks should have clear text and be easily navigable across all web pages.

Guidelines:

1. Link text should indicate the nature of the link target. Avoid click here because itis ambiguous and doesnt provide the user direction.

2. When a link text appears more than once on a page, it should point to the same linktarget. Distinct link targets should be indicated by different link text.


Name*

Address 1*

Address 2

How many students, staff and volunteers will be participating?

Staff*

Students*

Select Level

K

1

2

3

Volunteers*

15


16/39

3. If it is necessary to use the same link text to point to different link targets, use titleattributes to distinguish between them (see sectionT2.1.2 Title AttributesT).

4. Links should not be a single word or letter. Links presented as buttons or iconsshould be large enough to easily navigate.

1.3.4.1 Navigable LinksProvide navigation links that flow logically and intuitively.

Screen readers normally read text left to right and then top to bottom. Provide visual clues such

as breadcrumbs and navigation states to help the user to remember where they are, where they are

going, or where they have been.

Example: Breadcrumbs as a visual clue


16


17/39

Example: Navigation State as a visual clue.

1.3.4.2 Appropriate Link TextLink text should enable guests to quickly understand their navigational options.

Some assistive technologies allow guests to extract all hyperlinks from a web page; therefore,

Link text should be clear when extracted from the context in which they appear on the page.

Example: Link Text


Non-preferred Preferred

Click here to view this weeks specials. Current Target.com Specials

17


18/39

Example: Title attributes to clarify link text

See All

See All

See All

Example: Inappropriate Link text

Avoidsets of links that are single letters or numerals presented in a horizontal row

separated only by a space. Some screen readers might interpret the entire series as a

single link. The small size could be difficult to navigate.

Example: Link text

1.3.5 Repetitive LinksUse skip navigation for by-passing skipping repetitive links.


Non-preferred Preferred0-9ABCDEFGHIJKLMNOPQRSTUVWX YZNext >> TWhat 1-Day and 2-Day Shipping MeanT

TChanging Your Shipping AddressT

18
http://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=0http://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ahttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ahttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=bhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=bhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=bhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=chttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=dhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=dhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=dhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ehttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ehttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=fhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=fhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ghttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ghttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=hhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=hhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ihttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=jhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=jhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=jhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=khttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=khttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=lhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=mhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=mhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=mhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=nhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=nhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ohttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ohttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=phttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=phttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=qhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=qhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=rhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=rhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=shttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=shttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=thttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=thttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=uhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=uhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=vhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=vhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=whttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=whttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=yhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=zhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=zhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=zhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&pageNumber=2http://www.target.com/gp/browse.html/ref=br_bx_4/602-0371586-8564601?ie=UTF8&node=1041186http://www.target.com/gp/browse.html/ref=br_bx_4/602-0371586-8564601?ie=UTF8&node=1041186http://www.target.com/gp/browse.html/ref=br_bx_4/602-0371586-8564601?ie=UTF8&node=1041186http://www.target.com/gp/browse.html/ref=br_bx_4/602-0371586-8564601?ie=UTF8&node=1041186http://www.target.com/gp/browse.html/ref=br_bx_4/602-0371586-8564601?ie=UTF8&node=1041186http://www.target.com/gp/browse.html/ref=br_bx_9/602-0371586-8564601?ie=UTF8&node=13681501http://www.target.com/gp/browse.html/ref=br_bx_9/602-0371586-8564601?ie=UTF8&node=13681501http://www.target.com/gp/browse.html/ref=br_bx_9/602-0371586-8564601?ie=UTF8&node=13681501http://www.target.com/gp/browse.html/ref=br_bx_9/602-0371586-8564601?ie=UTF8&node=13681501http://www.target.com/gp/browse.html/ref=br_bx_9/602-0371586-8564601?ie=UTF8&node=13681501http://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=0http://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ahttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=bhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=chttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=dhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ehttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=fhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ghttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=hhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ihttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=jhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=khttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=lhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=mhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=nhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=ohttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=phttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=qhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=rhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=shttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=thttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=uhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=vhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=whttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=yhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&alpha=zhttp://www.dexonline.com/servlet/ActionServlet?pid=bfull&queryText=dentist&last10Saved=true&resultForm=BASIC&REGION=in&locationVerified=true&state=MN&cityText=Minneapolis&surroundingAreas=true&metroID=277%2C277%2C277%2C277%2C277&queryText=dentist&queryType=MAIN&previousQueryText=dentist&previousQueryType=MAIN&headingID=1274&queryType=HEADING&pageNumber=2http://www.target.com/gp/browse.html/ref=br_bx_4/602-0371586-8564601?ie=UTF8&node=1041186http://www.target.com/gp/browse.html/ref=br_bx_9/602-0371586-8564601?ie=UTF8&node=13681501


19/39

In general, screen readers read each link in the navigation bar of each page prior to reading page

content. Avoid this by providing guests with a means to bypass repetitive links as a group.

The skip navigation linkconsists of two elements:

1. A named anchor link at the initiation of the main content area of the page

2. A link that points to the named anchorThe code below is a model for the named anchor, which goes directly before the HTML code that

contains the main content of the page. The name attribute of the HTML tag sets the anchor.Names should be all lower case, withoutspaces.

Example:Named anchor link.

The skip navigation link is near the top of the page; this is often the first item on the web

page. Connect to the named anchor using a link similar to the one below.

The skip navigation link can be presented in a number of ways:

Example: On Focus Skip Link

By making the skip link visible with keyboard focus, mouse users will not see the link;

however, if the link is positioned appropriately it will be the first thing a screen reader or

keyboard user encounters on the page.

Without keyboard focus, the skip link is not visible:


Skip Page Navigation

19


20/39


20


21/39


22/39

Layout Table Data Table

Guidelines:

1. Identify data cells with TD (tabular data) and headers with TH (table headers).

2. Use scope=row for each row header and scope=col for each column header

3. Identify structural groups of rows by using THEAD for repeated table headers,TFOOT for repeated table footers, and TBODY for other groups of rows. Use

COLGROUP and COL for groups of columns.

a. For data tables which have two or more levels of row or column headers addan id attribute to each header cell and provide a header attribute for each data

cell that lists all header cells for that data cell. (Example: [like headers=id1id2 id3] if those were the ids of the headers of that data cell.)

(Note: Screen readers may notrender tables with more than two logical levels of row

and/or column headers correctly, even when they are properly marked.)

4. Use the TABLE element, rather than PRE, to create a tabular layout of text, enablingmany assistive technologies to recognize a table.


22


23/39

SHIPPING INFORMATION

Pricing

CATEGORYPER SHIPMENT+ PER POUND

Baby$4.50$0.40 per lb

Bath & Bedding

$2.99$0.59 per lb

Books & VHS Videos$3.00$0.99 per lb

1.3.6.2 Layout Table Requirements

Arrange table contents in linear order given the potential to be removed from the table layout.

When layout tables are used to achieve formatting effects, the linearized order (sometimes also

called screen reader order or source code order) may not be the same as the visual reading order.Guidelines:

1. Do not use tables for layout unless the table makes sense when linearized; cellsshould make sense when read in row order.

2. Include structural elements to create paragraphs, headings, and lists so the page is

coherent after linearization.

3. Use style sheets rather than structural markup to create visual formatting.

Example: Do not use the TH elements to display text other than centered and boldedheaders (see section T1.3.1.1 Header MarkupT, andT1.3.1.2 Structural MarkupT).


23


24/39

The linear order of this table is:

1. Page Header

2. Link

3. Link

4. Link

5. Link

6. Link

7. Link

8. Link

9. Main Content

10. Page Footer

1.4 Accessible Electronic FormsElectronic forms should be easy to use and provide complete functionality for allguests,

including those using assistive technologies.

T1.4.1 TForm UsabilityLogically order form elements so guests are able to navigate through forms using only thekeyboard.

Guidelines:

1. TUse form labels properly and/or keep descriptive text next to the form field.Techniques for doing this include wrapping each form label with a label tag and

associating it to its respective form field using the ID attribute. Group related form

fields by using the fieldset element (see section T1.4.1.2 Grouping Complex FormsTTT).

Example:FirstName

2. Follow guidelines in sectionT1.3.2 Keyboard AccessTto assure that guests can tab toappropriate fields and navigate using arrow keys.

3. Mouseover text should not be used to provide instructions in the form unless there isa keyboard-accessible equivalent.

4. If only one option is displayed when using radio buttons, the available radio buttonshould be selected by default.


24


25/39

5. Provide a non-Flash equivalent for all Flash forms.

6. Where CAPTCHA (Completely Automated Public Turing Test to Tell Computersand Humans Apart) is used to validate form entries, provide a non-graphic

equivalent, such as an audio alternative.

Example:

1.4.1.1 Form field Labeling and PositioningUse clear, concise, jargon-free form-element labels. Properly position the labels for the related

form elements.

Label at the left of form field

Label at the left of dropdown box

Label at right of check box

Label at right of radio button

Label is the Value attribute

of a button

Use one form field per label; telephone numbers, Social Security numbers, etc. should be entered

in a single field unless labels or instructions say otherwise.

Example: More than one field per label

A screen reader may not recognize when there are three fields following the single label

Phone, allowing all 10 digits in one field

Phone *- -

Example: One field per label

This label provides accurate information to all users


25


26/39

1.4.1.2 Grouping complex formsProvide a logical order of navigation whenever the form includes a complex group of elements.

Guidelines:

1. Use the fieldset tag to combine related form elements into an identifiable group

2. Each fieldset should have a legend; use the legend tag to give a group of formelements a heading.

Contact Information

First Name:

Order Information

Subject:

Please Select...


26


27/39

1.4.1.2-a Error and Success IndicatorsProvide error and success indicators when creating forms.

Guidelines:

Use a combination of text, color, and icons to present error indicators as shown below.

TSocial Security Number (Last 4 Digits) is a required field.T

TThe Last 4 Digits of the Social Security Number you have entered are incorrect.Please re-enter your information.

ZIP Code is a required field.

1.4.1.2-b Time-Based Response ConsiderationsWhen scripting, allow sufficient time for guests to access and complete the forms.

Guidelines:

1. Continue to display important messages until the user closes them.

2. Provide a method for extending time allowed to complete timed entries, such asforms (see example in sectionT1.4.1.1-c Session Time-OutsT).

1.4.1.2-c Session Time-Outs

Provide notification and an indication that more time is needed for process or session time-outs.

Example:


27


28/39

2. Development

Target is committed to the development of web page content that can be fully experienced by all

guests. The following technical guidelines should be applied in the development of Target web

pages.

2.1 Alt and Title AttributesAlt and title attributes improve the guest experience, including the experience of visitors usingassistive technologies.

The use of alt and title attributes enables screen readers or refreshable Braille devices to read

graphics and images as text. In the absence of alternative text for graphic images, these assistive

technologies may either skip the image completely or read some associated text, such as the file

name, which might be meaningless.

Guidelines:

1. Provide alt attributes for all images.2. For decorative graphics that take no description, do not represent any meaningful

information, or do not represent a link, use an alt attribute with no content in doublequotes (example: alt =). An example of this would be an icon image that is meant

to represent a particular call to action or direction.

3. The alt description should convey the meaning of an image or (in the case where an

image is an active linksuch as a button) the function and purpose of the image.

4. Provide alt text for each area of an image map.

Do not use background images to convey information, since they cannot have alternative text

explicitly associated with them. Provide title attributes to clarify text links as needed.

2.1.1 Alt AttributesUse alt attributes for images and image map areas on the site. Structural and /or decorative

images should use an alt attribute with no content in double quotes (alt=).

The alt attribute is a required element of the HTML or XML tag for every image on a website.

The content of the attribute is determined by whether or not the image conveys information.

Images that convey information

The alt attribute for these images and image maps must contain text that conveys the same

information as the image. This is not necessarily a description of the image.


28


29/39

Example: Alt attributes to convey information

The bulls eye logo on the home page is described as Target, not picture of bulls

eye.

Example: Alt attributes to convey information

The search button is labeled Search Submit, not red rectangle with the word Go in

it.

Areas of an image map

Each area of an image map should have its own alt attribute, in addition to the alt

attribute for the image map as a whole.

Example: Alt attributes for areas of an image map

Structural and decorative imagesThe alt attribute for structural and decorative images should be blank (null); preventing assistive

technologies from reading the file name or other irrelevant information.

A blank or null alt attribute is coded as alt= (two quotation marks with no text and no spaces in

between.)

Example: Null alt attributes for decorative images


29


30/39

Example: Null alt attributes for spacer images

Use the null alt attribute for structural, transparent, or spacer images. These will not be

visible on the screen and will be ignored by most assistive technologies.

Example: Null alt attribute for redundant images

Use the null alt attribute rather than repeating the same alt attribute for multiple images in

the same area to prevent repeating redundant alt text.

Apply for a card

Background images

Background images should not contain text or other information, as assistive technologies would

likely not render these images (see sectionT

1.3.1 Structural Elements and OrderT

).

2.1.2 Title AttributesUse title attributes for specific text links.

Title attributes can be longer than alt attributes and can be used to convey more information.

Title attributes are visible along with images in most browsers and can be used not only byassistive technology users, but also by people with cognitive impairment and learning disabilities.


30


31/39

Title attributes can be added to images and form input fields as well as text links.

Example: Coded title attributes

2.1.3 Attribute LabelsImprove usabilityby providingclear, concise, jargon-free text explanations for both alt and title

attributes.

The text for alt and title attributes is important communication for people using assistive

technologies. Language should be consistent with Target website standards.

Example: Text for title attributes on links

TargetREDCard

Example: Text for alt attributes on images

2.2 Browser SupportAll Target content should meet the specified browser-support guidelines, including testing and

subsequent validation protocol.

Guideline:

The guest experience should be comparable across all supported browsers. For the

current required browser support compatibility list, consult Target Production & FrontEnd Web Development Guidelines.

2.3 Web Page Content Using JavaScript, AJAX, and/or CSSWeb page content augmented by JavaScript, AJAX and/or CSS should function with assistive

technologies.


31

Target House


32/39

2.3.1 JavaScript PolicyJavaScript-dependent experiences should be fully navigable for a guest using assistive

technologies.

Improper use of JavaScript can introduce navigation issues using the keyboard or assistive

technologies, content or functionality may be hidden from assistive technologies, loss of user

control over dynamic content changes, and triggering of events the user is not aware of or that are

confusing.

All JavaScript enabled objects that constitute part of the site navigation should have a tab order

and be usable with keyboard controls.

When new content is displayed, use Java Script to bring focus on the new content and test with a

screen reader.

2.3.2 AJAX

When using AJAX techniques, strive to create a consistent screen reader experience by avoidingsituations where content is overwritten or refreshed without first alerting the guest.

Guidelines:

1. Never rewrite content in a region of a page that has already loaded, without alertingthe guest that such an event has occurred, and providing a clear means for the guestto retrieve that content.

2. When using a JSON or XML data source to populate a page, be sure to populate thecontent during the load time of the page. Never repopulate a portion of the page with

new content without an alert (see above).

3. If an AJAX-powered experience must rely upon portions of the page beingrepopulated without a page reload, provide an alternate means to guests to retrieve

the same content without AJAX.

2.3.3 Cascading Style SheetsUse Cascading Style Sheets (CSS) to control the page layout and text; code them so the page is

still readable and logical when the style sheets are turned off.

Follow guidelines in sectionT1.3.1 Structural Elements and OrderT to assure presentational and

structural elements of the site are kept separate.

2.4 Standard Redirection FunctionsUse server side redirects when using redirect functions.

Guideline:

Avoid using Meta refresh or other markup to automatically redirect pages. Automaticredirects break the history list and may cause continual loops when using the back button

to return to previously viewed pages.


32


33/39

2.5 FramesetsUse appropriate frame titles when implementing framesets.

Most screen readers identify frames by speaking the name and/or page title of each frame. To

navigate through the site, users require an understandable name for each frame indicating theframes function.

2.5.1 Frame TitlesUse clearly delineated frame titles.

Different screen readers look in different places for frame identification; thus, three components

are needed to ensure that all users will have access to a frame title:

1. HTML frame name attributes.

2. HTML frame title attributes.

3. An HTML Tag for all web pages that will become part of a frameset.

1. HTML Frame Name Attribute

A frameset includes a tag with a name attribute; the name attribute should be a one word

descriptor.

2. HTML Frame Title AttributeThe tag includes a title attribute, and it should be a one-word descriptor.

3. Web Page Title Tag

All HTML files carry a tag as part of page identification. Properly identify all web pages

using the tag.

Site Navigation


33


34/39

Glossary

Assistive Technology (AT)Technology which allows persons with disabilities to perform web functions with little to no difficulty.

Examples of assistive technology related to computers and IT include keyboards with large keys forpersons with mobility impairments and software that reads aloud text on a document or website for personswith vision impairments.

Accessible DesignTo intentionally create products - including websites - for use by people with a wide range of capabilities,

either through direct access or with assistive technology. Accessible design is required forAssistive

Technology to work.

AccessibilityThe process in which a website is made usable by people with a wide range of physical, visual, and

cognitive abilities.

Alt AttributeLanguage added to images, image map areas, and graphics within the HTML code that communicates the

same information as the images. (Alt Attributes are sometimes incorrectly referred to as Alt Tags and/or

Alt Text.)

Alt TagHTML code that contains the alt attribute (see Alt Attribute).

Alt TextThe descriptive language that is served by the alt tag (see AltTag).

Braille DevicesAssistive Technology that renders website text as raised dots that can be read by visually impaired guests.

Cascading Style Sheets (CSS)A standard for web page content presentation control; using CSS assures that the Web site's content isseparate from its structure.

Cognitive ImpairmentA problem with the ability to think about, concentrate on, or remember information or ideas.

Data tableA matrix used for displaying tabular or numeric content (see Layout Table).

Deprecated HTML ElementsElements that may become obsolete or invalid in future versions of published standards.

Device DependentAn experience that can only be accessed by means of a particular device, such as a mouse orkeyboard.These experiences are not accessible to assistive technologies that do not use those devices (e.g. mouse-

dependent experiences cannot be accessed with the keyboard).


34


35/39

Device IndependentAn experience can be accessed by more than one device (e.g. both mouse and keyboard).

FlashTechnology used to add interaction or animation to a web site.

FocusAn interaction whereby an image, form field, button or otherwise selectable object within a web page isselected by the guest. A JavaScript routine can be executed from a Focus event by using the onFocus event

handler within certain HTML tags.

FormA document containing blank fields; the guest can fill the field with data as appropriate.

Form FieldBlank area within a form; the guest can fill the form with data as appropriate.

FrameA segment of a browser window which can be scrolled independently of other segments.

FramesetThe element that specifies the layout of the main user window within which independent segments

(Frames) reside.

Header MarkupUsed to define a pages organizational structure (i.e. , , , etc.). Header markup provides a

navigational aid to help guests using assistive technology quickly scan the content of a page.

Hex Color Code

A hexadecimal representation of color value frequently used in HTML coding. Colors are coded withnumerals 0 through 9 and letters a through f (e.g. Target red in hexadecimal is represented as #cc0000).

Hover StateThe active highlighted state of an element when the cursor is positioned over it.

Image Map AreaAn image map is a graphic that contains more than one hot spot, or link. Each hot spot is a separate image

map area.

JavaScriptA scripting language that can interact with HTML code to create dynamic content.

Layout Table

Use of a hierarchical matrix to create a desired visual display or effect (see Data Table).

Linear OrderElements of a web page arranged from top to bottom and left to right. Accessible web pages are laid out in

linear order (see Screen Reader Order).


35


36/39

Link Title - (TSee Title Attribute)T

Markup LanguageA combination of text intermingled with information about the texts structure or presentation. HTML and

XML are examples of markup languages.

NoframesAn element in a frameset that provides alternate content for guests who do not use frames.

Null ValueAn alt attribute that is coded to remain blank and is used for images which are ornamental or decorative. Ascreen readerwill skip over a null value; the blank value that is placed inside an alt attribute.

Photo-SensitivityA condition in which flashing or flickering lights can cause adverse physical reactions.

Presentational Markup

HTML or other markup language used to control the appearance of a page (see Structural Markup).

Screen ReadersAssistive technologies that reproduce text displayed on a computer screen as a synthesized voice or Braille;

used by persons who have vision impairments.

Screen Reader OrderThe order in which a Screen Readerwill render the text on a website, generally in linear orderfrom top to

bottom and from left to right. Accessible web pages will enable the screen reader to render the site in alogical order.

Skip links, or Skip Navigation Links

Features that allow a user to move past an entire area of content. Commonly used to allow the guest tomove past navigation links to the main content of the page.

Structural MarkupHTML or otherMarkup Language used to define the logical structure of the page (see Presentational

Markup).

Time-Based ResponseInteractions must be completed within a set time (e.g. forms or applications that are set to time out in a

certain period of time.

Title Attribute

Language added to tags within the HTML code that communicates the same information as the taggedcontent.

Title TagThe element that defines the title of a web page document.


36


37/39

Appendix I: Target Online Assistive Technology Guidelines

(TOATG) Exemption Policy

Target Online Assistive Technology Guidelines (TOATG) apply to new and/or newly revisedweb pages on Target websites.

Any request for project exemption from TOATG must be made with the Guest Experience Team

using the Exemption Request Form, available from the Guest Experience Team (seepage 32 for a

sample form).

The need for an exemption request should be identified during the Concept/Development phase

(or equivalent) and submitted prior to the Design phase.

Site experiences are categorized as Core, Primary, and Secondary (see the Exemption Request

Form for examples of said categories).

Exemption requests will be evaluated on a case by case basis.


37


38/39

Exemption Form

PROJECT INFORMATIONDate: Project Name: Project Manager: Business Owner: Project Launch Date: Description:

Guideline Exemption Information

Request Date: Impacted Area of the site:

(Select all that apply)

Red = Core

Blue = Primary

Green = Secondary

Home Page and Global Navigation

Search

Checkout

FormsMy Accounts & Pages Using/Storing/Displaying

Personal Information (not including Checkout)

Online Return Center

Registries

Store Locator

Weekly Ad

Shopping Pages

Corporate Information Site

SuperTarget

Target Commercial Interiors

Other (specify)

Guideline Exemption Information

Guideline(s) that cannot be met: Guideline number(s) that cannot be met: Reason that guideline(s) cannot be met: Impact to users of assistive technologies if

guideline is not met:

Other impact considerations: Description of proposed implementation: Expected duration of implemented experience: Notes/Comments: Approval Information

Date Received: Date Reviewed: Questions/Clarification Needed: Dated returned for questions: Date all information received:


38


39/39

Date Processed: Approved: Approved by:

Final Exhibit C TOATG 1

Documents

Transcript of Final Exhibit C TOATG 1