Skip to Content

HTML Document

URL: https://www.w3.org/WAI/demos/bad/before/reports/news.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=MJ1LeESKggwn9Pfr5vFKp
Size: 80 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:  63 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 News Page 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 News Page 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 class="current">

59<span class="hidden">

60Current location: </span>

61News

62 <div class="subnav subnavreport">

63<ul>

64

65 <li class="inaccessible">

66<strong>

67Inaccessible:</strong>

68<a href="../news.html" class="page">

69<span class="hidden">

70Inaccessible </span>

71News Page</a>

72<a class="report current">

73<span class="hidden">

74Inaccessible News Page </span>

75 Report</a>

76</li>

77<li class="accessible">

78<strong>

79Accessible:</strong>

80<a href="../../after/news.html" class="page">

81<span class="hidden">

82Accessible </span>

83News Page</a>

84<a href="../../after/reports/news.html" class="report">

85<span class="hidden">

86Accessible News Page </span>

87 Report</a>

88</li>

89</ul>

90</div>

91

92 </li>

93

94 <li>

95<a href="tickets.html">

96Tickets</a>

97</li>

98

99 <li>

100<a href="survey.html">

101Survey</a>

102</li>

103

104 <li>

105<a href="template.html">

106Template</a>

107</li>

108

109 </ul>

110

111 </div>

112

113 </div>

114

115 <div id="page">

116

117 <div class="main">

118

119 <h2>

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

121Perceivable</a>

122</h2>

123

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

125

126 <caption>

127Conformance of News Page to WCAG 2.0 - Perceivable</caption>

128

129 <col>

130

131 <col width="43">

132

133 <col width="125">

134

135 <col>

136

137 <col width="50">

138

139 <thead>

140

141 <tr>

142

143 <td>

144</td>

145

146 <th>

147#</th>

148

149 <th>

150Title</th>

151

152 <th>

153Description</th>

154

155 <th>

156Result</th>

157

158 </tr>

159

160 </thead>

161

162 <tbody class="fail">

163

164 <tr class="guideline fail">

165

166 <td>

167</td>

168

169 <td>

1701.1</td>

171

172 <th>

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

174Text Alternatives</a>

175</th>

176

177 <td>

178Provide 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>

179

180 <td>

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

182</td>

183

184 </tr>

185

186 <tr class="criterion fail">

187

188 <td>

189</td>

190

191 <td>

1921.1.1</td>

193

194 <th>

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

196Non-text Content</a>

197</th>

198

199 <td>

200All 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>

201(Level A)</em>

202

203 <div class="expand">

204

205 <ul>

206

207 <li>

208<strong>

209Controls, Input:</strong>

210 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>

211

212 <li>

213<strong>

214Time-Based Media:</strong>

215 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>

216

217 <li>

218<strong>

219Test:</strong>

220 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>

221

222 <li>

223<strong>

224Sensory:</strong>

225 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>

226

227 <li>

228<strong>

229CAPTCHA:</strong>

230 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>

231

232 <li>

233<strong>

234Decoration, Formatting, Invisible:</strong>

235 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>

236

237 </ul>

238

239 </div>

240

241 </td>

242

243 <td>

244Fail</td>

245

246 </tr>

247

248 <tr class="evaluation fail">

249

250 <td>

251</td>

252

253 <td>

254</td>

255

256 <th>

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

258 Failures</th>

259

260 <td colspan="2">

261<ul>

262

263 <li>

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

265Failure F20</a>

266 - Failure of Success Criterion 1.1.1 and 4.1.2 due to not updating text alternatives when changes to non-text content occur</li>

267

268 <li>

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

270Failure F30</a>

271 - 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>

272

273 <li>

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

275Failure F38</a>

276 - 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>

277

278 <li>

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

280Failure F39</a>

281 - 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>

282

283 <li>

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

285Failure F65</a>

286 - 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>

287

288 <li>

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

290Failure F71</a>

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

292

293 </ul>

294</td>

295

296 </tr>

297

298 <tr class="guideline pass">

299

300 <td>

301</td>

302

303 <td>

3041.2</td>

305

306 <th>

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

308Time-based Media</a>

309</th>

310

311 <td>

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

313

314 <td>

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

316</td>

317

318 </tr>

319

320 <tr class="criterion pass">

321

322 <td>

323</td>

324

325 <td>

3261.2.1</td>

327

328 <th>

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

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

331</th>

332

333 <td>

334For 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>

335(Level A)</em>

336

337 <div class="expand">

338

339 <ul>

340

341 <li>

342<strong>

343Prerecorded Audio-only:</strong>

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

345

346 <li>

347<strong>

348Prerecorded Video-only:</strong>

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

350

351 </ul>

352

353 </div>

354

355 </td>

356

357 <td>

358Pass</td>

359

360 </tr>

361

362 <tr class="evaluation pass">

363

364 <td>

365</td>

366

367 <td>

368</td>

369

370 <th>

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

372 Techniques</th>

373

374 <td colspan="2">

375Pass due to no corresponding content</td>

376

377 </tr>

378

379 <tr class="criterion pass">

380

381 <td>

382</td>

383

384 <td>

3851.2.2</td>

386

387 <th>

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

389Captions (Prerecorded)</a>

390</th>

391

392 <td>

393Captions 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>

394(Level A)</em>

395</td>

396

397 <td>

398Pass</td>

399

400 </tr>

401

402 <tr class="evaluation pass">

403

404 <td>

405</td>

406

407 <td>

408</td>

409

410 <th>

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

412 Techniques</th>

413

414 <td colspan="2">

415Pass due to no corresponding content</td>

416

417 </tr>

418

419 <tr class="criterion pass">

420

421 <td>

422</td>

423

424 <td>

4251.2.3</td>

426

427 <th>

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

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

430</th>

431

432 <td>

433An 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>

434(Level A)</em>

435</td>

436

437 <td>

438Pass</td>

439

440 </tr>

441

442 <tr class="evaluation pass">

443

444 <td>

445</td>

446

447 <td>

448</td>

449

450 <th>

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

452 Techniques</th>

453

454 <td colspan="2">

455Pass due to no corresponding content</td>

456

457 </tr>

458

459 <tr class="criterion pass new_level">

460

461 <td>

462</td>

463

464 <td>

4651.2.4</td>

466

467 <th>

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

469Captions (Live)</a>

470</th>

471

472 <td>

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

474(Level AA)</em>

475</td>

476

477 <td>

478Pass</td>

479

480 </tr>

481

482 <tr class="evaluation pass">

483

484 <td>

485</td>

486

487 <td>

488</td>

489

490 <th>

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

492 Techniques</th>

493

494 <td colspan="2">

495Pass due to no corresponding content</td>

496

497 </tr>

498

499 <tr class="criterion pass">

500

501 <td>

502</td>

503

504 <td>

5051.2.5</td>

506

507 <th>

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

509Audio Description (Prerecorded)</a>

510</th>

511

512 <td>

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

514(Level AA)</em>

515</td>

516

517 <td>

518Pass</td>

519

520 </tr>

521

522 <tr class="evaluation pass">

523

524 <td>

525</td>

526

527 <td>

528</td>

529

530 <th>

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

532 Techniques</th>

533

534 <td colspan="2">

535Pass due to no corresponding content</td>

536

537 </tr>

538

539 <tr class="criterion pass new_level">

540

541 <td>

542</td>

543

544 <td>

5451.2.6</td>

546

547 <th>

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

549Sign Language (Prerecorded)</a>

550</th>

551

552 <td>

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

554(Level AAA)</em>

555</td>

556

557 <td>

558Pass</td>

559

560 </tr>

561

562 <tr class="evaluation pass">

563

564 <td>

565</td>

566

567 <td>

568</td>

569

570 <th>

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

572 Techniques</th>

573

574 <td colspan="2">

575Pass due to no corresponding content</td>

576

577 </tr>

578

579 <tr class="criterion pass">

580

581 <td>

582</td>

583

584 <td>

5851.2.7</td>

586

587 <th>

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

589Extended Audio Description (Prerecorded)</a>

590</th>

591

592 <td>

593Where 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>

594(Level AAA)</em>

595</td>

596

597 <td>

598Pass</td>

599

600 </tr>

601

602 <tr class="evaluation pass">

603

604 <td>

605</td>

606

607 <td>

608</td>

609

610 <th>

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

612 Techniques</th>

613

614 <td colspan="2">

615Pass due to no corresponding content</td>

616

617 </tr>

618

619 <tr class="criterion pass">

620

621 <td>

622</td>

623

624 <td>

6251.2.8</td>

626

627 <th>

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

629Media Alternative (Prerecorded)</a>

630</th>

631

632 <td>

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

634(Level AAA)</em>

635</td>

636

637 <td>

638Pass</td>

639

640 </tr>

641

642 <tr class="evaluation pass">

643

644 <td>

645</td>

646

647 <td>

648</td>

649

650 <th>

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

652 Techniques</th>

653

654 <td colspan="2">

655Pass due to no corresponding content</td>

656

657 </tr>

658

659 <tr class="criterion pass">

660

661 <td>

662</td>

663

664 <td>

6651.2.9</td>

666

667 <th>

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

669Audio-only (Live)</a>

670</th>

671

672 <td>

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

674(Level AAA)</em>

675</td>

676

677 <td>

678Pass</td>

679

680 </tr>

681

682 <tr class="evaluation pass">

683

684 <td>

685</td>

686

687 <td>

688</td>

689

690 <th>

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

692 Techniques</th>

693

694 <td colspan="2">

695Pass due to no corresponding content</td>

696

697 </tr>

698

699 <tr class="guideline fail">

700

701 <td>

702</td>

703

704 <td>

7051.3</td>

706

707 <th>

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

709Adaptable</a>

710</th>

711

712 <td>

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

714

715 <td>

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

717</td>

718

719 </tr>

720

721 <tr class="criterion fail">

722

723 <td>

724</td>

725

726 <td>

7271.3.1</td>

728

729 <th>

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

731Info and Relationships</a>

732 </th>

733

734 <td>

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

736(Level A)</em>

737</td>

738

739 <td>

740Fail</td>

741

742 </tr>

743

744 <tr class="evaluation fail">

745

746 <td>

747</td>

748

749 <td>

750</td>

751

752 <th>

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

754 Failures</th>

755

756 <td colspan="2">

757<ul>

758

759 <li>

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

761Failure F2</a>

762 - Failure of Success Criterion 1.3.1 due to using changes in text presentation to convey information without using the appropriate markup or text</li>

763

764 <li>

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

766Failure F43</a>

767 - Failure of Success Criterion 1.3.1 due to using structural markup in a way that does not represent relationships in the content</li>

768

769 <li>

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

771Failure F68</a>

772 - 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>

773

774 </ul>

775</td>

776

777 </tr>

778

779 <tr class="criterion fail">

780

781 <td>

782</td>

783

784 <td>

7851.3.2</td>

786

787 <th>

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

789Meaningful Sequence</a>

790</th>

791

792 <td>

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

794(Level A)</em>

795</td>

796

797 <td>

798Fail</td>

799

800 </tr>

801

802 <tr class="evaluation fail">

803

804 <td>

805</td>

806

807 <td>

808</td>

809

810 <th>

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

812 Failures</th>

813

814 <td colspan="2">

815<ul>

816

817 <li>

818Reading order of the content does not make sense when linearized</li>

819

820 <li>

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

822Failure F1</a>

823 - Failure of Success Criterion 1.3.2 due to changing the meaning of content by positioning information with CSS</li>

824

825 <li>

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

827Failure F49</a>

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

829

830 </ul>

831</td>

832

833 </tr>

834

835 <tr class="criterion pass">

836

837 <td>

838</td>

839

840 <td>

8411.3.3</td>

842

843 <th>

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

845Sensory Characteristics</a>

846</th>

847

848 <td>

849Instructions 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>

850(Level A)</em>

851

852 <div class="expand">

853

854 <p>

855<em>

856Note:</em>

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

858Guideline 1.3</a>

859.</p>

860

861 </div>

862

863 </td>

864

865 <td>

866Pass</td>

867

868 </tr>

869

870 <tr class="evaluation pass">

871

872 <td>

873</td>

874

875 <td>

876</td>

877

878 <th>

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

880 Techniques</th>

881

882 <td colspan="2">

883Pass due to no corresponding content</td>

884

885 </tr>

886

887 <tr class="guideline fail">

888

889 <td>

890</td>

891

892 <td>

8931.4</td>

894

895 <th>

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

897Distinguishable</a>

898</th>

899

900 <td>

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

902

903 <td>

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

905</td>

906

907 </tr>

908

909 <tr class="criterion fail">

910

911 <td>

912</td>

913

914 <td>

9151.4.1</td>

916

917 <th>

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

919Use of Color</a>

920</th>

921

922 <td>

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

924(Level A)</em>

925

926 <div class="expand">

927

928 <p>

929<em>

930Note:</em>

931 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">

932Guideline 1.3</a>

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

934

935 </div>

936

937 </td>

938

939 <td>

940Fail</td>

941

942 </tr>

943

944 <tr class="evaluation fail">

945

946 <td>

947</td>

948

949 <td>

950</td>

951

952 <th>

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

954 Failures</th>

955

956 <td colspan="2">

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

958Failure F73</a>

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

960

961 </tr>

962

963 <tr class="criterion pass">

964

965 <td>

966</td>

967

968 <td>

9691.4.2</td>

970

971 <th>

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

973Audio Control</a>

974</th>

975

976 <td>

977If 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>

978(Level A)</em>

979

980 <div class="expand">

981

982 <p>

983<em>

984Note:</em>

985 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">

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

987.</p>

988

989 </div>

990

991 </td>

992

993 <td>

994Pass</td>

995

996 </tr>

997

998 <tr class="evaluation pass">

999

1000 <td>

1001</td>

1002

1003 <td>

1004</td>

1005

1006 <th>

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

1008 Techniques</th>

1009

1010 <td colspan="2">

1011Pass due to no corresponding content</td>

1012

1013 </tr>

1014

1015 <tr class="criterion fail new_level">

1016

1017 <td>

1018</td>

1019

1020 <td>

10211.4.3</td>

1022

1023 <th>

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

1025Contrast (Minimum)</a>

1026</th>

1027

1028 <td>

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

1030(Level AA)</em>

1031

1032 <div class="expand">

1033

1034 <ul>

1035

1036 <li>

1037<strong>

1038Large Text:</strong>

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

1040

1041 <li>

1042<strong>

1043Incidental:</strong>

1044 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>

1045

1046 <li>

1047<strong>

1048Logotypes:</strong>

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

1050

1051 </ul>

1052

1053 </div>

1054

1055 </td>

1056

1057 <td>

1058Fail</td>

1059

1060 </tr>

1061

1062 <tr class="evaluation fail">

1063

1064 <td>

1065</td>

1066

1067 <td>

1068</td>

1069

1070 <th>

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

1072 Failures</th>

1073

1074 <td colspan="2">

1075<ul>

1076

1077 <li>

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

1079

1080 <li>

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

1082Failure F24</a>

1083 - 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>

1084

1085 </ul>

1086</td>

1087

1088 </tr>

1089

1090 <tr class="criterion pass">

1091

1092 <td>

1093</td>

1094

1095 <td>

10961.4.4</td>

1097

1098 <th>

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

1100Resize text</a>

1101</th>

1102

1103 <td>

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

1105(Level AA)</em>

1106</td>

1107

1108 <td>

1109Pass</td>

1110

1111 </tr>

1112

1113 <tr class="evaluation pass">

1114

1115 <td>

1116</td>

1117

1118 <td>

1119</td>

1120

1121 <th>

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

1123 Techniques</th>

1124

1125 <td colspan="2">

1126<ul>

1127

1128 <li>

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

1130Technique G142</a>

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

1132

1133 <li>

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

1135Technique G179</a>

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

1137

1138 </ul>

1139</td>

1140

1141 </tr>

1142

1143 <tr class="criterion fail">

1144

1145 <td>

1146</td>

1147

1148 <td>

11491.4.5</td>

1150

1151 <th>

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

1153Images of Text</a>

1154</th>

1155

1156 <td>

1157If 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>

1158(Level AA)</em>

1159

1160 <div class="expand">

1161

1162 <ul>

1163

1164 <li>

1165<strong>

1166Customizable:</strong>

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

1168

1169 <li>

1170<strong>

1171Essential:</strong>

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

1173

1174 </ul>

1175

1176 <p>

1177<em>

1178Note:</em>

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

1180

1181 </div>

1182

1183 </td>

1184

1185 <td>

1186Fail</td>

1187

1188 </tr>

1189

1190 <tr class="evaluation fail">

1191

1192 <td>

1193</td>

1194

1195 <td>

1196</td>

1197

1198 <th>

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

1200 Failures</th>

1201

1202 <td colspan="2">

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

1204

1205 </tr>

1206

1207 <tr class="criterion fail new_level">

1208

1209 <td>

1210</td>

1211

1212 <td>

12131.4.6</td>

1214

1215 <th>

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

1217Contrast (Enhanced)</a>

1218</th>

1219

1220 <td>

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

1222(Level AAA)</em>

1223

1224 <div class="expand">

1225

1226 <ul>

1227

1228 <li>

1229<strong>

1230Large Text:</strong>

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

1232

1233 <li>

1234<strong>

1235Incidental:</strong>

1236 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>

1237

1238 <li>

1239<strong>

1240Logotypes:</strong>

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

1242

1243 </ul>

1244

1245 </div>

1246

1247 </td>

1248

1249 <td>

1250Fail</td>

1251

1252 </tr>

1253

1254 <tr class="evaluation fail">

1255

1256 <td>

1257</td>

1258

1259 <td>

1260</td>

1261

1262 <th>

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

1264 Failures</th>

1265

1266 <td colspan="2">

1267<ul>

1268

1269 <li>

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

1271

1272 <li>

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

1274Failure F24</a>

1275 - 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>

1276

1277 </ul>

1278</td>

1279

1280 </tr>

1281

1282 <tr class="criterion pass">

1283

1284 <td>

1285</td>

1286

1287 <td>

12881.4.7</td>

1289

1290 <th>

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

1292Low or No Background Audio</a>

1293</th>

1294

1295 <td>

1296For 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>

1297(Level AAA)</em>

1298

1299 <div class="expand">

1300

1301 <ul>

1302

1303 <li>

1304<strong>

1305No Background:</strong>

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

1307

1308 <li>

1309<strong>

1310Turn Off:</strong>

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

1312

1313 <li>

1314<strong>

131520 dB:</strong>

1316 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>

1317

1318 </ul>

1319

1320 <p>

1321<em>

1322Note:</em>

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

1324

1325 </div>

1326

1327 </td>

1328

1329 <td>

1330Pass</td>

1331

1332 </tr>

1333

1334 <tr class="evaluation pass">

1335

1336 <td>

1337</td>

1338

1339 <td>

1340</td>

1341

1342 <th>

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

1344 Techniques</th>

1345

1346 <td colspan="2">

1347Pass due to no corresponding content</td>

1348

1349 </tr>

1350

1351 <tr class="criterion fail">

1352

1353 <td>

1354</td>

1355

1356 <td>

13571.4.8</td>

1358

1359 <th>

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

1361Visual Presentation</a>

1362</th>

1363

1364 <td>

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

1366(Level AAA)</em>

1367

1368 <div class="expand">

1369

1370 <ol>

1371

1372 <li>

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

1374

1375 <li>

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

1377

1378 <li>

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

1380

1381 <li>

1382line 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>

1383

1384 <li>

1385text 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>

1386

1387 </ol>

1388

1389 </div>

1390

1391 </td>

1392

1393 <td>

1394Fail</td>

1395

1396 </tr>

1397

1398 <tr class="evaluation fail">

1399

1400 <td>

1401</td>

1402

1403 <td>

1404</td>

1405

1406 <th>

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

1408 Failures</th>

1409

1410 <td colspan="2">

1411<ul>

1412

1413 <li>

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

1415Failure F24</a>

1416 - 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>

1417

1418 </ul>

1419</td>

1420

1421 </tr>

1422

1423 <tr class="criterion fail">

1424

1425 <td>

1426</td>

1427

1428 <td>

14291.4.9</td>

1430

1431 <th>

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

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

1434</th>

1435

1436 <td>

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

1438(Level AAA)</em>

1439

1440 <div class="expand">

1441

1442 <p>

1443<em>

1444Note:</em>

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

1446

1447 </div>

1448

1449 </td>

1450

1451 <td>

1452Fail</td>

1453

1454 </tr>

1455

1456 <tr class="evaluation fail">

1457

1458 <td>

1459</td>

1460

1461 <td>

1462</td>

1463

1464 <th>

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

1466 Failures</th>

1467

1468 <td colspan="2">

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

1470

1471 </tr>

1472

1473 </tbody>

1474

1475 </table>

1476

1477

1478 <h2>

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

1480Operable</a>

1481</h2>

1482

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

1484

1485 <caption>

1486Conformance of News Page to WCAG 2.0 - Operable</caption>

1487

1488 <col>

1489

1490 <col width="43">

1491

1492 <col width="125">

1493

1494 <col>

1495

1496 <col width="50">

1497

1498 <thead>

1499

1500 <tr>

1501

1502 <td>

1503</td>

1504

1505 <th>

1506#</th>

1507

1508 <th>

1509Title</th>

1510

1511 <th>

1512Description</th>

1513

1514 <th>

1515Result</th>

1516

1517 </tr>

1518

1519 </thead>

1520

1521 <tbody class="fail">

1522

1523 <tr class="guideline fail">

1524

1525 <td>

1526</td>

1527

1528 <td>

15292.1</td>

1530

1531 <th>

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

1533Keyboard Accessible</a>

1534</th>

1535

1536 <td>

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

1538

1539 <td>

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

1541</td>

1542

1543 </tr>

1544

1545 <tr class="criterion fail">

1546

1547 <td>

1548</td>

1549

1550 <td>

15512.1.1</td>

1552

1553 <th>

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

1555Keyboard</a>

1556</th>

1557

1558 <td>

1559All 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>

1560(Level A)</em>

1561

1562 <div class="expand">

1563

1564 <p>

1565<em>

1566Note 1:</em>

1567 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>

1568

1569 <p>

1570<em>

1571Note 2:</em>

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

1573

1574 </div>

1575

1576 </td>

1577

1578 <td>

1579Fail</td>

1580

1581 </tr>

1582

1583 <tr class="evaluation fail">

1584

1585 <td>

1586</td>

1587

1588 <td>

1589</td>

1590

1591 <th>

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

1593 Failures</th>

1594

1595 <td colspan="2">

1596<ul>

1597

1598 <li>

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

1600Failure F54</a>

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

1602

1603 <li>

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

1605Failure F55</a>

1606 - 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>

1607

1608 </ul>

1609</td>

1610

1611 </tr>

1612

1613 <tr class="criterion pass">

1614

1615 <td>

1616</td>

1617

1618 <td>

16192.1.2</td>

1620

1621 <th>

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

1623No Keyboard Trap</a>

1624</th>

1625

1626 <td>

1627If 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>

1628(Level A)</em>

1629

1630 <div class="expand">

1631

1632 <p>

1633<em>

1634Note:</em>

1635 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">

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

1637.</p>

1638

1639 </div>

1640

1641 </td>

1642

1643 <td>

1644Pass</td>

1645

1646 </tr>

1647

1648 <tr class="evaluation pass">

1649

1650 <td>

1651</td>

1652

1653 <td>

1654</td>

1655

1656 <th>

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

1658 Techniques</th>

1659

1660 <td colspan="2">

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

1662Technique G21</a>

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

1664

1665 </tr>

1666

1667 <tr class="criterion fail new_level">

1668

1669 <td>

1670</td>

1671

1672 <td>

16732.1.3</td>

1674

1675 <th>

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

1677Keyboard (No Exception)</a>

1678</th>

1679

1680 <td>

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

1682(Level AAA)</em>

1683</td>

1684

1685 <td>

1686Fail</td>

1687

1688 </tr>

1689

1690 <tr class="evaluation fail">

1691

1692 <td>

1693</td>

1694

1695 <td>

1696</td>

1697

1698 <th>

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

1700 Failures</th>

1701

1702 <td colspan="2">

1703<ul>

1704

1705 <li>

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

1707Failure F54</a>

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

1709

1710 <li>

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

1712Failure F55</a>

1713 - 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>

1714

1715 </ul>

1716</td>

1717

1718 </tr>

1719

1720 <tr class="guideline pass">

1721

1722 <td>

1723</td>

1724

1725 <td>

17262.2</td>

1727

1728 <th>

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

1730Enough Time</a>

1731</th>

1732

1733 <td>

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

1735

1736 <td>

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

1738</td>

1739

1740 </tr>

1741

1742 <tr class="criterion pass">

1743

1744 <td>

1745</td>

1746

1747 <td>

17482.2.1</td>

1749

1750 <th>

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

1752Timing Adjustable</a>

1753</th>

1754

1755 <td>

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

1757(Level A)</em>

1758

1759 <div class="expand">

1760

1761 <ul>

1762

1763 <li>

1764<strong>

1765Turn off:</strong>

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

1767

1768 <li>

1769<strong>

1770Adjust:</strong>

1771 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>

1772

1773 <li>

1774<strong>

1775Extend:</strong>

1776 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>

1777

1778 <li>

1779<strong>

1780Real-time Exception:</strong>

1781 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>

1782

1783 <li>

1784<strong>

1785Essential Exception:</strong>

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

1787

1788 <li>

1789<strong>

179020 Hour Exception:</strong>

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

1792

1793 </ul>

1794

1795 <p>

1796<em>

1797Note:</em>

1798 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">

1799Success Criterion 3.2.1</a>

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

1801

1802 </div>

1803

1804 </td>

1805

1806 <td>

1807Pass</td>

1808

1809 </tr>

1810

1811 <tr class="evaluation pass">

1812

1813 <td>

1814</td>

1815

1816 <td>

1817</td>

1818

1819 <th>

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

1821 Techniques</th>

1822

1823 <td colspan="2">

1824Pass due to no corresponding content</td>

1825

1826 </tr>

1827

1828 <tr class="criterion pass">

1829

1830 <td>

1831</td>

1832

1833 <td>

18342.2.2</td>

1835

1836 <th>

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

1838Pause, Stop, Hide</a>

1839</th>

1840

1841 <td>

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

1843(Level A)</em>

1844

1845 <div class="expand">

1846

1847 <ul>

1848

1849 <li>

1850<strong>

1851Moving, blinking, scrolling:</strong>

1852 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>

1853

1854 <li>

1855<strong>

1856Auto-updating:</strong>

1857 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>

1858

1859 </ul>

1860

1861 <p>

1862<em>

1863Note 1:</em>

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

1865Guideline 2.3</a>

1866.</p>

1867

1868 <p>

1869<em>

1870Note 2:</em>

1871 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">

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

1873.</p>

1874

1875 <p>

1876<em>

1877Note 3:</em>

1878 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>

1879

1880 <p>

1881<em>

1882Note 4:</em>

1883 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>

1884

1885 </div>

1886

1887 </td>

1888

1889 <td>

1890Pass</td>

1891

1892 </tr>

1893

1894 <tr class="evaluation pass">

1895

1896 <td>

1897</td>

1898

1899 <td>

1900</td>

1901

1902 <th>

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

1904 Techniques</th>

1905

1906 <td colspan="2">

1907Pass due to no corresponding content</td>

1908

1909 </tr>

1910

1911 <tr class="criterion pass new_level">

1912

1913 <td>

1914</td>

1915

1916 <td>

19172.2.3</td>

1918

1919 <th>

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

1921No Timing</a>

1922</th>

1923

1924 <td>

1925Timing 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>

1926(Level AAA)</em>

1927</td>

1928

1929 <td>

1930Pass</td>

1931

1932 </tr>

1933

1934 <tr class="evaluation pass">

1935

1936 <td>

1937</td>

1938

1939 <td>

1940</td>

1941

1942 <th>

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

1944 Techniques</th>

1945

1946 <td colspan="2">

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

1948Technique G5</a>

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

1950

1951 </tr>

1952

1953 <tr class="criterion pass">

1954

1955 <td>

1956</td>

1957

1958 <td>

19592.2.4</td>

1960

1961 <th>

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

1963Interruptions</a>

1964</th>

1965

1966 <td>

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

1968(Level AAA)</em>

1969</td>

1970

1971 <td>

1972Pass</td>

1973

1974 </tr>

1975

1976 <tr class="evaluation pass">

1977

1978 <td>

1979</td>

1980

1981 <td>

1982</td>

1983

1984 <th>

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

1986 Techniques</th>

1987

1988 <td colspan="2">

1989Pass due to no corresponding content</td>

1990

1991 </tr>

1992

1993 <tr class="criterion pass">

1994

1995 <td>

1996</td>

1997

1998 <td>

19992.2.5</td>

2000

2001 <th>

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

2003Re-authenticating</a>

2004</th>

2005

2006 <td>

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

2008(Level AAA)</em>

2009</td>

2010

2011 <td>

2012Pass</td>

2013

2014 </tr>

2015

2016 <tr class="evaluation pass">

2017

2018 <td>

2019</td>

2020

2021 <td>

2022</td>

2023

2024 <th>

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

2026 Techniques</th>

2027

2028 <td colspan="2">

2029Pass due to no corresponding content</td>

2030

2031 </tr>

2032

2033 <tr class="guideline pass">

2034

2035 <td>

2036</td>

2037

2038 <td>

20392.3</td>

2040

2041 <th>

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

2043Seizures</a>

2044</th>

2045

2046 <td>

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

2048

2049 <td>

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

2051</td>

2052

2053 </tr>

2054

2055 <tr class="criterion pass">

2056

2057 <td>

2058</td>

2059

2060 <td>

20612.3.1</td>

2062

2063 <th>

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

2065Three Flashes or Below Threshold</a>

2066</th>

2067

2068 <td>

2069Web 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>

2070(Level A)</em>

2071

2072 <div class="expand">

2073

2074 <p>

2075<em>

2076Note:</em>

2077 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">

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

2079.</p>

2080

2081 </div>

2082

2083 </td>

2084

2085 <td>

2086Pass</td>

2087

2088 </tr>

2089

2090 <tr class="evaluation pass">

2091

2092 <td>

2093</td>

2094

2095 <td>

2096</td>

2097

2098 <th>

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

2100 Techniques</th>

2101

2102 <td colspan="2">

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

2104Technique G19</a>

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

2106

2107 </tr>

2108

2109 <tr class="criterion pass new_level">

2110

2111 <td>

2112</td>

2113

2114 <td>

21152.3.2</td>

2116

2117 <th>

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

2119Three Flashes</a>

2120</th>

2121

2122 <td>

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

2124(Level AAA)</em>

2125</td>

2126

2127 <td>

2128Pass</td>

2129

2130 </tr>

2131

2132 <tr class="evaluation pass">

2133

2134 <td>

2135</td>

2136

2137 <td>

2138</td>

2139

2140 <th>

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

2142 Techniques</th>

2143

2144 <td colspan="2">

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

2146Technique G19</a>

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

2148

2149 </tr>

2150

2151 <tr class="guideline fail">

2152

2153 <td>

2154</td>

2155

2156 <td>

21572.4</td>

2158

2159 <th>

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

2161Navigable</a>

2162</th>

2163

2164 <td>

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

2166

2167 <td>

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

2169</td>

2170

2171 </tr>

2172

2173 <tr class="criterion fail">

2174

2175 <td>

2176</td>

2177

2178 <td>

21792.4.1</td>

2180

2181 <th>

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

2183Bypass Blocks</a>

2184</th>

2185

2186 <td>

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

2188(Level A)</em>

2189</td>

2190

2191 <td>

2192Fail</td>

2193

2194 </tr>

2195

2196 <tr class="evaluation fail">

2197

2198 <td>

2199</td>

2200

2201 <td>

2202</td>

2203

2204 <th>

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

2206 Failures</th>

2207

2208 <td colspan="2">

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

2210

2211 </tr>

2212

2213 <tr class="criterion fail">

2214

2215 <td>

2216</td>

2217

2218 <td>

22192.4.2</td>

2220

2221 <th>

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

2223Page Titled</a>

2224</th>

2225

2226 <td>

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

2228(Level A)</em>

2229</td>

2230

2231 <td>

2232Fail</td>

2233

2234 </tr>

2235

2236 <tr class="evaluation fail">

2237

2238 <td>

2239</td>

2240

2241 <td>

2242</td>

2243

2244 <th>

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

2246 Failures</th>

2247

2248 <td colspan="2">

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

2250Failure F25</a>

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

2252

2253 </tr>

2254

2255 <tr class="criterion pass">

2256

2257 <td>

2258</td>

2259

2260 <td>

22612.4.3</td>

2262

2263 <th>

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

2265Focus Order</a>

2266</th>

2267

2268 <td>

2269If 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>

2270(Level A)</em>

2271</td>

2272

2273 <td>

2274Pass</td>

2275

2276 </tr>

2277

2278 <tr class="evaluation pass">

2279

2280 <td>

2281</td>

2282

2283 <td>

2284</td>

2285

2286 <th>

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

2288 Techniques</th>

2289

2290 <td colspan="2">

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

2292Technique G59</a>

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

2294

2295 </tr>

2296

2297 <tr class="criterion fail">

2298

2299 <td>

2300</td>

2301

2302 <td>

23032.4.4</td>

2304

2305 <th>

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

2307Link Purpose (In Context)</a>

2308</th>

2309

2310 <td>

2311The 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>

2312(Level A)</em>

2313</td>

2314

2315 <td>

2316Fail</td>

2317

2318 </tr>

2319

2320 <tr class="evaluation fail">

2321

2322 <td>

2323</td>

2324

2325 <td>

2326</td>

2327

2328 <th>

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

2330 Failures</th>

2331

2332 <td colspan="2">

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

2334Failure F89</a>

2335 - 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</td>

2336

2337 </tr>

2338

2339 <tr class="criterion pass new_level">

2340

2341 <td>

2342</td>

2343

2344 <td>

23452.4.5</td>

2346

2347 <th>

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

2349Multiple Ways</a>

2350</th>

2351

2352 <td>

2353More 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>

2354(Level AA)</em>

2355</td>

2356

2357 <td>

2358Pass</td>

2359

2360 </tr>

2361

2362 <tr class="evaluation pass">

2363

2364 <td>

2365</td>

2366

2367 <td>

2368</td>

2369

2370 <th>

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

2372 Techniques</th>

2373

2374 <td colspan="2">

2375<ul>

2376

2377 <li>

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

2379Technique G125</a>

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

2381

2382 <li>

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

2384Technique G126</a>

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

2386

2387 <li>

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

2389Technique G185</a>

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

2391

2392 </ul>

2393</td>

2394

2395 </tr>

2396

2397 <tr class="criterion fail">

2398

2399 <td>

2400</td>

2401

2402 <td>

24032.4.6</td>

2404

2405 <th>

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

2407Headings and Labels</a>

2408</th>

2409

2410 <td>

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

2412(Level AA)</em>

2413</td>

2414

2415 <td>

2416Fail</td>

2417

2418 </tr>

2419

2420 <tr class="evaluation fail">

2421

2422 <td>

2423</td>

2424

2425 <td>

2426</td>

2427

2428 <th>

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

2430 Failures</th>

2431

2432 <td colspan="2">

2433Headings are not programmatically determined</td>

2434

2435 </tr>

2436

2437 <tr class="criterion fail">

2438

2439 <td>

2440</td>

2441

2442 <td>

24432.4.7</td>

2444

2445 <th>

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

2447Focus Visible</a>

2448</th>

2449

2450 <td>

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

2452(Level AA)</em>

2453</td>

2454

2455 <td>

2456Fail</td>

2457

2458 </tr>

2459

2460 <tr class="evaluation fail">

2461

2462 <td>

2463</td>

2464

2465 <td>

2466</td>

2467

2468 <th>

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

2470 Failures</th>

2471

2472 <td colspan="2">

2473<ul>

2474

2475 <li>

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

2477Failure F55</a>

2478 - 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>

2479

2480 <li>

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

2482Failure F78</a>

2483 - 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>

2484

2485 </ul>

2486</td>

2487

2488 </tr>

2489

2490 <tr class="criterion fail new_level">

2491

2492 <td>

2493</td>

2494

2495 <td>

24962.4.8</td>

2497

2498 <th>

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

2500Location</a>

2501</th>

2502

2503 <td>

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

2505(Level AAA)</em>

2506</td>

2507

2508 <td>

2509Fail</td>

2510

2511 </tr>

2512

2513 <tr class="evaluation fail">

2514

2515 <td>

2516</td>

2517

2518 <td>

2519</td>

2520

2521 <th>

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

2523 Failures</th>

2524

2525 <td colspan="2">

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

2527

2528 </tr>

2529

2530 <tr class="criterion fail">

2531

2532 <td>

2533</td>

2534

2535 <td>

25362.4.9</td>

2537

2538 <th>

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

2540Link Purpose (Link Only)</a>

2541</th>

2542

2543 <td>

2544A 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>

2545(Level AAA)</em>

2546</td>

2547

2548 <td>

2549Fail</td>

2550

2551 </tr>

2552

2553 <tr class="evaluation fail">

2554

2555 <td>

2556</td>

2557

2558 <td>

2559</td>

2560

2561 <th>

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

2563 Failures</th>

2564

2565 <td colspan="2">

2566<ul>

2567

2568 <li>

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

2570Failure F84</a>

2571 - 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>

2572

2573 <li>

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

2575Failure F89</a>

2576 - 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>

2577

2578 </ul>

2579</td>

2580

2581 </tr>

2582

2583 <tr class="criterion fail">

2584

2585 <td>

2586</td>

2587

2588 <td>

25892.4.10</td>

2590

2591 <th>

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

2593Section Headings</a>

2594</th>

2595

2596 <td>

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

2598(Level AAA)</em>

2599

2600 <div class="expand">

2601

2602 <p>

2603<em>

2604Note 1:</em>

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

2606

2607 <p>

2608<em>

2609Note 2:</em>

2610 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">

2611Success Criterion 4.1.2</a>

2612.</p>

2613

2614 </div>

2615

2616 </td>

2617

2618 <td>

2619Fail</td>

2620

2621 </tr>

2622

2623 <tr class="evaluation fail">

2624

2625 <td>

2626</td>

2627

2628 <td>

2629</td>

2630

2631 <th>

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

2633 Failures</th>

2634

2635 <td colspan="2">

2636Headings are not programmatically determined</td>

2637

2638 </tr>

2639

2640 </tbody>

2641

2642 </table>

2643

2644

2645 <h2>

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

2647Understandable</a>

2648</h2>

2649

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

2651

2652 <caption>

2653Conformance of News Page to WCAG 2.0 - Understandable</caption>

2654

2655 <col>

2656

2657 <col width="43">

2658

2659 <col width="125">

2660

2661 <col>

2662

2663 <col width="50">

2664

2665 <thead>

2666

2667 <tr>

2668

2669 <td>

2670</td>

2671

2672 <th>

2673#</th>

2674

2675 <th>

2676Title</th>

2677

2678 <th>

2679Description</th>

2680

2681 <th>

2682Result</th>

2683

2684 </tr>

2685

2686 </thead>

2687

2688 <tbody class="fail">

2689

2690 <tr class="guideline fail">

2691

2692 <td>

2693</td>

2694

2695 <td>

26963.1</td>

2697

2698 <th>

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

2700Readable</a>

2701</th>

2702

2703 <td>

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

2705

2706 <td>

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

2708</td>

2709

2710 </tr>

2711

2712 <tr class="criterion fail">

2713

2714 <td>

2715</td>

2716

2717 <td>

27183.1.1</td>

2719

2720 <th>

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

2722Language of Page</a>

2723</th>

2724

2725 <td>

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

2727(Level A)</em>

2728</td>

2729

2730 <td>

2731Fail</td>

2732

2733 </tr>

2734

2735 <tr class="evaluation fail">

2736

2737 <td>

2738</td>

2739

2740 <td>

2741</td>

2742

2743 <th>

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

2745 Failures</th>

2746

2747 <td colspan="2">

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

2749

2750 </tr>

2751

2752 <tr class="criterion pass new_level">

2753

2754 <td>

2755</td>

2756

2757 <td>

27583.1.2</td>

2759

2760 <th>

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

2762Language of Parts</a>

2763</th>

2764

2765 <td>

2766The 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>

2767(Level AA)</em>

2768</td>

2769

2770 <td>

2771Pass</td>

2772

2773 </tr>

2774

2775 <tr class="evaluation pass">

2776

2777 <td>

2778</td>

2779

2780 <td>

2781</td>

2782

2783 <th>

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

2785 Techniques</th>

2786

2787 <td colspan="2">

2788Pass due to no corresponding content</td>

2789

2790 </tr>

2791

2792 <tr class="criterion pass new_level">

2793

2794 <td>

2795</td>

2796

2797 <td>

27983.1.3</td>

2799

2800 <th>

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

2802Unusual Words</a>

2803</th>

2804

2805 <td>

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

2807(Level AAA)</em>

2808</td>

2809

2810 <td>

2811Pass</td>

2812

2813 </tr>

2814

2815 <tr class="evaluation pass">

2816

2817 <td>

2818</td>

2819

2820 <td>

2821</td>

2822

2823 <th>

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

2825 Techniques</th>

2826

2827 <td colspan="2">

2828Pass due to no corresponding content</td>

2829

2830 </tr>

2831

2832 <tr class="criterion pass">

2833

2834 <td>

2835</td>

2836

2837 <td>

28383.1.4</td>

2839

2840 <th>

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

2842Abbreviations</a>

2843</th>

2844

2845 <td>

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

2847(Level AAA)</em>

2848</td>

2849

2850 <td>

2851Pass</td>

2852

2853 </tr>

2854

2855 <tr class="evaluation pass">

2856

2857 <td>

2858</td>

2859

2860 <td>

2861</td>

2862

2863 <th>

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

2865 Techniques</th>

2866

2867 <td colspan="2">

2868Pass due to no corresponding content</td>

2869

2870 </tr>

2871

2872 <tr class="criterion pass">

2873

2874 <td>

2875</td>

2876

2877 <td>

28783.1.5</td>

2879

2880 <th>

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

2882Reading Level</a>

2883</th>

2884

2885 <td>

2886When 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>

2887(Level AAA)</em>

2888</td>

2889

2890 <td>

2891Pass</td>

2892

2893 </tr>

2894

2895 <tr class="evaluation pass">

2896

2897 <td>

2898</td>

2899

2900 <td>

2901</td>

2902

2903 <th>

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

2905 Techniques</th>

2906

2907 <td colspan="2">

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

2909Technique G153</a>

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

2911

2912 </tr>

2913

2914 <tr class="criterion pass">

2915

2916 <td>

2917</td>

2918

2919 <td>

29203.1.6</td>

2921

2922 <th>

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

2924Pronunciation</a>

2925</th>

2926

2927 <td>

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

2929(Level AAA)</em>

2930</td>

2931

2932 <td>

2933Pass</td>

2934

2935 </tr>

2936

2937 <tr class="evaluation pass">

2938

2939 <td>

2940</td>

2941

2942 <td>

2943</td>

2944

2945 <th>

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

2947 Techniques</th>

2948

2949 <td colspan="2">

2950Pass due to no corresponding content</td>

2951

2952 </tr>

2953

2954 <tr class="guideline fail">

2955

2956 <td>

2957</td>

2958

2959 <td>

29603.2</td>

2961

2962 <th>

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

2964Predictable</a>

2965</th>

2966

2967 <td>

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

2969

2970 <td>

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

2972</td>

2973

2974 </tr>

2975

2976 <tr class="criterion fail">

2977

2978 <td>

2979</td>

2980

2981 <td>

29823.2.1</td>

2983

2984 <th>

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

2986On Focus</a>

2987</th>

2988

2989 <td>

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

2991(Level A)</em>

2992</td>

2993

2994 <td>

2995Fail</td>

2996

2997 </tr>

2998

2999 <tr class="evaluation fail">

3000

3001 <td>

3002</td>

3003

3004 <td>

3005</td>

3006

3007 <th>

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

3009 Failures</th>

3010

3011 <td colspan="2">

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

3013Failure F55</a>

3014 - 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>

3015

3016 </tr>

3017

3018 <tr class="criterion fail">

3019

3020 <td>

3021</td>

3022

3023 <td>

30243.2.2</td>

3025

3026 <th>

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

3028On Input</a>

3029</th>

3030

3031 <td>

3032Changing 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>

3033(Level A)</em>

3034</td>

3035

3036 <td>

3037Fail</td>

3038

3039 </tr>

3040

3041 <tr class="evaluation fail">

3042

3043 <td>

3044</td>

3045

3046 <td>

3047</td>

3048

3049 <th>

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

3051 Failures</th>

3052

3053 <td colspan="2">

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

3055

3056 </tr>

3057

3058 <tr class="criterion pass new_level">

3059

3060 <td>

3061</td>

3062

3063 <td>

30643.2.3</td>

3065

3066 <th>

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

3068Consistent Navigation</a>

3069</th>

3070

3071 <td>

3072Navigational 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>

3073(Level AA)</em>

3074</td>

3075

3076 <td>

3077Pass</td>

3078

3079 </tr>

3080

3081 <tr class="evaluation pass">

3082

3083 <td>

3084</td>

3085

3086 <td>

3087</td>

3088

3089 <th>

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

3091 Techniques</th>

3092

3093 <td colspan="2">

3094<p>

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

3096Technique G61</a>

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

3098

3099 <p>

3100<strong>

3101Advisory Techniques</strong>

3102</p>

3103

3104 <ul>

3105

3106 <li>

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

3108

3109 </ul>

3110</td>

3111

3112 </tr>

3113

3114 <tr class="criterion fail">

3115

3116 <td>

3117</td>

3118

3119 <td>

31203.2.4</td>

3121

3122 <th>

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

3124Consistent Identification</a>

3125</th>

3126

3127 <td>

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

3129(Level AA)</em>

3130</td>

3131

3132 <td>

3133Fail</td>

3134

3135 </tr>

3136

3137 <tr class="evaluation fail">

3138

3139 <td>

3140</td>

3141

3142 <td>

3143</td>

3144

3145 <th>

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

3147 Failures</th>

3148

3149 <td colspan="2">

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

3151

3152 </tr>

3153

3154 <tr class="criterion fail new_level">

3155

3156 <td>

3157</td>

3158

3159 <td>

31603.2.5</td>

3161

3162 <th>

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

3164Change on Request</a>

3165</th>

3166

3167 <td>

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

3169(Level AAA)</em>

3170</td>

3171

3172 <td>

3173Fail</td>

3174

3175 </tr>

3176

3177 <tr class="evaluation fail">

3178

3179 <td>

3180</td>

3181

3182 <td>

3183</td>

3184

3185 <th>

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

3187 Failures</th>

3188

3189 <td colspan="2">

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

3191

3192 </tr>

3193

3194 <tr class="guideline fail">

3195

3196 <td>

3197</td>

3198

3199 <td>

32003.3</td>

3201

3202 <th>

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

3204Input Assistance</a>

3205</th>

3206

3207 <td>

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

3209

3210 <td>

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

3212</td>

3213

3214 </tr>

3215

3216 <tr class="criterion pass">

3217

3218 <td>

3219</td>

3220

3221 <td>

32223.3.1</td>

3223

3224 <th>

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

3226Error Identification</a>

3227</th>

3228

3229 <td>

3230If 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>

3231(Level A)</em>

3232</td>

3233

3234 <td>

3235Pass</td>

3236

3237 </tr>

3238

3239 <tr class="evaluation pass">

3240

3241 <td>

3242</td>

3243

3244 <td>

3245</td>

3246

3247 <th>

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

3249 Techniques</th>

3250

3251 <td colspan="2">

3252Pass due to no corresponding content</td>

3253

3254 </tr>

3255

3256 <tr class="criterion fail">

3257

3258 <td>

3259</td>

3260

3261 <td>

32623.3.2</td>

3263

3264 <th>

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

3266Labels or Instructions</a>

3267</th>

3268

3269 <td>

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

3271(Level A)</em>

3272</td>

3273

3274 <td>

3275Fail</td>

3276

3277 </tr>

3278

3279 <tr class="evaluation fail">

3280

3281 <td>

3282</td>

3283

3284 <td>

3285</td>

3286

3287 <th>

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

3289 Failures</th>

3290

3291 <td colspan="2">

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

3293

3294 </tr>

3295

3296 <tr class="criterion pass new_level">

3297

3298 <td>

3299</td>

3300

3301 <td>

33023.3.3</td>

3303

3304 <th>

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

3306Error Suggestion</a>

3307</th>

3308

3309 <td>

3310If 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>

3311(Level AA)</em>

3312</td>

3313

3314 <td>

3315Pass</td>

3316

3317 </tr>

3318

3319 <tr class="evaluation pass">

3320

3321 <td>

3322</td>

3323

3324 <td>

3325</td>

3326

3327 <th>

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

3329 Techniques</th>

3330

3331 <td colspan="2">

3332Pass due to no corresponding content</td>

3333

3334 </tr>

3335

3336 <tr class="criterion pass">

3337

3338 <td>

3339</td>

3340

3341 <td>

33423.3.4</td>

3343

3344 <th>

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

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

3347</th>

3348

3349 <td>

3350For 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>

3351(Level AA)</em>

3352

3353 <div class="expand">

3354

3355 <ol>

3356

3357 <li>

3358<strong>

3359Reversible:</strong>

3360 Submissions are reversible.</li>

3361

3362 <li>

3363<strong>

3364Checked:</strong>

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

3366

3367 <li>

3368<strong>

3369Confirmed:</strong>

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

3371

3372 </ol>

3373

3374 </div>

3375

3376 </td>

3377

3378 <td>

3379Pass</td>

3380

3381 </tr>

3382

3383 <tr class="evaluation pass">

3384

3385 <td>

3386</td>

3387

3388 <td>

3389</td>

3390

3391 <th>

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

3393 Techniques</th>

3394

3395 <td colspan="2">

3396Pass due to no corresponding content</td>

3397

3398 </tr>

3399

3400 <tr class="criterion pass new_level">

3401

3402 <td>

3403</td>

3404

3405 <td>

34063.3.5</td>

3407

3408 <th>

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

3410Help</a>

3411</th>

3412

3413 <td>

3414Context-sensitive help is available. <em>

3415(Level AAA)</em>

3416</td>

3417

3418 <td>

3419Pass</td>

3420

3421 </tr>

3422

3423 <tr class="evaluation pass">

3424

3425 <td>

3426</td>

3427

3428 <td>

3429</td>

3430

3431 <th>

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

3433 Techniques</th>

3434

3435 <td colspan="2">

3436Pass due to no corresponding content</td>

3437

3438 </tr>

3439

3440 <tr class="criterion pass">

3441

3442 <td>

3443</td>

3444

3445 <td>

34463.3.6</td>

3447

3448 <th>

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

3450Error Prevention (All)</a>

3451</th>

3452

3453 <td>

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

3455(Level AAA)</em>

3456

3457 <div class="expand">

3458

3459 <ol>

3460

3461 <li>

3462<strong>

3463Reversible:</strong>

3464 Submissions are reversible.</li>

3465

3466 <li>

3467<strong>

3468Checked:</strong>

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

3470

3471 <li>

3472<strong>

3473Confirmed:</strong>

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

3475

3476 </ol>

3477

3478 </div>

3479

3480 </td>

3481

3482 <td>

3483Pass</td>

3484

3485 </tr>

3486

3487 <tr class="evaluation pass">

3488

3489 <td>

3490</td>

3491

3492 <td>

3493</td>

3494

3495 <th>

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

3497 Techniques</th>

3498

3499 <td colspan="2">

3500Pass due to no corresponding content</td>

3501

3502 </tr>

3503

3504 </tbody>

3505

3506 </table>

3507

3508

3509 <h2>

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

3511Robust</a>

3512</h2>

3513

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

3515

3516 <caption>

3517Conformance of News Page to WCAG 2.0 - Robust</caption>

3518

3519 <col>

3520

3521 <col width="43">

3522

3523 <col width="125">

3524

3525 <col>

3526

3527 <col width="50">

3528

3529 <thead>

3530

3531 <tr>

3532

3533 <td>

3534</td>

3535

3536 <th>

3537#</th>

3538

3539 <th>

3540Title</th>

3541

3542 <th>

3543Description</th>

3544

3545 <th>

3546Result</th>

3547

3548 </tr>

3549

3550 </thead>

3551

3552 <tbody class="fail">

3553

3554 <tr class="guideline fail">

3555

3556 <td>

3557</td>

3558

3559 <td>

35604.1</td>

3561

3562 <th>

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

3564Compatible</a>

3565</th>

3566

3567 <td>

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

3569

3570 <td>

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

3572</td>

3573

3574 </tr>

3575

3576 <tr class="criterion fail">

3577

3578 <td>

3579</td>

3580

3581 <td>

35824.1.1</td>

3583

3584 <th>

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

3586Parsing</a>

3587</th>

3588

3589 <td>

3590In 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>

3591(Level A)</em>

3592

3593 <div class="expand">

3594

3595 <p>

3596<em>

3597Note:</em>

3598 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>

3599

3600 </div>

3601

3602 </td>

3603

3604 <td>

3605Fail</td>

3606

3607 </tr>

3608

3609 <tr class="evaluation fail">

3610

3611 <td>

3612</td>

3613

3614 <td>

3615</td>

3616

3617 <th>

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

3619 Failures</th>

3620

3621 <td colspan="2">

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

3623Failure F70</a>

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

3625

3626 </tr>

3627

3628 <tr class="criterion fail">

3629

3630 <td>

3631</td>

3632

3633 <td>

36344.1.2</td>

3635

3636 <th>

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

3638Name, Role, Value</a>

3639</th>

3640

3641 <td>

3642For 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>

3643(Level A)</em>

3644

3645 <div class="expand">

3646

3647 <p>

3648<em>

3649Note:</em>

3650 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>

3651

3652 </div>

3653

3654 </td>

3655

3656 <td>

3657Fail</td>

3658

3659 </tr>

3660

3661 <tr class="evaluation fail">

3662

3663 <td>

3664</td>

3665

3666 <td>

3667</td>

3668

3669 <th>

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

3671 Failures</th>

3672

3673 <td colspan="2">

3674<ul>

3675

3676 <li>

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

3678Failure F68</a>

3679 - 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>

3680

3681 <li>

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

3683Failure F79</a>

3684 - 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>

3685

3686 <li>

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

3688Failure F89</a>

3689 - 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>

3690

3691 </ul>

3692</td>

3693

3694 </tr>

3695

3696 </tbody>

3697

3698 </table>

3699

3700 </div>

3701

3702 </div>

3703

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

3705

3706 <hr>

3707

3708 <p>

3709<strong>

3710Status:</strong>

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

3712changelog</a>

3713) <br>

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

3715Shadi Abou-Zahra</a>

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

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

3718. <br>

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

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

3721WAI-TIES</acronym>

3722</a>

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

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

3725WAI-AGE</acronym>

3726</a>

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

3728IST</acronym>

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

3730Acknowledgements</a>

3731]</p>

3732

3733 <p>

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

3735WAI Site Map</a>

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

3737Help with WAI Website</a>

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

3739Search</a>

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

3741Contacting WAI</a>

3742] <br>

3743<strong>

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

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

3746</strong>

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

3748wai@w3.org</a>

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

3750

3751 <div class="copyright">

3752<p>

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

3754Copyright</a>

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

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

3757W3C</acronym>

3758</a>

3759<sup>

3760&reg;</sup>

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

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

3763MIT</acronym>

3764</a>

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

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

3767ERCIM</acronym>

3768</a>

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

3770Keio</a>

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

3772liability</a>

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

3774trademark</a>

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

3776document use</a>

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

3778software licensing</a>

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

3780public</a>

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

3782Member</a>

3783 privacy statements.</p>

3784</div>

3785

3786 </div>

3787

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

3789</script>

3790

3791 <script type="text/javascript">

3792

3793 window.onload = function () {

3794 var p = new reportTable();

3795 var o = new reportTable();

3796 var u = new reportTable();

3797 var r = new reportTable();

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

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

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

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

3802 }

3803 </script>

3804

3805 <!-- Piwik -->

3806

3807 <script type="text/javascript">

3808

3809 var _paq = _paq || [];

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

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

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

3813 (function() {

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

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

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

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

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

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

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

3821 })();

3822 </script>

3823

3824 <noscript>

3825<p>

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

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

3828</p>

3829</noscript>

3830

3831 <!-- End Piwik Code -->

3832

3833</body>

3834

3835</html>