Skip to Content

HTML Document

URL: https://www.w3.org/WAI/demos/bad/before/reports/template.html
HTTP Status: 200 OK
MIME Type: text/html
Last Modified: Wed, 18 May 2016 16:54:15 GMT
Download Time: Less than a second
Cookies: __cf_bm=g_4RSc7gEJOeQScJB.Jzy
Size: 79 KB
Depth: 2 clicks from home page
Charset: utf-8
Forms: 0 forms containing 0 controls
HTTP Headers:  15 headers
Links In:  0 pages
Links Out:  60 links
Images:  7 images
CSS:  2 files
JavaScript:  0 files
Issue Issues: 1 issues found on 1 lines

1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

2

3<html lang="en">

4

5 <head>

6

7 <title>

8Inaccessible Template Report</title>

9

10 <meta http-equiv="content-type" content="text/html; charset=utf-8">

11

12 <link href="../../css/meta.css" rel="stylesheet" type="text/css">

13

14 <link href="../../css/reportTable.css" rel="stylesheet" type="text/css">

15

16 </head>

17

18 <body>

19

20 <div id="meta-header">

21

22 <p id="skipnav">

23<a href="#page">

24Jump to beginning of inaccessible report page</a>

25</p>

26

27 <p id="logos">

28<a href="https://www.w3.org/" title="W3C Home">

29<img alt="W3C logo" src="../../img/w3c.png" height="48" width="72">

30</a>

31<a href="https://www.w3.org/WAI/" title="WAI Home">

32<img alt="Web Accessibility Initiative (WAI) logo" src="../../img/wai.png" height="48">

33</a>

34</p>

35

36 <h1>

37<span class="subhead">

38Inaccessible Template Report </span>

39Before and After Demonstration</h1>

40

41 <p class="subline">

42Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0</p>

43

44 <div id="mnav" class="inaccessible">

45

46 <ul>

47

48 <li class="first">

49<a href="../../Overview.html">

50Overview</a>

51</li>

52

53 <li class="first">

54<a href="home.html">

55Home</a>

56</li>

57

58 <li>

59<a href="news.html">

60News</a>

61</li>

62

63 <li>

64<a href="tickets.html">

65Tickets</a>

66</li>

67

68 <li>

69<a href="survey.html">

70Survey</a>

71</li>

72

73 <li class="current">

74<span class="hidden">

75Current location: </span>

76Template

77 <div class="subnav subnavreport">

78<ul>

79<li class="inaccessible">

80<strong>

81Inaccessible:</strong>

82<a href="../template.html" class="page">

83<span class="hidden">

84Inaccessible </span>

85Template</a>

86<a class="report current">

87<span class="hidden">

88Inaccessible Template </span>

89 Report</a>

90</li>

91<li class="accessible">

92<strong>

93Accessible:</strong>

94<a href="../../after/template.html" class="page">

95<span class="hidden">

96Accessible </span>

97Template</a>

98<a href="../../after/reports/template.html" class="report">

99<span class="hidden">

100Accessible Template </span>

101 Report</a>

102</li>

103</ul>

104</div>

105

106 </li>

107

108 </ul>

109

110 </div>

111

112 </div>

113

114 <div id="page">

115

116 <div class="main">

117

118 <h2>

119<a name="perceivable" id="perceivable">

120Perceivable</a>

121</h2>

122

123 <table id="p" class="report">

124

125 <caption>

126Conformance of Template to WCAG 2.0 - Perceivable</caption>

127

128 <col>

129

130 <col width="43">

131

132 <col width="125">

133

134 <col>

135

136 <col width="50">

137

138 <thead>

139

140 <tr>

141

142 <td>

143</td>

144

145 <th>

146#</th>

147

148 <th>

149Title</th>

150

151 <th>

152Description</th>

153

154 <th>

155Result</th>

156

157 </tr>

158

159 </thead>

160

161 <tbody class="fail">

162

163 <tr class="guideline fail">

164

165 <td>

166</td>

167

168 <td>

1691.1</td>

170

171 <th>

172<a href="https://www.w3.org/WAI/WCAG20/quickref/#text-equiv">

173Text Alternatives</a>

174</th>

175

176 <td>

177Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.</td>

178

179 <td>

180<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

181</td>

182

183 </tr>

184

185 <tr class="criterion fail">

186

187 <td>

188</td>

189

190 <td>

1911.1.1</td>

192

193 <th>

194<a href="https://www.w3.org/WAI/WCAG20/quickref/#text-equiv-all">

195Non-text Content</a>

196</th>

197

198 <td>

199All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below. <em>

200(Level A)</em>

201

202 <div class="expand">

203

204 <ul>

205

206 <li>

207<strong>

208Controls, Input:</strong>

209 If non-text content is a control or accepts user input, then it has a name that describes its purpose. (Refer to Guideline 4.1 for additional requirements for controls and content that accepts user input.)</li>

210

211 <li>

212<strong>

213Time-Based Media:</strong>

214 If non-text content is time-based media, then text alternatives at least provide descriptive identification of the non-text content. (Refer to Guideline 1.2 for additional requirements for media.)</li>

215

216 <li>

217<strong>

218Test:</strong>

219 If non-text content is a test or exercise that would be invalid if presented in text, then text alternatives at least provide descriptive identification of the non-text content.</li>

220

221 <li>

222<strong>

223Sensory:</strong>

224 If non-text content is primarily intended to create a specific sensory experience, then text alternatives at least provide descriptive identification of the non-text content.</li>

225

226 <li>

227<strong>

228CAPTCHA:</strong>

229 If the purpose non-text content is to confirm that content is being accessed by a person rather than a computer, then text alternatives that identify and describe the purpose of the non-text content are provided, and alternative forms of CAPTCHA using output modes for different types of sensory perception are provided to accommodate different disabilities.</li>

230

231 <li>

232<strong>

233Decoration, Formatting, Invisible:</strong>

234 If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology.</li>

235

236 </ul>

237

238 </div>

239

240 </td>

241

242 <td>

243Fail</td>

244

245 </tr>

246

247 <tr class="evaluation fail">

248

249 <td>

250</td>

251

252 <td>

253</td>

254

255 <th>

256<img src="../../img/howto.png" alt="">

257 Failures</th>

258

259 <td colspan="2">

260<ul>

261

262 <li>

263<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F30">

264Failure F30</a>

265 - Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g. filenames or placeholder text)</li>

266

267 <li>

268<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F38">

269Failure F38</a>

270 - Failure of Success Criterion 1.1.1 due to omitting the alt-attribute for non-text content used for decorative purposes only in HTML</li>

271

272 <li>

273<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F39">

274Failure F39</a>

275 - Failure of Success Criterion 1.1.1 due to providing a text alternative that is not null. (e.g. alt="spacer" or alt="image") for images that should be ignored by assistive technology</li>

276

277 <li>

278<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F65">

279Failure F65</a>

280 - Failure of Success Criterion 1.1.1 due to omitting the alt attribute on img elements, area elements, and input elements of type "image" </li>

281

282 <li>

283<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F71">

284Failure F71</a>

285 - Failure of Success Criterion 1.1.1 due to using text look-alikes to represent text without providing a text alternative</li>

286

287 </ul>

288</td>

289

290 </tr>

291

292 <tr class="guideline pass">

293

294 <td>

295</td>

296

297 <td>

2981.2</td>

299

300 <th>

301<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv">

302Time-based Media</a>

303</th>

304

305 <td>

306Provide alternatives for time-based media.</td>

307

308 <td>

309<img src="../../img/pass.png" alt="All success criteria met" title="All success criteria met">

310</td>

311

312 </tr>

313

314 <tr class="criterion pass">

315

316 <td>

317</td>

318

319 <td>

3201.2.1</td>

321

322 <th>

323<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-av-only-alt">

324Audio-only and Video-only (Prerecorded)</a>

325</th>

326

327 <td>

328For prerecorded audio-only and prerecorded video-only media, the following are true, except when the audio or video is a media alternative for text and is clearly labeled as such: <em>

329(Level A)</em>

330

331 <div class="expand">

332

333 <ul>

334

335 <li>

336<strong>

337Prerecorded Audio-only:</strong>

338 An alternative for time-based media is provided that presents equivalent information for prerecorded audio-only content.</li>

339

340 <li>

341<strong>

342Prerecorded Video-only:</strong>

343 Either an alternative for time-based media or an audio track is provided that presents equivalent information for prerecorded video-only content.</li>

344

345 </ul>

346

347 </div>

348

349 </td>

350

351 <td>

352Pass</td>

353

354 </tr>

355

356 <tr class="evaluation pass">

357

358 <td>

359</td>

360

361 <td>

362</td>

363

364 <th>

365<img src="../../img/technique.png" alt="">

366 Techniques</th>

367

368 <td colspan="2">

369Pass due to no corresponding content</td>

370

371 </tr>

372

373 <tr class="criterion pass">

374

375 <td>

376</td>

377

378 <td>

3791.2.2</td>

380

381 <th>

382<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-captions">

383Captions (Prerecorded)</a>

384</th>

385

386 <td>

387Captions are provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such. <em>

388(Level A)</em>

389</td>

390

391 <td>

392Pass</td>

393

394 </tr>

395

396 <tr class="evaluation pass">

397

398 <td>

399</td>

400

401 <td>

402</td>

403

404 <th>

405<img src="../../img/technique.png" alt="">

406 Techniques</th>

407

408 <td colspan="2">

409Pass due to no corresponding content</td>

410

411 </tr>

412

413 <tr class="criterion pass">

414

415 <td>

416</td>

417

418 <td>

4191.2.3</td>

420

421 <th>

422<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-audio-desc">

423Audio Description or Media Alternative (Prerecorded)</a>

424</th>

425

426 <td>

427An alternative for time-based media or audio description of the prerecorded video content is provided for synchronized media, except when the media is a media alternative for text and is clearly labeled as such. <em>

428(Level A)</em>

429</td>

430

431 <td>

432Pass</td>

433

434 </tr>

435

436 <tr class="evaluation pass">

437

438 <td>

439</td>

440

441 <td>

442</td>

443

444 <th>

445<img src="../../img/technique.png" alt="">

446 Techniques</th>

447

448 <td colspan="2">

449Pass due to no corresponding content</td>

450

451 </tr>

452

453 <tr class="criterion pass new_level">

454

455 <td>

456</td>

457

458 <td>

4591.2.4</td>

460

461 <th>

462<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-real-time-captions">

463Captions (Live)</a>

464</th>

465

466 <td>

467Captions are provided for all live audio content in synchronized media. <em>

468(Level AA)</em>

469</td>

470

471 <td>

472Pass</td>

473

474 </tr>

475

476 <tr class="evaluation pass">

477

478 <td>

479</td>

480

481 <td>

482</td>

483

484 <th>

485<img src="../../img/technique.png" alt="">

486 Techniques</th>

487

488 <td colspan="2">

489Pass due to no corresponding content</td>

490

491 </tr>

492

493 <tr class="criterion pass">

494

495 <td>

496</td>

497

498 <td>

4991.2.5</td>

500

501 <th>

502<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-audio-desc-only">

503Audio Description (Prerecorded)</a>

504</th>

505

506 <td>

507Audio description is provided for all prerecorded video content in synchronized media. <em>

508(Level AA)</em>

509</td>

510

511 <td>

512Pass</td>

513

514 </tr>

515

516 <tr class="evaluation pass">

517

518 <td>

519</td>

520

521 <td>

522</td>

523

524 <th>

525<img src="../../img/technique.png" alt="">

526 Techniques</th>

527

528 <td colspan="2">

529Pass due to no corresponding content</td>

530

531 </tr>

532

533 <tr class="criterion pass new_level">

534

535 <td>

536</td>

537

538 <td>

5391.2.6</td>

540

541 <th>

542<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-sign">

543Sign Language (Prerecorded)</a>

544</th>

545

546 <td>

547Sign language interpretation is provided for all prerecorded audio content in synchronized media. <em>

548(Level AAA)</em>

549</td>

550

551 <td>

552Pass</td>

553

554 </tr>

555

556 <tr class="evaluation pass">

557

558 <td>

559</td>

560

561 <td>

562</td>

563

564 <th>

565<img src="../../img/technique.png" alt="">

566 Techniques</th>

567

568 <td colspan="2">

569Pass due to no corresponding content</td>

570

571 </tr>

572

573 <tr class="criterion pass">

574

575 <td>

576</td>

577

578 <td>

5791.2.7</td>

580

581 <th>

582<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-extended-ad">

583Extended Audio Description (Prerecorded)</a>

584</th>

585

586 <td>

587Where pauses in foreground audio are insufficient to allow audio descriptions to convey the sense of the video, extended audio description is provided for all prerecorded video content in synchronized media. <em>

588(Level AAA)</em>

589</td>

590

591 <td>

592Pass</td>

593

594 </tr>

595

596 <tr class="evaluation pass">

597

598 <td>

599</td>

600

601 <td>

602</td>

603

604 <th>

605<img src="../../img/technique.png" alt="">

606 Techniques</th>

607

608 <td colspan="2">

609Pass due to no corresponding content</td>

610

611 </tr>

612

613 <tr class="criterion pass">

614

615 <td>

616</td>

617

618 <td>

6191.2.8</td>

620

621 <th>

622<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-text-doc">

623Media Alternative (Prerecorded)</a>

624</th>

625

626 <td>

627An alternative for time-based media is provided for all prerecorded synchronized media and for all prerecorded video-only media. <em>

628(Level AAA)</em>

629</td>

630

631 <td>

632Pass</td>

633

634 </tr>

635

636 <tr class="evaluation pass">

637

638 <td>

639</td>

640

641 <td>

642</td>

643

644 <th>

645<img src="../../img/technique.png" alt="">

646 Techniques</th>

647

648 <td colspan="2">

649Pass due to no corresponding content</td>

650

651 </tr>

652

653 <tr class="criterion pass">

654

655 <td>

656</td>

657

658 <td>

6591.2.9</td>

660

661 <th>

662<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-live-audio-only">

663Audio-only (Live)</a>

664</th>

665

666 <td>

667An alternative for time-based media that presents equivalent information for live audio-only content is provided. <em>

668(Level AAA)</em>

669</td>

670

671 <td>

672Pass</td>

673

674 </tr>

675

676 <tr class="evaluation pass">

677

678 <td>

679</td>

680

681 <td>

682</td>

683

684 <th>

685<img src="../../img/technique.png" alt="">

686 Techniques</th>

687

688 <td colspan="2">

689Pass due to no corresponding content</td>

690

691 </tr>

692

693 <tr class="guideline fail">

694

695 <td>

696</td>

697

698 <td>

6991.3</td>

700

701 <th>

702<a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation">

703Adaptable</a>

704</th>

705

706 <td>

707Create content that can be presented in different ways (for example simpler layout) without losing information or structure.</td>

708

709 <td>

710<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

711</td>

712

713 </tr>

714

715 <tr class="criterion fail">

716

717 <td>

718</td>

719

720 <td>

7211.3.1</td>

722

723 <th>

724<a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation-programmatic">

725Info and Relationships</a>

726 </th>

727

728 <td>

729Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. <em>

730(Level A)</em>

731</td>

732

733 <td>

734Fail</td>

735

736 </tr>

737

738 <tr class="evaluation fail">

739

740 <td>

741</td>

742

743 <td>

744</td>

745

746 <th>

747<img src="../../img/howto.png" alt="">

748 Failures</th>

749

750 <td colspan="2">

751<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F68">

752Failure F68</a>

753 - Failure of Success Criterion 1.3.1 and 4.1.2 due to the association of label and user interface controls not being programmatically determinable</td>

754

755 </tr>

756

757 <tr class="criterion fail">

758

759 <td>

760</td>

761

762 <td>

7631.3.2</td>

764

765 <th>

766<a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation-sequence">

767Meaningful Sequence</a>

768</th>

769

770 <td>

771When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined. <em>

772(Level A)</em>

773</td>

774

775 <td>

776Fail</td>

777

778 </tr>

779

780 <tr class="evaluation fail">

781

782 <td>

783</td>

784

785 <td>

786</td>

787

788 <th>

789<img src="../../img/howto.png" alt="">

790 Failures</th>

791

792 <td colspan="2">

793<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F49">

794Failure F49</a>

795 - Failure of Success Criterion 1.3.2 due to using an HTML layout table that does not make sense when linearized</td>

796

797 </tr>

798

799 <tr class="criterion pass">

800

801 <td>

802</td>

803

804 <td>

8051.3.3</td>

806

807 <th>

808<a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation-understanding">

809Sensory Characteristics</a>

810</th>

811

812 <td>

813Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components such as shape, size, visual location, orientation, or sound. <em>

814(Level A)</em>

815

816 <div class="expand">

817

818 <p>

819<em>

820Note:</em>

821 For requirements related to color, refer to <a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast">

822Guideline 1.3</a>

823.</p>

824

825 </div>

826

827 </td>

828

829 <td>

830Pass</td>

831

832 </tr>

833

834 <tr class="evaluation pass">

835

836 <td>

837</td>

838

839 <td>

840</td>

841

842 <th>

843<img src="../../img/technique.png" alt="">

844 Techniques</th>

845

846 <td colspan="2">

847Pass due to no corresponding content</td>

848

849 </tr>

850

851 <tr class="guideline fail">

852

853 <td>

854</td>

855

856 <td>

8571.4</td>

858

859 <th>

860<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast">

861Distinguishable</a>

862</th>

863

864 <td>

865Make it easier for users to see and hear content including separating foreground from background.</td>

866

867 <td>

868<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

869</td>

870

871 </tr>

872

873 <tr class="criterion fail">

874

875 <td>

876</td>

877

878 <td>

8791.4.1</td>

880

881 <th>

882<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-without-color">

883Use of Color</a>

884</th>

885

886 <td>

887Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. <em>

888(Level A)</em>

889

890 <div class="expand">

891

892 <p>

893<em>

894Note:</em>

895 This success criterion addresses color perception specifically. Other forms of perception are covered in <a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation">

896Guideline 1.3</a>

897 including programmatic access to color and other visual presentation coding.</p>

898

899 </div>

900

901 </td>

902

903 <td>

904Fail</td>

905

906 </tr>

907

908 <tr class="evaluation fail">

909

910 <td>

911</td>

912

913 <td>

914</td>

915

916 <th>

917<img src="../../img/howto.png" alt="">

918 Failures</th>

919

920 <td colspan="2">

921<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F73">

922Failure F73</a>

923 - Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision</td>

924

925 </tr>

926

927 <tr class="criterion pass">

928

929 <td>

930</td>

931

932 <td>

9331.4.2</td>

934

935 <th>

936<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-dis-audio">

937Audio Control</a>

938</th>

939

940 <td>

941If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level. <em>

942(Level A)</em>

943

944 <div class="expand">

945

946 <p>

947<em>

948Note:</em>

949 Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the Web page (whether or not it is used to meet other success criteria) must meet this success criterion. See <a href="https://www.w3.org/WAI/WCAG20/quickref/#conformance-reqs">

950Conformance Requirement 5: Non-Interference</a>

951.</p>

952

953 </div>

954

955 </td>

956

957 <td>

958Pass</td>

959

960 </tr>

961

962 <tr class="evaluation pass">

963

964 <td>

965</td>

966

967 <td>

968</td>

969

970 <th>

971<img src="../../img/technique.png" alt="">

972 Techniques</th>

973

974 <td colspan="2">

975Pass due to no corresponding content</td>

976

977 </tr>

978

979 <tr class="criterion fail new_level">

980

981 <td>

982</td>

983

984 <td>

9851.4.3</td>

986

987 <th>

988<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-contrast">

989Contrast (Minimum)</a>

990</th>

991

992 <td>

993The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: <em>

994(Level AA)</em>

995

996 <div class="expand">

997

998 <ul>

999

1000 <li>

1001<strong>

1002Large Text:</strong>

1003 Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;</li>

1004

1005 <li>

1006<strong>

1007Incidental:</strong>

1008 Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.</li>

1009

1010 <li>

1011<strong>

1012Logotypes:</strong>

1013 Text that is part of a logo or brand name has no minimum contrast requirement.</li>

1014

1015 </ul>

1016

1017 </div>

1018

1019 </td>

1020

1021 <td>

1022Fail</td>

1023

1024 </tr>

1025

1026 <tr class="evaluation fail">

1027

1028 <td>

1029</td>

1030

1031 <td>

1032</td>

1033

1034 <th>

1035<img src="../../img/howto.png" alt="">

1036 Failures</th>

1037

1038 <td colspan="2">

1039<ul>

1040

1041 <li>

1042The visual presentation of text does not have a contrast ratio of at least 4.5:1</li>

1043

1044 <li>

1045<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F24">

1046Failure F24</a>

1047 - Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa</li>

1048

1049 </ul>

1050</td>

1051

1052 </tr>

1053

1054 <tr class="criterion pass">

1055

1056 <td>

1057</td>

1058

1059 <td>

10601.4.4</td>

1061

1062 <th>

1063<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-scale">

1064Resize text</a>

1065</th>

1066

1067 <td>

1068Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. <em>

1069(Level AA)</em>

1070</td>

1071

1072 <td>

1073Pass</td>

1074

1075 </tr>

1076

1077 <tr class="evaluation pass">

1078

1079 <td>

1080</td>

1081

1082 <td>

1083</td>

1084

1085 <th>

1086<img src="../../img/technique.png" alt="">

1087 Techniques</th>

1088

1089 <td colspan="2">

1090<ul>

1091

1092 <li>

1093<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G142">

1094Technique G142</a>

1095 - Using a technology that has commonly-available user agents that support zoom</li>

1096

1097 <li>

1098<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G179">

1099Technique G179</a>

1100 - Ensuring that there is no loss of content or functionality when the text resizes and text containers do not resize</li>

1101

1102 </ul>

1103</td>

1104

1105 </tr>

1106

1107 <tr class="criterion fail">

1108

1109 <td>

1110</td>

1111

1112 <td>

11131.4.5</td>

1114

1115 <th>

1116<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-text-presentation">

1117Images of Text</a>

1118</th>

1119

1120 <td>

1121If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following: <em>

1122(Level AA)</em>

1123

1124 <div class="expand">

1125

1126 <ul>

1127

1128 <li>

1129<strong>

1130Customizable:</strong>

1131 The image of text can be visually customized to the user's requirements;</li>

1132

1133 <li>

1134<strong>

1135Essential:</strong>

1136 A particular presentation of text is essential to the information being conveyed.</li>

1137

1138 </ul>

1139

1140 <p>

1141<em>

1142Note:</em>

1143 Logotypes (text that is part of a logo or brand name) are considered essential.</p>

1144

1145 </div>

1146

1147 </td>

1148

1149 <td>

1150Fail</td>

1151

1152 </tr>

1153

1154 <tr class="evaluation fail">

1155

1156 <td>

1157</td>

1158

1159 <td>

1160</td>

1161

1162 <th>

1163<img src="../../img/howto.png" alt="">

1164 Failures</th>

1165

1166 <td colspan="2">

1167Text in HTML and CSS decoration can be used to achieve the same visual presentation, rather than using images of text</td>

1168

1169 </tr>

1170

1171 <tr class="criterion fail new_level">

1172

1173 <td>

1174</td>

1175

1176 <td>

11771.4.6</td>

1178

1179 <th>

1180<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast7">

1181Contrast (Enhanced)</a>

1182</th>

1183

1184 <td>

1185The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following: <em>

1186(Level AAA)</em>

1187

1188 <div class="expand">

1189

1190 <ul>

1191

1192 <li>

1193<strong>

1194Large Text:</strong>

1195 Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;</li>

1196

1197 <li>

1198<strong>

1199Incidental:</strong>

1200 Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.</li>

1201

1202 <li>

1203<strong>

1204Logotypes:</strong>

1205 Text that is part of a logo or brand name has no minimum contrast requirement.</li>

1206

1207 </ul>

1208

1209 </div>

1210

1211 </td>

1212

1213 <td>

1214Fail</td>

1215

1216 </tr>

1217

1218 <tr class="evaluation fail">

1219

1220 <td>

1221</td>

1222

1223 <td>

1224</td>

1225

1226 <th>

1227<img src="../../img/howto.png" alt="">

1228 Failures</th>

1229

1230 <td colspan="2">

1231<ul>

1232

1233 <li>

1234The visual presentation of text does not have a contrast ratio of at least 7:1</li>

1235

1236 <li>

1237<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F24">

1238Failure F24</a>

1239 - Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa</li>

1240

1241 </ul>

1242</td>

1243

1244 </tr>

1245

1246 <tr class="criterion pass">

1247

1248 <td>

1249</td>

1250

1251 <td>

12521.4.7</td>

1253

1254 <th>

1255<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-noaudio">

1256Low or No Background Audio</a>

1257</th>

1258

1259 <td>

1260For prerecorded audio-only content that (1) contains primarily speech in the foreground, (2) is not an audio CAPTCHA or audio logo, and (3) is not vocalization intended to be primarily musical expression such as singing or rapping, at least one of the following is true: <em>

1261(Level AAA)</em>

1262

1263 <div class="expand">

1264

1265 <ul>

1266

1267 <li>

1268<strong>

1269No Background:</strong>

1270 The audio does not contain background sounds.</li>

1271

1272 <li>

1273<strong>

1274Turn Off:</strong>

1275 The background sounds can be turned off.</li>

1276

1277 <li>

1278<strong>

127920 dB:</strong>

1280 The background sounds are at least 20 decibels lower than the foreground speech content, with the exception of occasional sounds that last for only one or two seconds.</li>

1281

1282 </ul>

1283

1284 <p>

1285<em>

1286Note:</em>

1287 Per the definition of "decibel," background sound that meets this requirement will be approximately four times quieter than the foreground speech content.</p>

1288

1289 </div>

1290

1291 </td>

1292

1293 <td>

1294Pass</td>

1295

1296 </tr>

1297

1298 <tr class="evaluation pass">

1299

1300 <td>

1301</td>

1302

1303 <td>

1304</td>

1305

1306 <th>

1307<img src="../../img/technique.png" alt="">

1308 Techniques</th>

1309

1310 <td colspan="2">

1311Pass due to no corresponding content</td>

1312

1313 </tr>

1314

1315 <tr class="criterion fail">

1316

1317 <td>

1318</td>

1319

1320 <td>

13211.4.8</td>

1322

1323 <th>

1324<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-visual-presentation">

1325Visual Presentation</a>

1326</th>

1327

1328 <td>

1329For the visual presentation of blocks of text, a mechanism is available to achieve the following: <em>

1330(Level AAA)</em>

1331

1332 <div class="expand">

1333

1334 <ol>

1335

1336 <li>

1337foreground and background colors can be selected by the user</li>

1338

1339 <li>

1340width is no more than 80 characters or glyphs (40 if CJK)</li>

1341

1342 <li>

1343text is not justified (aligned to both the left and the right margins)</li>

1344

1345 <li>

1346line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing</li>

1347

1348 <li>

1349text can be resized without assistive technology up to 200 percent in a way that does not require the user to scroll horizontally to read a line of text on a full-screen window</li>

1350

1351 </ol>

1352

1353 </div>

1354

1355 </td>

1356

1357 <td>

1358Fail</td>

1359

1360 </tr>

1361

1362 <tr class="evaluation fail">

1363

1364 <td>

1365</td>

1366

1367 <td>

1368</td>

1369

1370 <th>

1371<img src="../../img/howto.png" alt="">

1372 Failures</th>

1373

1374 <td colspan="2">

1375<ul>

1376

1377 <li>

1378<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F24">

1379Failure F24</a>

1380 - Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa</li>

1381

1382 </ul>

1383</td>

1384

1385 </tr>

1386

1387 <tr class="criterion fail">

1388

1389 <td>

1390</td>

1391

1392 <td>

13931.4.9</td>

1394

1395 <th>

1396<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-text-images">

1397Images of Text (No Exception)</a>

1398</th>

1399

1400 <td>

1401Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed. <em>

1402(Level AAA)</em>

1403

1404 <div class="expand">

1405

1406 <p>

1407<em>

1408Note:</em>

1409 Logotypes (text that is part of a logo or brand name) are considered essential.</p>

1410

1411 </div>

1412

1413 </td>

1414

1415 <td>

1416Fail</td>

1417

1418 </tr>

1419

1420 <tr class="evaluation fail">

1421

1422 <td>

1423</td>

1424

1425 <td>

1426</td>

1427

1428 <th>

1429<img src="../../img/howto.png" alt="">

1430 Failures</th>

1431

1432 <td colspan="2">

1433Images of text are used for non-decorative purposes while the particular presentation of text is not essential to the information being conveyed</td>

1434

1435 </tr>

1436

1437 </tbody>

1438

1439 </table>

1440

1441

1442 <h2>

1443<a name="operable" id="operable">

1444Operable</a>

1445</h2>

1446

1447 <table id="o" class="report">

1448

1449 <caption>

1450Conformance of Template to WCAG 2.0 - Operable</caption>

1451

1452 <col>

1453

1454 <col width="43">

1455

1456 <col width="125">

1457

1458 <col>

1459

1460 <col width="50">

1461

1462 <thead>

1463

1464 <tr>

1465

1466 <td>

1467</td>

1468

1469 <th>

1470#</th>

1471

1472 <th>

1473Title</th>

1474

1475 <th>

1476Description</th>

1477

1478 <th>

1479Result</th>

1480

1481 </tr>

1482

1483 </thead>

1484

1485 <tbody class="fail">

1486

1487 <tr class="guideline fail">

1488

1489 <td>

1490</td>

1491

1492 <td>

14932.1</td>

1494

1495 <th>

1496<a href="https://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation">

1497Keyboard Accessible</a>

1498</th>

1499

1500 <td>

1501Make all functionality available from a keyboard.</td>

1502

1503 <td>

1504<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

1505</td>

1506

1507 </tr>

1508

1509 <tr class="criterion fail">

1510

1511 <td>

1512</td>

1513

1514 <td>

15152.1.1</td>

1516

1517 <th>

1518<a href="https://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation-keyboard-operable">

1519Keyboard</a>

1520</th>

1521

1522 <td>

1523All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints. <em>

1524(Level A)</em>

1525

1526 <div class="expand">

1527

1528 <p>

1529<em>

1530Note 1:</em>

1531 This exception relates to the underlying function, not the input technique. For example, if using handwriting to enter text, the input technique (handwriting) requires path dependent input but the underlying function (text input) does not.</p>

1532

1533 <p>

1534<em>

1535Note 2:</em>

1536 This does not forbid and should not discourage providing mouse input or other input methods in addition to keyboard operation.</p>

1537

1538 </div>

1539

1540 </td>

1541

1542 <td>

1543Fail</td>

1544

1545 </tr>

1546

1547 <tr class="evaluation fail">

1548

1549 <td>

1550</td>

1551

1552 <td>

1553</td>

1554

1555 <th>

1556<img src="../../img/howto.png" alt="">

1557 Failures</th>

1558

1559 <td colspan="2">

1560<ul>

1561

1562 <li>

1563<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F54">

1564Failure F54</a>

1565 - Failure of Success Criterion 2.1.1 due to using only pointing-device-specific event handlers (including gesture) for a function</li>

1566

1567 <li>

1568<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55">

1569Failure F55</a>

1570 - Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</li>

1571

1572 </ul>

1573</td>

1574

1575 </tr>

1576

1577 <tr class="criterion pass">

1578

1579 <td>

1580</td>

1581

1582 <td>

15832.1.2</td>

1584

1585 <th>

1586<a href="https://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation-trapping">

1587No Keyboard Trap</a>

1588</th>

1589

1590 <td>

1591If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away. <em>

1592(Level A)</em>

1593

1594 <div class="expand">

1595

1596 <p>

1597<em>

1598Note:</em>

1599 Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See <a href="https://www.w3.org/WAI/WCAG20/quickref/#conformance-reqs">

1600Conformance Requirement 5: Non-Interference</a>

1601.</p>

1602

1603 </div>

1604

1605 </td>

1606

1607 <td>

1608Pass</td>

1609

1610 </tr>

1611

1612 <tr class="evaluation pass">

1613

1614 <td>

1615</td>

1616

1617 <td>

1618</td>

1619

1620 <th>

1621<img src="../../img/technique.png" alt="">

1622 Techniques</th>

1623

1624 <td colspan="2">

1625<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G21">

1626Technique G21</a>

1627 - Ensuring that users are not trapped in content</td>

1628

1629 </tr>

1630

1631 <tr class="criterion fail new_level">

1632

1633 <td>

1634</td>

1635

1636 <td>

16372.1.3</td>

1638

1639 <th>

1640<a href="https://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation-all-funcs">

1641Keyboard (No Exception)</a>

1642</th>

1643

1644 <td>

1645All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes. <em>

1646(Level AAA)</em>

1647</td>

1648

1649 <td>

1650Fail</td>

1651

1652 </tr>

1653

1654 <tr class="evaluation fail">

1655

1656 <td>

1657</td>

1658

1659 <td>

1660</td>

1661

1662 <th>

1663<img src="../../img/howto.png" alt="">

1664 Failures</th>

1665

1666 <td colspan="2">

1667<ul>

1668

1669 <li>

1670<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F54">

1671Failure F54</a>

1672 - Failure of Success Criterion 2.1.1 due to using only pointing-device-specific event handlers (including gesture) for a function</li>

1673

1674 <li>

1675<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55">

1676Failure F55</a>

1677 - Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</li>

1678

1679 </ul>

1680</td>

1681

1682 </tr>

1683

1684 <tr class="guideline pass">

1685

1686 <td>

1687</td>

1688

1689 <td>

16902.2</td>

1691

1692 <th>

1693<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits">

1694Enough Time</a>

1695</th>

1696

1697 <td>

1698Provide users enough time to read and use content.</td>

1699

1700 <td>

1701<img src="../../img/pass.png" alt="All success criteria met" title="All success criteria met">

1702</td>

1703

1704 </tr>

1705

1706 <tr class="criterion pass">

1707

1708 <td>

1709</td>

1710

1711 <td>

17122.2.1</td>

1713

1714 <th>

1715<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-required-behaviors">

1716Timing Adjustable</a>

1717</th>

1718

1719 <td>

1720For each time limit that is set by the content, at least one of the following is true: <em>

1721(Level A)</em>

1722

1723 <div class="expand">

1724

1725 <ul>

1726

1727 <li>

1728<strong>

1729Turn off:</strong>

1730 The user is allowed to turn off the time limit before encountering it; or</li>

1731

1732 <li>

1733<strong>

1734Adjust:</strong>

1735 The user is allowed to adjust the time limit before encountering it over a wide range that is at least ten times the length of the default setting; or</li>

1736

1737 <li>

1738<strong>

1739Extend:</strong>

1740 The user is warned before time expires and given at least 20 seconds to extend the time limit with a simple action (for example, "press the space bar"), and the user is allowed to extend the time limit at least ten times; or</li>

1741

1742 <li>

1743<strong>

1744Real-time Exception:</strong>

1745 The time limit is a required part of a real-time event (for example, an auction), and no alternative to the time limit is possible; or</li>

1746

1747 <li>

1748<strong>

1749Essential Exception:</strong>

1750 The time limit is essential and extending it would invalidate the activity; or</li>

1751

1752 <li>

1753<strong>

175420 Hour Exception:</strong>

1755 The time limit is longer than 20 hours.</li>

1756

1757 </ul>

1758

1759 <p>

1760<em>

1761Note:</em>

1762 This success criterion helps ensure that users can complete tasks without unexpected changes in content or context that are a result of a time limit. This success criterion should be considered in conjunction with <a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-receive-focus">

1763Success Criterion 3.2.1</a>

1764 which puts limits on changes of content or context as a result of user action.</p>

1765

1766 </div>

1767

1768 </td>

1769

1770 <td>

1771Pass</td>

1772

1773 </tr>

1774

1775 <tr class="evaluation pass">

1776

1777 <td>

1778</td>

1779

1780 <td>

1781</td>

1782

1783 <th>

1784<img src="../../img/technique.png" alt="">

1785 Techniques</th>

1786

1787 <td colspan="2">

1788Pass due to no corresponding content</td>

1789

1790 </tr>

1791

1792 <tr class="criterion pass">

1793

1794 <td>

1795</td>

1796

1797 <td>

17982.2.2</td>

1799

1800 <th>

1801<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-pause">

1802Pause, Stop, Hide</a>

1803</th>

1804

1805 <td>

1806For moving, blinking, scrolling, or auto-updating information, all of the following are true: <em>

1807(Level A)</em>

1808

1809 <div class="expand">

1810

1811 <ul>

1812

1813 <li>

1814<strong>

1815Moving, blinking, scrolling:</strong>

1816 For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; and</li>

1817

1818 <li>

1819<strong>

1820Auto-updating:</strong>

1821 For any auto-updating information that (1) starts automatically and (2) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it or to control the frequency of the update unless the auto-updating is part of an activity where it is essential.</li>

1822

1823 </ul>

1824

1825 <p>

1826<em>

1827Note 1:</em>

1828 For requirements related to flickering or flashing content, refer to <a href="https://www.w3.org/WAI/WCAG20/quickref/#seizure">

1829Guideline 2.3</a>

1830.</p>

1831

1832 <p>

1833<em>

1834Note 2:</em>

1835 Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See <a href="https://www.w3.org/WAI/WCAG20/quickref/#conformance-reqs">

1836Conformance Requirement 5: Non-Interference</a>

1837.</p>

1838

1839 <p>

1840<em>

1841Note 3:</em>

1842 Content that is updated periodically by software, or that is streamed to the user agent is not required to preserve or present information that is generated or received between the initiation of the pause and resuming presentation, as this may not be technically possible, and in many situations could be misleading to do so.</p>

1843

1844 <p>

1845<em>

1846Note 4:</em>

1847 An animation that occurs as part of a preload phase or similar situation can be considered essential if interaction cannot occur during that phase for all users, and if not indicating progress could confuse users or cause them to think that content was frozen or broken.</p>

1848

1849 </div>

1850

1851 </td>

1852

1853 <td>

1854Pass</td>

1855

1856 </tr>

1857

1858 <tr class="evaluation pass">

1859

1860 <td>

1861</td>

1862

1863 <td>

1864</td>

1865

1866 <th>

1867<img src="../../img/technique.png" alt="">

1868 Techniques</th>

1869

1870 <td colspan="2">

1871Pass due to no corresponding content</td>

1872

1873 </tr>

1874

1875 <tr class="criterion pass new_level">

1876

1877 <td>

1878</td>

1879

1880 <td>

18812.2.3</td>

1882

1883 <th>

1884<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-no-exceptions">

1885No Timing</a>

1886</th>

1887

1888 <td>

1889Timing is not an essential part of the event or activity presented by the content, except for non-interactive synchronized media and real-time events. <em>

1890(Level AAA)</em>

1891</td>

1892

1893 <td>

1894Pass</td>

1895

1896 </tr>

1897

1898 <tr class="evaluation pass">

1899

1900 <td>

1901</td>

1902

1903 <td>

1904</td>

1905

1906 <th>

1907<img src="../../img/technique.png" alt="">

1908 Techniques</th>

1909

1910 <td colspan="2">

1911<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G5">

1912Technique G5</a>

1913 - Allowing users to complete an activity without any time limit</td>

1914

1915 </tr>

1916

1917 <tr class="criterion pass">

1918

1919 <td>

1920</td>

1921

1922 <td>

19232.2.4</td>

1924

1925 <th>

1926<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-postponed">

1927Interruptions</a>

1928</th>

1929

1930 <td>

1931Interruptions can be postponed or suppressed by the user, except interruptions involving an emergency. <em>

1932(Level AAA)</em>

1933</td>

1934

1935 <td>

1936Pass</td>

1937

1938 </tr>

1939

1940 <tr class="evaluation pass">

1941

1942 <td>

1943</td>

1944

1945 <td>

1946</td>

1947

1948 <th>

1949<img src="../../img/technique.png" alt="">

1950 Techniques</th>

1951

1952 <td colspan="2">

1953Pass due to no corresponding content</td>

1954

1955 </tr>

1956

1957 <tr class="criterion pass">

1958

1959 <td>

1960</td>

1961

1962 <td>

19632.2.5</td>

1964

1965 <th>

1966<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-server-timeout">

1967Re-authenticating</a>

1968</th>

1969

1970 <td>

1971When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating. <em>

1972(Level AAA)</em>

1973</td>

1974

1975 <td>

1976Pass</td>

1977

1978 </tr>

1979

1980 <tr class="evaluation pass">

1981

1982 <td>

1983</td>

1984

1985 <td>

1986</td>

1987

1988 <th>

1989<img src="../../img/technique.png" alt="">

1990 Techniques</th>

1991

1992 <td colspan="2">

1993Pass due to no corresponding content</td>

1994

1995 </tr>

1996

1997 <tr class="guideline pass">

1998

1999 <td>

2000</td>

2001

2002 <td>

20032.3</td>

2004

2005 <th>

2006<a href="https://www.w3.org/WAI/WCAG20/quickref/#seizure">

2007Seizures</a>

2008</th>

2009

2010 <td>

2011Do not design content in a way that is known to cause seizures.</td>

2012

2013 <td>

2014<img src="../../img/pass.png" alt="All success criteria met" title="All success criteria met">

2015</td>

2016

2017 </tr>

2018

2019 <tr class="criterion pass">

2020

2021 <td>

2022</td>

2023

2024 <td>

20252.3.1</td>

2026

2027 <th>

2028<a href="https://www.w3.org/WAI/WCAG20/quickref/#seizure-does-not-violate">

2029Three Flashes or Below Threshold</a>

2030</th>

2031

2032 <td>

2033Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds. <em>

2034(Level A)</em>

2035

2036 <div class="expand">

2037

2038 <p>

2039<em>

2040Note:</em>

2041 Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See <a href="https://www.w3.org/WAI/WCAG20/quickref/#conformance-reqs">

2042Conformance Requirement 5: Non-Interference</a>

2043.</p>

2044

2045 </div>

2046

2047 </td>

2048

2049 <td>

2050Pass</td>

2051

2052 </tr>

2053

2054 <tr class="evaluation pass">

2055

2056 <td>

2057</td>

2058

2059 <td>

2060</td>

2061

2062 <th>

2063<img src="../../img/technique.png" alt="">

2064 Techniques</th>

2065

2066 <td colspan="2">

2067<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G19">

2068Technique G19</a>

2069 - Ensuring that no component of the content flashes more than three times in any 1-second period</td>

2070

2071 </tr>

2072

2073 <tr class="criterion pass new_level">

2074

2075 <td>

2076</td>

2077

2078 <td>

20792.3.2</td>

2080

2081 <th>

2082<a href="https://www.w3.org/WAI/WCAG20/quickref/#seizure-three-times">

2083Three Flashes</a>

2084</th>

2085

2086 <td>

2087Web pages do not contain anything that flashes more than three times in any one second period. <em>

2088(Level AAA)</em>

2089</td>

2090

2091 <td>

2092Pass</td>

2093

2094 </tr>

2095

2096 <tr class="evaluation pass">

2097

2098 <td>

2099</td>

2100

2101 <td>

2102</td>

2103

2104 <th>

2105<img src="../../img/technique.png" alt="">

2106 Techniques</th>

2107

2108 <td colspan="2">

2109<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G19">

2110Technique G19</a>

2111 - Ensuring that no component of the content flashes more than three times in any 1-second period</td>

2112

2113 </tr>

2114

2115 <tr class="guideline fail">

2116

2117 <td>

2118</td>

2119

2120 <td>

21212.4</td>

2122

2123 <th>

2124<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms">

2125Navigable</a>

2126</th>

2127

2128 <td>

2129Provide ways to help users navigate, find content and determine where they are.</td>

2130

2131 <td>

2132<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

2133</td>

2134

2135 </tr>

2136

2137 <tr class="criterion fail">

2138

2139 <td>

2140</td>

2141

2142 <td>

21432.4.1</td>

2144

2145 <th>

2146<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-skip">

2147Bypass Blocks</a>

2148</th>

2149

2150 <td>

2151A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. <em>

2152(Level A)</em>

2153</td>

2154

2155 <td>

2156Fail</td>

2157

2158 </tr>

2159

2160 <tr class="evaluation fail">

2161

2162 <td>

2163</td>

2164

2165 <td>

2166</td>

2167

2168 <th>

2169<img src="../../img/howto.png" alt="">

2170 Failures</th>

2171

2172 <td colspan="2">

2173No mechanisms are available to bypass blocks of content that are repeated on multiple Web pages</td>

2174

2175 </tr>

2176

2177 <tr class="criterion fail">

2178

2179 <td>

2180</td>

2181

2182 <td>

21832.4.2</td>

2184

2185 <th>

2186<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-title">

2187Page Titled</a>

2188</th>

2189

2190 <td>

2191Web pages have titles that describe topic or purpose. <em>

2192(Level A)</em>

2193</td>

2194

2195 <td>

2196Fail</td>

2197

2198 </tr>

2199

2200 <tr class="evaluation fail">

2201

2202 <td>

2203</td>

2204

2205 <td>

2206</td>

2207

2208 <th>

2209<img src="../../img/howto.png" alt="">

2210 Failures</th>

2211

2212 <td colspan="2">

2213<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F25">

2214Failure F25</a>

2215 - Failure of Success Criterion 2.4.2 due to the title of a Web page not identifying the contents</td>

2216

2217 </tr>

2218

2219 <tr class="criterion pass">

2220

2221 <td>

2222</td>

2223

2224 <td>

22252.4.3</td>

2226

2227 <th>

2228<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-focus-order">

2229Focus Order</a>

2230</th>

2231

2232 <td>

2233If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability. <em>

2234(Level A)</em>

2235</td>

2236

2237 <td>

2238Pass</td>

2239

2240 </tr>

2241

2242 <tr class="evaluation pass">

2243

2244 <td>

2245</td>

2246

2247 <td>

2248</td>

2249

2250 <th>

2251<img src="../../img/technique.png" alt="">

2252 Techniques</th>

2253

2254 <td colspan="2">

2255<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G59">

2256Technique G59</a>

2257 - Placing the interactive elements in an order that follows sequences and relationships within the content</td>

2258

2259 </tr>

2260

2261 <tr class="criterion fail">

2262

2263 <td>

2264</td>

2265

2266 <td>

22672.4.4</td>

2268

2269 <th>

2270<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-refs">

2271Link Purpose (In Context)</a>

2272</th>

2273

2274 <td>

2275The purpose of each link can be determined from the link text alone, or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general. <em>

2276(Level A)</em>

2277</td>

2278

2279 <td>

2280Fail</td>

2281

2282 </tr>

2283

2284 <tr class="evaluation fail">

2285

2286 <td>

2287</td>

2288

2289 <td>

2290</td>

2291

2292 <th>

2293<img src="../../img/howto.png" alt="">

2294 Failures</th>

2295

2296 <td colspan="2">

2297<ul>

2298

2299 <li>

2300<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F63">

2301Failure F63</a>

2302 - Failure of Success Criterion 2.4.4 due to providing link context only in content that is not related to the link</li>

2303

2304 <li>

2305<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F89">

2306Failure F89</a>

2307 - Failure of 2.4.4, 2.4.9 and 4.1.2 due to using null alt on an image where the image is the only content in a link</li>

2308

2309 </ul>

2310</td>

2311

2312 </tr>

2313

2314 <tr class="criterion pass new_level">

2315

2316 <td>

2317</td>

2318

2319 <td>

23202.4.5</td>

2321

2322 <th>

2323<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-mult-loc">

2324Multiple Ways</a>

2325</th>

2326

2327 <td>

2328More than one way is available to locate a Web page within a set of Web pages except where the Web Page is the result of, or a step in, a process. <em>

2329(Level AA)</em>

2330</td>

2331

2332 <td>

2333Pass</td>

2334

2335 </tr>

2336

2337 <tr class="evaluation pass">

2338

2339 <td>

2340</td>

2341

2342 <td>

2343</td>

2344

2345 <th>

2346<img src="../../img/technique.png" alt="">

2347 Techniques</th>

2348

2349 <td colspan="2">

2350<ul>

2351

2352 <li>

2353<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G125">

2354Technique G125</a>

2355 - Providing links to navigate to related Web pages</li>

2356

2357 <li>

2358<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G126">

2359Technique G126</a>

2360 - Providing a list of links to all other Web pages</li>

2361

2362 <li>

2363<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G185">

2364Technique G185</a>

2365 - Linking to all of the pages on the site from the home page</li>

2366

2367 </ul>

2368</td>

2369

2370 </tr>

2371

2372 <tr class="criterion fail">

2373

2374 <td>

2375</td>

2376

2377 <td>

23782.4.6</td>

2379

2380 <th>

2381<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-descriptive">

2382Headings and Labels</a>

2383</th>

2384

2385 <td>

2386Headings and labels describe topic or purpose. <em>

2387(Level AA)</em>

2388</td>

2389

2390 <td>

2391Fail</td>

2392

2393 </tr>

2394

2395 <tr class="evaluation fail">

2396

2397 <td>

2398</td>

2399

2400 <td>

2401</td>

2402

2403 <th>

2404<img src="../../img/howto.png" alt="">

2405 Failures</th>

2406

2407 <td colspan="2">

2408Headings are not programmatically determined</td>

2409

2410 </tr>

2411

2412 <tr class="criterion fail">

2413

2414 <td>

2415</td>

2416

2417 <td>

24182.4.7</td>

2419

2420 <th>

2421<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-focus-visible">

2422Focus Visible</a>

2423</th>

2424

2425 <td>

2426Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. <em>

2427(Level AA)</em>

2428</td>

2429

2430 <td>

2431Fail</td>

2432

2433 </tr>

2434

2435 <tr class="evaluation fail">

2436

2437 <td>

2438</td>

2439

2440 <td>

2441</td>

2442

2443 <th>

2444<img src="../../img/howto.png" alt="">

2445 Failures</th>

2446

2447 <td colspan="2">

2448<ul>

2449

2450 <li>

2451<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55">

2452Failure F55</a>

2453 - Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</li>

2454

2455 <li>

2456<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F78">

2457Failure F78</a>

2458 - Failure of Success Criterion 2.4.7 due to styling element outlines and borders in a way that removes or renders non-visible the visual focus indicator</li>

2459

2460 </ul>

2461</td>

2462

2463 </tr>

2464

2465 <tr class="criterion fail new_level">

2466

2467 <td>

2468</td>

2469

2470 <td>

24712.4.8</td>

2472

2473 <th>

2474<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-location">

2475Location</a>

2476</th>

2477

2478 <td>

2479Information about the user's location within a set of Web pages is available. <em>

2480(Level AAA)</em>

2481</td>

2482

2483 <td>

2484Fail</td>

2485

2486 </tr>

2487

2488 <tr class="evaluation fail">

2489

2490 <td>

2491</td>

2492

2493 <td>

2494</td>

2495

2496 <th>

2497<img src="../../img/howto.png" alt="">

2498 Failures</th>

2499

2500 <td colspan="2">

2501No information is available about the user's location within a set of Web pages</td>

2502

2503 </tr>

2504

2505 <tr class="criterion fail">

2506

2507 <td>

2508</td>

2509

2510 <td>

25112.4.9</td>

2512

2513 <th>

2514<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-link">

2515Link Purpose (Link Only)</a>

2516</th>

2517

2518 <td>

2519A mechanism is available to allow the purpose of each link to be identified from link text alone, except where the purpose of the link would be ambiguous to users in general. <em>

2520(Level AAA)</em>

2521</td>

2522

2523 <td>

2524Fail</td>

2525

2526 </tr>

2527

2528 <tr class="evaluation fail">

2529

2530 <td>

2531</td>

2532

2533 <td>

2534</td>

2535

2536 <th>

2537<img src="../../img/howto.png" alt="">

2538 Failures</th>

2539

2540 <td colspan="2">

2541<ul>

2542

2543 <li>

2544<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F84">

2545Failure F84</a>

2546 - Failure of Success Criterion 2.4.9 due to using a non-specific link such as "click here" or "more" without a mechanism to change the link text to specific text</li>

2547

2548 <li>

2549<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F89">

2550Failure F89</a>

2551 - Failure of 2.4.4, 2.4.9 and 4.1.2 due to using null alt on an image where the image is the only content in a link</li>

2552

2553 </ul>

2554</td>

2555

2556 </tr>

2557

2558 <tr class="criterion fail">

2559

2560 <td>

2561</td>

2562

2563 <td>

25642.4.10</td>

2565

2566 <th>

2567<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-headings">

2568Section Headings</a>

2569</th>

2570

2571 <td>

2572Section headings are used to organize the content. <em>

2573(Level AAA)</em>

2574

2575 <div class="expand">

2576

2577 <p>

2578<em>

2579Note 1:</em>

2580 "Heading" is used in its general sense and includes titles and other ways to add a heading to different types of content.</p>

2581

2582 <p>

2583<em>

2584Note 2:</em>

2585 This success criterion covers sections within writing, not user interface components. User Interface components are covered under <a href="https://www.w3.org/WAI/WCAG20/quickref/#ensure-compat-rsv">

2586Success Criterion 4.1.2</a>

2587.</p>

2588

2589 </div>

2590

2591 </td>

2592

2593 <td>

2594Fail</td>

2595

2596 </tr>

2597

2598 <tr class="evaluation fail">

2599

2600 <td>

2601</td>

2602

2603 <td>

2604</td>

2605

2606 <th>

2607<img src="../../img/howto.png" alt="">

2608 Failures</th>

2609

2610 <td colspan="2">

2611Headings are not programmatically determined</td>

2612

2613 </tr>

2614

2615 </tbody>

2616

2617 </table>

2618

2619

2620 <h2>

2621<a name="understandable" id="understandable">

2622Understandable</a>

2623</h2>

2624

2625 <table id="u" class="report">

2626

2627 <caption>

2628Conformance of Template to WCAG 2.0 - Understandable</caption>

2629

2630 <col>

2631

2632 <col width="43">

2633

2634 <col width="125">

2635

2636 <col>

2637

2638 <col width="50">

2639

2640 <thead>

2641

2642 <tr>

2643

2644 <td>

2645</td>

2646

2647 <th>

2648#</th>

2649

2650 <th>

2651Title</th>

2652

2653 <th>

2654Description</th>

2655

2656 <th>

2657Result</th>

2658

2659 </tr>

2660

2661 </thead>

2662

2663 <tbody class="fail">

2664

2665 <tr class="guideline fail">

2666

2667 <td>

2668</td>

2669

2670 <td>

26713.1</td>

2672

2673 <th>

2674<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning">

2675Readable</a>

2676</th>

2677

2678 <td>

2679Make text content readable and understandable.</td>

2680

2681 <td>

2682<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

2683</td>

2684

2685 </tr>

2686

2687 <tr class="criterion fail">

2688

2689 <td>

2690</td>

2691

2692 <td>

26933.1.1</td>

2694

2695 <th>

2696<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-doc-lang-id">

2697Language of Page</a>

2698</th>

2699

2700 <td>

2701The default human language of each Web page can be programmatically determined. <em>

2702(Level A)</em>

2703</td>

2704

2705 <td>

2706Fail</td>

2707

2708 </tr>

2709

2710 <tr class="evaluation fail">

2711

2712 <td>

2713</td>

2714

2715 <td>

2716</td>

2717

2718 <th>

2719<img src="../../img/howto.png" alt="">

2720 Failures</th>

2721

2722 <td colspan="2">

2723The default human language of the Web page can not be programmatically determined</td>

2724

2725 </tr>

2726

2727 <tr class="criterion pass new_level">

2728

2729 <td>

2730</td>

2731

2732 <td>

27333.1.2</td>

2734

2735 <th>

2736<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-other-lang-id">

2737Language of Parts</a>

2738</th>

2739

2740 <td>

2741The human language of each passage or phrase in the content can be programmatically determined except for proper names, technical terms, words of indeterminate language, and words or phrases that have become part of the vernacular of the immediately surrounding text. <em>

2742(Level AA)</em>

2743</td>

2744

2745 <td>

2746Pass</td>

2747

2748 </tr>

2749

2750 <tr class="evaluation pass">

2751

2752 <td>

2753</td>

2754

2755 <td>

2756</td>

2757

2758 <th>

2759<img src="../../img/technique.png" alt="">

2760 Techniques</th>

2761

2762 <td colspan="2">

2763Pass due to no corresponding content</td>

2764

2765 </tr>

2766

2767 <tr class="criterion pass new_level">

2768

2769 <td>

2770</td>

2771

2772 <td>

27733.1.3</td>

2774

2775 <th>

2776<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-idioms">

2777Unusual Words</a>

2778</th>

2779

2780 <td>

2781A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way, including idioms and jargon. <em>

2782(Level AAA)</em>

2783</td>

2784

2785 <td>

2786Pass</td>

2787

2788 </tr>

2789

2790 <tr class="evaluation pass">

2791

2792 <td>

2793</td>

2794

2795 <td>

2796</td>

2797

2798 <th>

2799<img src="../../img/technique.png" alt="">

2800 Techniques</th>

2801

2802 <td colspan="2">

2803Pass due to no corresponding content</td>

2804

2805 </tr>

2806

2807 <tr class="criterion pass">

2808

2809 <td>

2810</td>

2811

2812 <td>

28133.1.4</td>

2814

2815 <th>

2816<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-located">

2817Abbreviations</a>

2818</th>

2819

2820 <td>

2821A mechanism for identifying the expanded form or meaning of abbreviations is available. <em>

2822(Level AAA)</em>

2823</td>

2824

2825 <td>

2826Pass</td>

2827

2828 </tr>

2829

2830 <tr class="evaluation pass">

2831

2832 <td>

2833</td>

2834

2835 <td>

2836</td>

2837

2838 <th>

2839<img src="../../img/technique.png" alt="">

2840 Techniques</th>

2841

2842 <td colspan="2">

2843Pass due to no corresponding content</td>

2844

2845 </tr>

2846

2847 <tr class="criterion pass">

2848

2849 <td>

2850</td>

2851

2852 <td>

28533.1.5</td>

2854

2855 <th>

2856<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-supplements">

2857Reading Level</a>

2858</th>

2859

2860 <td>

2861When text requires reading ability more advanced than the lower secondary education level after removal of proper names and titles, supplemental content, or a version that does not require reading ability more advanced than the lower secondary education level, is available. <em>

2862(Level AAA)</em>

2863</td>

2864

2865 <td>

2866Pass</td>

2867

2868 </tr>

2869

2870 <tr class="evaluation pass">

2871

2872 <td>

2873</td>

2874

2875 <td>

2876</td>

2877

2878 <th>

2879<img src="../../img/technique.png" alt="">

2880 Techniques</th>

2881

2882 <td colspan="2">

2883<a href="https://www.w3.org/WAI/WCAG20/quickref/G153">

2884Technique G153</a>

2885 - Making the text easier to read</td>

2886

2887 </tr>

2888

2889 <tr class="criterion pass">

2890

2891 <td>

2892</td>

2893

2894 <td>

28953.1.6</td>

2896

2897 <th>

2898<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-pronunciation">

2899Pronunciation</a>

2900</th>

2901

2902 <td>

2903A mechanism is available for identifying specific pronunciation of words where meaning of the words, in context, is ambiguous without knowing the pronunciation. <em>

2904(Level AAA)</em>

2905</td>

2906

2907 <td>

2908Pass</td>

2909

2910 </tr>

2911

2912 <tr class="evaluation pass">

2913

2914 <td>

2915</td>

2916

2917 <td>

2918</td>

2919

2920 <th>

2921<img src="../../img/technique.png" alt="">

2922 Techniques</th>

2923

2924 <td colspan="2">

2925Pass due to no corresponding content</td>

2926

2927 </tr>

2928

2929 <tr class="guideline fail">

2930

2931 <td>

2932</td>

2933

2934 <td>

29353.2</td>

2936

2937 <th>

2938<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior">

2939Predictable</a>

2940</th>

2941

2942 <td>

2943Make Web pages appear and operate in predictable ways.</td>

2944

2945 <td>

2946<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

2947</td>

2948

2949 </tr>

2950

2951 <tr class="criterion fail">

2952

2953 <td>

2954</td>

2955

2956 <td>

29573.2.1</td>

2958

2959 <th>

2960<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-receive-focus">

2961On Focus</a>

2962</th>

2963

2964 <td>

2965When any component receives focus, it does not initiate a change of context. <em>

2966(Level A)</em>

2967</td>

2968

2969 <td>

2970Fail</td>

2971

2972 </tr>

2973

2974 <tr class="evaluation fail">

2975

2976 <td>

2977</td>

2978

2979 <td>

2980</td>

2981

2982 <th>

2983<img src="../../img/howto.png" alt="">

2984 Failures</th>

2985

2986 <td colspan="2">

2987<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55">

2988Failure F55</a>

2989 - Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</td>

2990

2991 </tr>

2992

2993 <tr class="criterion fail">

2994

2995 <td>

2996</td>

2997

2998 <td>

29993.2.2</td>

3000

3001 <th>

3002<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-unpredictable-change">

3003On Input</a>

3004</th>

3005

3006 <td>

3007Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the behavior before using the component. <em>

3008(Level A)</em>

3009</td>

3010

3011 <td>

3012Fail</td>

3013

3014 </tr>

3015

3016 <tr class="evaluation fail">

3017

3018 <td>

3019</td>

3020

3021 <td>

3022</td>

3023

3024 <th>

3025<img src="../../img/howto.png" alt="">

3026 Failures</th>

3027

3028 <td colspan="2">

3029Change of context without prior warning when the status of a select list is changed</td>

3030

3031 </tr>

3032

3033 <tr class="criterion pass new_level">

3034

3035 <td>

3036</td>

3037

3038 <td>

30393.2.3</td>

3040

3041 <th>

3042<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-consistent-locations">

3043Consistent Navigation</a>

3044</th>

3045

3046 <td>

3047Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user. <em>

3048(Level AA)</em>

3049</td>

3050

3051 <td>

3052Pass</td>

3053

3054 </tr>

3055

3056 <tr class="evaluation pass">

3057

3058 <td>

3059</td>

3060

3061 <td>

3062</td>

3063

3064 <th>

3065<img src="../../img/technique.png" alt="">

3066 Techniques</th>

3067

3068 <td colspan="2">

3069<p>

3070<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G61">

3071Technique G61</a>

3072 - Presenting repeated components in the same relative order each time they appear</p>

3073

3074 <p>

3075<strong>

3076Advisory Techniques</strong>

3077</p>

3078

3079 <ul>

3080

3081 <li>

3082Future Link - Using templates to ensure consistency across multiple Web pages</li>

3083

3084 </ul>

3085</td>

3086

3087 </tr>

3088

3089 <tr class="criterion fail">

3090

3091 <td>

3092</td>

3093

3094 <td>

30953.2.4</td>

3096

3097 <th>

3098<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-consistent-functionality">

3099Consistent Identification</a>

3100</th>

3101

3102 <td>

3103Components that have the same functionality within a set of Web pages are identified consistently. <em>

3104(Level AA)</em>

3105</td>

3106

3107 <td>

3108Fail</td>

3109

3110 </tr>

3111

3112 <tr class="evaluation fail">

3113

3114 <td>

3115</td>

3116

3117 <td>

3118</td>

3119

3120 <th>

3121<img src="../../img/howto.png" alt="">

3122 Failures</th>

3123

3124 <td colspan="2">

3125Components that have the same functionality within a set of Web pages are not identified at all</td>

3126

3127 </tr>

3128

3129 <tr class="criterion fail new_level">

3130

3131 <td>

3132</td>

3133

3134 <td>

31353.2.5</td>

3136

3137 <th>

3138<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-no-extreme-changes-context">

3139Change on Request</a>

3140</th>

3141

3142 <td>

3143Changes of context are initiated only by user request or a mechanism is available to turn off such changes. <em>

3144(Level AAA)</em>

3145</td>

3146

3147 <td>

3148Fail</td>

3149

3150 </tr>

3151

3152 <tr class="evaluation fail">

3153

3154 <td>

3155</td>

3156

3157 <td>

3158</td>

3159

3160 <th>

3161<img src="../../img/howto.png" alt="">

3162 Failures</th>

3163

3164 <td colspan="2">

3165Change of context without prior warning when the status of a select list is changed</td>

3166

3167 </tr>

3168

3169 <tr class="guideline fail">

3170

3171 <td>

3172</td>

3173

3174 <td>

31753.3</td>

3176

3177 <th>

3178<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error">

3179Input Assistance</a>

3180</th>

3181

3182 <td>

3183Help users avoid and correct mistakes.</td>

3184

3185 <td>

3186<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

3187</td>

3188

3189 </tr>

3190

3191 <tr class="criterion pass">

3192

3193 <td>

3194</td>

3195

3196 <td>

31973.3.1</td>

3198

3199 <th>

3200<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-identified">

3201Error Identification</a>

3202</th>

3203

3204 <td>

3205If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text. <em>

3206(Level A)</em>

3207</td>

3208

3209 <td>

3210Pass</td>

3211

3212 </tr>

3213

3214 <tr class="evaluation pass">

3215

3216 <td>

3217</td>

3218

3219 <td>

3220</td>

3221

3222 <th>

3223<img src="../../img/technique.png" alt="">

3224 Techniques</th>

3225

3226 <td colspan="2">

3227Pass due to no corresponding content</td>

3228

3229 </tr>

3230

3231 <tr class="criterion fail">

3232

3233 <td>

3234</td>

3235

3236 <td>

32373.3.2</td>

3238

3239 <th>

3240<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-cues">

3241Labels or Instructions</a>

3242</th>

3243

3244 <td>

3245Labels or instructions are provided when content requires user input. <em>

3246(Level A)</em>

3247</td>

3248

3249 <td>

3250Fail</td>

3251

3252 </tr>

3253

3254 <tr class="evaluation fail">

3255

3256 <td>

3257</td>

3258

3259 <td>

3260</td>

3261

3262 <th>

3263<img src="../../img/howto.png" alt="">

3264 Failures</th>

3265

3266 <td colspan="2">

3267Label is not provided for form control</td>

3268

3269 </tr>

3270

3271 <tr class="criterion pass new_level">

3272

3273 <td>

3274</td>

3275

3276 <td>

32773.3.3</td>

3278

3279 <th>

3280<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-suggestions">

3281Error Suggestion</a>

3282</th>

3283

3284 <td>

3285If an input error is automatically detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content. <em>

3286(Level AA)</em>

3287</td>

3288

3289 <td>

3290Pass</td>

3291

3292 </tr>

3293

3294 <tr class="evaluation pass">

3295

3296 <td>

3297</td>

3298

3299 <td>

3300</td>

3301

3302 <th>

3303<img src="../../img/technique.png" alt="">

3304 Techniques</th>

3305

3306 <td colspan="2">

3307Pass due to no corresponding content</td>

3308

3309 </tr>

3310

3311 <tr class="criterion pass">

3312

3313 <td>

3314</td>

3315

3316 <td>

33173.3.4</td>

3318

3319 <th>

3320<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-reversible">

3321Error Prevention (Legal, Financial, Data)</a>

3322</th>

3323

3324 <td>

3325For Web pages that cause legal commitments or financial transactions for the user to occur, that modify or delete user-controllable data in data storage systems, or that submit user test responses, at least one of the following is true: <em>

3326(Level AA)</em>

3327

3328 <div class="expand">

3329

3330 <ol>

3331

3332 <li>

3333<strong>

3334Reversible:</strong>

3335 Submissions are reversible.</li>

3336

3337 <li>

3338<strong>

3339Checked:</strong>

3340 Data entered by the user is checked for input errors and the user is provided an opportunity to correct them.</li>

3341

3342 <li>

3343<strong>

3344Confirmed:</strong>

3345 A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission.</li>

3346

3347 </ol>

3348

3349 </div>

3350

3351 </td>

3352

3353 <td>

3354Pass</td>

3355

3356 </tr>

3357

3358 <tr class="evaluation pass">

3359

3360 <td>

3361</td>

3362

3363 <td>

3364</td>

3365

3366 <th>

3367<img src="../../img/technique.png" alt="">

3368 Techniques</th>

3369

3370 <td colspan="2">

3371Pass due to no corresponding content</td>

3372

3373 </tr>

3374

3375 <tr class="criterion pass new_level">

3376

3377 <td>

3378</td>

3379

3380 <td>

33813.3.5</td>

3382

3383 <th>

3384<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-context-help">

3385Help</a>

3386</th>

3387

3388 <td>

3389Context-sensitive help is available. <em>

3390(Level AAA)</em>

3391</td>

3392

3393 <td>

3394Pass</td>

3395

3396 </tr>

3397

3398 <tr class="evaluation pass">

3399

3400 <td>

3401</td>

3402

3403 <td>

3404</td>

3405

3406 <th>

3407<img src="../../img/technique.png" alt="">

3408 Techniques</th>

3409

3410 <td colspan="2">

3411Pass due to no corresponding content</td>

3412

3413 </tr>

3414

3415 <tr class="criterion pass">

3416

3417 <td>

3418</td>

3419

3420 <td>

34213.3.6</td>

3422

3423 <th>

3424<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-reversible-all">

3425Error Prevention (All)</a>

3426</th>

3427

3428 <td>

3429For Web pages that require the user to submit information, at least one of the following is true: <em>

3430(Level AAA)</em>

3431

3432 <div class="expand">

3433

3434 <ol>

3435

3436 <li>

3437<strong>

3438Reversible:</strong>

3439 Submissions are reversible.</li>

3440

3441 <li>

3442<strong>

3443Checked:</strong>

3444 Data entered by the user is checked for input errors and the user is provided an opportunity to correct them.</li>

3445

3446 <li>

3447<strong>

3448Confirmed:</strong>

3449 A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission.</li>

3450

3451 </ol>

3452

3453 </div>

3454

3455 </td>

3456

3457 <td>

3458Pass</td>

3459

3460 </tr>

3461

3462 <tr class="evaluation pass">

3463

3464 <td>

3465</td>

3466

3467 <td>

3468</td>

3469

3470 <th>

3471<img src="../../img/technique.png" alt="">

3472 Techniques</th>

3473

3474 <td colspan="2">

3475Pass due to no corresponding content</td>

3476

3477 </tr>

3478

3479 </tbody>

3480

3481 </table>

3482

3483

3484 <h2>

3485<a name="robust" id="robust">

3486Robust</a>

3487</h2>

3488

3489 <table id="r" class="report">

3490

3491 <caption>

3492Conformance of Template to WCAG 2.0 - Robust</caption>

3493

3494 <col>

3495

3496 <col width="43">

3497

3498 <col width="125">

3499

3500 <col>

3501

3502 <col width="50">

3503

3504 <thead>

3505

3506 <tr>

3507

3508 <td>

3509</td>

3510

3511 <th>

3512#</th>

3513

3514 <th>

3515Title</th>

3516

3517 <th>

3518Description</th>

3519

3520 <th>

3521Result</th>

3522

3523 </tr>

3524

3525 </thead>

3526

3527 <tbody class="fail">

3528

3529 <tr class="guideline fail">

3530

3531 <td>

3532</td>

3533

3534 <td>

35354.1</td>

3536

3537 <th>

3538<a href="https://www.w3.org/WAI/WCAG20/quickref/#ensure-compat">

3539Compatible</a>

3540</th>

3541

3542 <td>

3543Maximize compatibility with current and future user agents, including assistive technologies.</td>

3544

3545 <td>

3546<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">

3547</td>

3548

3549 </tr>

3550

3551 <tr class="criterion fail">

3552

3553 <td>

3554</td>

3555

3556 <td>

35574.1.1</td>

3558

3559 <th>

3560<a href="https://www.w3.org/WAI/WCAG20/quickref/#ensure-compat-parses">

3561Parsing</a>

3562</th>

3563

3564 <td>

3565In content implemented using markup languages, elements have complete start and end tags, elements are nested according to their specifications, elements do not contain duplicate attributes, and any IDs are unique, except where the specifications allow these features. <em>

3566(Level A)</em>

3567

3568 <div class="expand">

3569

3570 <p>

3571<em>

3572Note:</em>

3573 Start and end tags that are missing a critical character in their formation, such as a closing angle bracket or a mismatched attribute value quotation mark are not complete.</p>

3574

3575 </div>

3576

3577 </td>

3578

3579 <td>

3580Fail</td>

3581

3582 </tr>

3583

3584 <tr class="evaluation fail">

3585

3586 <td>

3587</td>

3588

3589 <td>

3590</td>

3591

3592 <th>

3593<img src="../../img/howto.png" alt="">

3594 Failures</th>

3595

3596 <td colspan="2">

3597<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F70">

3598Failure F70</a>

3599 - Failure of Success Criterion 4.1.1 due to incorrect use of start and end tags or attribute markup</td>

3600

3601 </tr>

3602

3603 <tr class="criterion fail">

3604

3605 <td>

3606</td>

3607

3608 <td>

36094.1.2</td>

3610

3611 <th>

3612<a href="https://www.w3.org/WAI/WCAG20/quickref/#ensure-compat-rsv">

3613Name, Role, Value</a>

3614</th>

3615

3616 <td>

3617For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies. <em>

3618(Level A)</em>

3619

3620 <div class="expand">

3621

3622 <p>

3623<em>

3624Note:</em>

3625 This success criterion is primarily for Web authors who develop or script their own user interface components. For example, standard HTML controls already meet this success criterion when used according to specification.</p>

3626

3627 </div>

3628

3629 </td>

3630

3631 <td>

3632Fail</td>

3633

3634 </tr>

3635

3636 <tr class="evaluation fail">

3637

3638 <td>

3639</td>

3640

3641 <td>

3642</td>

3643

3644 <th>

3645<img src="../../img/howto.png" alt="">

3646 Failures</th>

3647

3648 <td colspan="2">

3649<ul>

3650

3651 <li>

3652<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F68">

3653Failure F68</a>

3654 - Failure of Success Criterion 1.3.1 and 4.1.2 due to the association of label and user interface controls not being programmatically determinable</li>

3655

3656 <li>

3657<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F79">

3658Failure F79</a>

3659 - Failure of Success Criterion 4.1.2 due to the focus state of a user interface component not being programmatically determinable or no notification of change of focus state available</li>

3660

3661 <li>

3662<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F89">

3663Failure F89</a>

3664 - Failure of 2.4.4, 2.4.9 and 4.1.2 due to using null alt on an image where the image is the only content in a link</li>

3665

3666 </ul>

3667</td>

3668

3669 </tr>

3670

3671 </tbody>

3672

3673 </table>

3674

3675 </div>

3676

3677 </div>

3678

3679 <div id="meta-footer" class="meta">

3680

3681 <hr>

3682

3683 <p>

3684<strong>

3685Status:</strong>

3686 20 February 2012 (see <a href="../../changelog.html">

3687changelog</a>

3688) <br>

3689Editors: <a href="https://www.w3.org/People/shadi/">

3690Shadi Abou-Zahra</a>

3691 and the <a href="https://www.w3.org/WAI/EO/">

3692Education and Outreach Working Group (EOWG)</a>

3693. <br>

3694Developed with support from <a href="https://www.w3.org/WAI/TIES/">

3695<acronym title="Web Accessibility Initiative: Training, Implementation, Education, Support">

3696WAI-TIES</acronym>

3697</a>

3698 and <a href="https://www.w3.org/WAI/WAI-AGE/">

3699<acronym title="Web Accessibility Initiative: Ageing Education and Harmonisation">

3700WAI-AGE</acronym>

3701</a>

3702 projects, co-funded by the European Commission <acronym title="Information Society Technologies">

3703IST</acronym>

3704 Programme. [see <a href="../../acks.html">

3705Acknowledgements</a>

3706]</p>

3707

3708 <p>

3709[<a href="https://www.w3.org/WAI/sitemap.html" shape="rect">

3710WAI Site Map</a>

3711] [<a href="https://www.w3.org/WAI/sitehelp.html" shape="rect">

3712Help with WAI Website</a>

3713] [<a href="https://www.w3.org/WAI/search.php" shape="rect">

3714Search</a>

3715] [<a href="https://www.w3.org/WAI/contacts" shape="rect">

3716Contacting WAI</a>

3717] <br>

3718<strong>

3719Feedback welcome to <a href="mailto:wai-eo-editors@w3.org" shape="rect">

3720wai-eo-editors@w3.org</a>

3721</strong>

3722 (a publicly archived list) or <a href="mailto:wai@w3.org" shape="rect">

3723wai@w3.org</a>

3724 (a WAI staff-only list).</p>

3725

3726 <div class="copyright">

3727<p>

3728<a rel="Copyright" href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">

3729Copyright</a>

3730 &copy; 2012 <a href="https://www.w3.org/">

3731<acronym title="World Wide Web Consortium">

3732W3C</acronym>

3733</a>

3734<sup>

3735&reg;</sup>

3736 (<a href="http://www.csail.mit.edu/">

3737<acronym title="Massachusetts Institute of Technology">

3738MIT</acronym>

3739</a>

3740, <a href="http://www.ercim.org/">

3741<acronym title="European Research Consortium for Informatics and Mathematics">

3742ERCIM</acronym>

3743</a>

3744, <a href="http://www.keio.ac.jp/">

3745Keio</a>

3746), All Rights Reserved. W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">

3747liability</a>

3748, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">

3749trademark</a>

3750, <a rel="Copyright" href="https://www.w3.org/Consortium/Legal/copyright-documents">

3751document use</a>

3752 and <a rel="Copyright" href="https://www.w3.org/Consortium/Legal/copyright-software">

3753software licensing</a>

3754 rules apply. Your interactions with this site are in accordance with our <a href="https://www.w3.org/Consortium/Legal/privacy-statement#Public">

3755public</a>

3756 and <a href="https://www.w3.org/Consortium/Legal/privacy-statement#Members">

3757Member</a>

3758 privacy statements.</p>

3759</div>

3760

3761 </div>

3762

3763 <script src="../../js/reportTable.js" type="text/javascript">

3764</script>

3765

3766 <script type="text/javascript">

3767

3768 window.onload = function () {

3769 var p = new reportTable();

3770 var o = new reportTable();

3771 var u = new reportTable();

3772 var r = new reportTable();

3773 p.setTable("p"); p.init();

3774 o.setTable("o"); o.init();

3775 u.setTable("u"); u.init();

3776 r.setTable("r"); r.init();

3777 }

3778 </script>

3779

3780 <!-- Piwik -->

3781

3782 <script type="text/javascript">

3783

3784 var _paq = _paq || [];

3785 _paq.push(["setDomains", ["*.www.w3.org/WAI"]]);

3786 _paq.push(['trackPageView']);

3787 _paq.push(['enableLinkTracking']);

3788 (function() {

3789 var u="//www.w3.org/analytics/piwik/";

3790 _paq.push(['setTrackerUrl', u+'piwik.php']);

3791 _paq.push(['setSiteId', 328]);

3792 var d=document, g=d.createElement('script'),

3793 s=d.getElementsByTagName('script')[0];

3794 g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js';

3795 s.parentNode.insertBefore(g,s);

3796 })();

3797 </script>

3798

3799 <noscript>

3800<p>

3801<img src="//www.w3.org/analytics/piwik/piwik.php?idsite=328"

3802 style="border:0;" alt="" />

3803</p>

3804</noscript>

3805

3806 <!-- End Piwik Code -->

3807

3808</body>

3809

3810</html>