[C2]deview2012 웹접근성

1. 웹접근성

2. 어떻게

3. 해야

4. 하나요? Wednesday, September 19, 12

5. 웹접근성을

6. 해야만(?)

7. 하는

8. 분들을

9. 위한 NHN

10. 웹접근성

11. Project

12. 경험담 시행착오 ✓ Wednesday, September 19, 12

13. 1.웹접근성이

14. 뭔가요? 2.꼭

15. 해야

16. 하나요? 3.사용성이

17. 떨어지진

18. 않을까요? 4.얼마나

19. 적용해야

20. 하나요? 5.뭘

21. 해야

22. 하나요? 6.잘

23. 모르겠어요.. 7.하긴

24. 했는데

25. 맞게

26. 했나요? 7 Wednesday, September 19, 12

27. 웹접근성이

28. 뭔가요? Wednesday, September 19, 12

30. 뭔가요? 웹

31. 접근성

32. 및

33. 정보통신

34. 접근성에

35. 대한

36. 주요

37. 정의 장애인·・노인

38. 등의

39. 정보통신

40. 접근성

41. 향상을

42. 위한

43. 권장지침 정보통신

44. 제품과

45. 서비스를

46. 활용하고자

47. 하는

48. 사람에게

49. 이의

50. 활용

51. 가능성이

52. 제공되는

53. 것 웹

54. 접근성

55. 이니셔티브

56. (WAI:

57. Web

58. Accessibility

59. Initiative) 장애를

60. 가진

61. 사람들도

62. 웹을

63. 이용할

64. 수

65. 있도록

66. 보장하는

67. 것으로,

68. 장애를

69. 가진

70. 사람들이

71. 웹

72. 콘텐츠를

73. 인지하고 (Perceivable),

74. 운영하고(Operable),

75. 이해하고(Understandable),

76. 기술에

77. 상관없이

78. 이용할

79. 수

80. 있도록

81. 견고한 (Robust)하게

82. 웹콘텐츠를

83. 만드는

84. 것 Wikipedia

85. 표준

86. 브라우저

87. 뿐만

88. 아니라

89. 다양한

90. 사용자

91. 에이전트(User

92. Agent)를

93. 사용하는

94. 사람들이

95. 웹

96. 페이지에

97. 접근하기

98. 쉽게

99. 만드는

100. 것으로,

101. 이를

102. 통해

103. 장애인들도

104. 웹을

105. 사용할

106. 수

107. 있도록

108. 보장하는

109. 것 한국정보화진흥원 어떠한

110. 사용자(장애인,

111. 노인

112. 등),

113. 어떠한

114. 기술환경에서도

115. 사용자가

116. 전문적인

117. 능력

118. 없이

119. 웹

120. 사이트에서

121. 제공하 는

122. 모든

123. 정보에

124. 접근할

125. 수

126. 있도록

127. 보장하는

128. 것 월드

129. 와이드

130. 웹

131. (World

132. Wide

133. Web)을

134. 창시한

135. 팀

136. 버너스

137. 리(Tim

138. Berners-Lee)는

139. 웹이란 '장애에

140. 구애

141. 없이

142. 모든

143. 사람들이

144. 손쉽게

145. 정보를

146. 공유할

147. 수

148. 있는

149. 공간'이라고

150. 정의 웹

151. 접근성

152. 연구소(wah.or.kr)

153. 참고 Wednesday, September 19, 12

155. 뭔가요? 접근성이란

156. 장애인뿐만

157. 아니라

158. 모든

159. 사람이

160. 정보통신

161. 기기나

162. 서비스를

163. 손쉽게

164. 활용할

165. 수

166. 있도록

167. 만드는

168. 것을

169. 말하는

170. 것이다.

171. 예를

172. 들자면

173. 장애인과

174. 노인들을

175. 위해

176. 개발된

177. 리모콘,

178. 전화,

179. 자동문

180. 등의

181. 제품들이

182. 널리

183. 보급되면서

184. 궁극적으로는

185. 모든

186. 사람들이

187. 편리하게

188. 활용하게

189. 된

190. 것을

191. 들

192. 수

193. 있다.

194. 이러한

195. 접근성

196. 개념은

197. 정보통신

198. 분야에서

199. 다양한

200. 제품

201. 및

202. 서비스

203. 간의

204. 호환성

205. 문제,

206. 이동

207. 정보통신

208. 기기

209. 등으로

210. 그

211. 필요성

212. 및

213. 중요성이

214. 더욱

215. 증대되고

216. 있다. 웹

217. 접근성

221. 뭔가요? 접근성이란

222. 장애인뿐만

223. 아니라

224. 모든

225. 사람이

226. 정보통신

227. 기기나

228. 서비스를

229. 손쉽게

230. 활용할

231. 수

232. 있도록

233. 만드는

234. 것을

235. 말하는

236. 것이다.

237. 예를

238. 들자면

239. 장애인과

240. 노인들을

241. 위해

242. 개발된

243. 리모콘,

244. 전화,

245. 자동문

246. 등의

247. 제품들이

248. 널리

249. 보급되면서

250. 궁극적으로는

251. 모든

252. 사람들이

253. 편리하게

254. 활용하게

255. 된

256. 것을

257. 들

258. 수

259. 있다.

260. 이러한

261. 접근성

262. 개념은

263. 정보통신

264. 분야에서

265. 다양한

266. 제품

267. 및

268. 서비스

269. 간의

270. 호환성

271. 문제,

272. 이동

273. 정보통신

274. 기기

275. 등으로

276. 그

277. 필요성

278. 및

279. 중요성이

280. 더욱

281. 증대되고

282. 있다. 웹

283. 접근성

286. 꼭

287. 해야

288. 하나요? 사전적

289. 의미는

290. 알겠어요.

291. 하지만 Wednesday, September 19, 12

292. 法 2.꼭

293. 해야

295. 2.꼭

296. 해야

297. 하나요? 도의적

298. 책임 (Moral Responsibility) 규제대응 (Compliance) 장차법 법적분쟁

299. 최소화 장애

300. 접근성

301. 향상 사용성

302. 증가 못해도

303. 본전 잘해도

304. 본전 Wednesday, September 19, 12

305. 2.꼭

306. 해야

307. 하나요? 無 자발적

308. 참여 관여,

309. 관찰,

310. 관심 Awareness 느낄수

311. 있도록 내재화 온오프라인

312. 교육 Wednesday, September 19, 12

313. 사용성이

314. 떨어지진

315. 않을까요? Wednesday, September 19, 12

316. 3.사용성이

317. 떨어지진

318. 않을까요? 대부분은

319. 오히려

320. 좋아

321. 집니다. Wednesday, September 19, 12

322. 3.사용성이

323. 떨어지진

325. 3.사용성이

326. 떨어지진

328. 3.사용성이

329. 떨어지진

331. 고민되는

332. 부분도

333. 있습니다. 3.사용성이

334. 떨어지진

336. 웹툰

347. 베트남어사전 지식백과 N ? N 책 ? 일반

348. 사용성

349. VS

350. 장애

351. 접근성 지식백과 N spanclass=”hidden”새글/span지식백과imgalt=”” spanclass=”hidden”새글/span지식백과 div class=padding; /div N background 3.사용성이

352. 떨어지진

353. 않을까요? [새글] Wednesday, September 19, 12

354. 얼마나

355. 적용해야

356. 할까요? Wednesday, September 19, 12

357. Q.

358. 어느

359. 서비스의

360. 어떤

361. 페이지를

362. 어느수준으로

363. 적용해야

364. 되나요? 4.얼마나

365. 적용해야

366. 하나요? A.

367. 모든

368. 서비스의

369. 모든

370. 페이지를

371. 전부다

372. 적용해야

373. 합니다

374. 우선순위에

375. 의한

376. 점진적

377. 적용 Wednesday, September 19, 12

378. 4.얼마나

379. 적용해야

380. 하나요? 접근성에

381. 대한

382. 효율적

383. 접근

384. 또는

385. 전략 시각

386. 장애 http://html.nhncorp.com/blog/42598 Wednesday, September 19, 12

387. 뭘

388. 해야

390. 5.뭘

391. 해야

392. 하나요? 두

393. 가지는

394. 꼭

395. 기억

396. 해주세요! Linearization AlternativeText 대체

397. 텍스트 선형화 Wednesday, September 19, 12

398. 5.뭘

399. 해야

400. 하나요? Linearization Make sense when linearized x y y Disabled Style Wednesday, September 19, 12

401. 5.뭘

402. 해야

403. 하나요? Linearization Make sense when linearized Wednesday, September 19, 12

404. 5.뭘

405. 해야

406. 하나요? Alternative Text The use of alternative-text is fundamental to accessibility 1. 정보성

407. 이미지는

408. 대체

409. 컨텐츠(텍스트)를

410. 제공 2. 동적

411. 페이지의

412. 경우

413. (운영

414. 툴로

415. 업로드)

416. 오브젝트들을

417. 업로드하면서

418. 대체

419. 텍스트가

420. 선언될

421. 수

422. 있도록

423. 정의 3. 유의사항)

424. 대체

425. 텍스트가

426. 영문일

427. 경우, 정확한

428. 의미전달을

429. 위해

430. 국문으로

431. 입력 1. HYUNDAI

432. (현다이)

433. alt=”현대” 2. UX

434. (억스)

435. alt=”유엑스”

436. or

437. “U

438. .

439. X” 4. 적용범위 1. 서비스

440. 공급자가

441. 제공하는

442. 모든

443. 정보성

444. 이미지 2. 사용자

445. 생성

446. 컨텐츠(UCC)는

447. 우선

448. 제외 1. 단,

449. 대체

450. 텍스트를

451. 입력할

452. 수

453. 있는

454. 필드를

455. 제공 2. 다양한

456. 방법으로

457. 대체

458. 텍스트

459. 입력

460. 유도 Wednesday, September 19, 12

461. 5.뭘

462. 해야

463. 하나요? NWCAG1.0 http://a11y.nhncorp.com NWCAG의

464. 목적 NHN

465. Web

466. Content

467. Accessibility

468. Guidelines(이하

469. NWCAG)

470. 1.0은

471. NHN 에서

472. 제공하는

473. 웹

474. 콘텐츠의

475. 접근성을

476. 보장하기

477. 위한

478. 목적으로

479. 만들어졌다. NWCAG는

480. 한국정보화진흥원에서

481. 제정한

482. KWCAG

483. 2.0의

484. 모든

485. 내용을

486. 포 함하고

487. 있어,

488. NWCAG를

489. 모두

490. 준수했을

491. 경우

492. 한국정보화진흥원의

493. 웹

494. 접근 성

495. 품질

496. 인증을

497. 받을

498. 수

499. 있다.

500. 또한

501. KWCAG에는

502. 포함되지

503. 않았지만

504. 웹

505. 접근 성

506. 개선에

507. 도움이

508. 되는

509. 지침을

510. 추가하였다. NWCAG의

511. 구조 핵심

512. 지침(Key

513. Points,

514. 8개) 웹

515. 접근성

516. 준수를

517. 위해

518. 꼭

519. 알아야

520. 할

521. 핵심

522. 지침

523. 8가지를

524. 의미한다.

525. 핵 심

526. 지침은

527. '1'과

528. 같이

529. 1단계

530. 숫자로

531. 표현하였다. 지침(Guidelines,

532. 27개) 핵심

533. 지침을

534. 만족할

535. 수

536. 있는

537. 구체적인

538. 항목이다.

539. 지침에

540. 대응되는

541. 장애

542. 환경과

543. 담당자가

544. 명시되어

545. 있으며,

546. 상세한

547. 설명과

548. 기대효과를

549. 함께

550. 제 시하고

551. 있다.

552. 지침은

553. '1.1'과

554. 같이

555. 2단계

556. 숫자로

557. 표현하였다. Wednesday, September 19, 12

558. 5.뭘

559. 해야

560. 하나요? 체크리스트 http://a11y.nhncorp.com 직독직해(?) 전체

561. 25개 직군별

562. 필수

563. 가이드

564. 구분 UX

565. 9개

566. -

567. 내재화

568. 필요 마크업개발

569. 11개 체크리스트 적용순서 1.

570. 장애상황

571. 이해 2.

572. 해당사례

573. 확인 3.

574. 서비스별

575. 이슈

576. 점검 4.

577. 내재화 Wednesday, September 19, 12

578. 잘

579. 모르겠어요.. Wednesday, September 19, 12

580. 6.잘

581. 모르겠어요 뭘

582. 해야

583. 하는

584. 지는

585. 알겠는데,

586. 어떻게

587. 구현해야

588. 할지

589. 모르겠어요.. Wednesday, September 19, 12

590. 6.잘

591. 모르겠어요 Ajax Application Fallback Wednesday, September 19, 12

592. 6.잘

593. 모르겠어요 Ajax Application Fallback Wednesday, September 19, 12

594. 6.잘

595. 모르겠어요 Ajax Application Fallback TEXT Wednesday, September 19, 12

596. 6.잘

597. 모르겠어요 .ﬂv Player Keyboard wmode Wednesday, September 19, 12

598. 6.잘

599. 모르겠어요 .ﬂv Player FlashVideo 기존구조 키보드접근이가능한 HTML기반대체컨트롤러별도제공 InnerComponent FlashVideo InnerComponent AccessibleOuterComponent HTML5로동영상및컨트롤러를 모두구현 InnerComponent Wednesday, September 19, 12

600. 6.잘

601. 모르겠어요 .ﬂv Player TAB$ TAB$ TAB$ TAB$ $$ $ $ $ $$ $ Acorn Media Player http://ghinda.net/acornmediaplayer/ Wednesday, September 19, 12

602. 6.잘

603. 모르겠어요 .ﬂv Player SAMSUNG WebsiteVideo 키보드$접근시$숨겨진$메뉴$노출함$ (html$$+$javascript$컴포넌트)$ TAB$ TAB$ TAB$ TAB$ TAB$ TAB$ http://www.samsung.com/sec/consumer/tv-video/tv Wednesday, September 19, 12

604. 6.잘

605. 모르겠어요 동영상

606. 자막(원고) 동영상을

607. 운영툴로

608. 업로드

609. 할

610. 경우

611. 동영상에

612. 대한

613. 대본이나

614. 원고를

615. 업로드

616. 할

617. 수

618. 있도록

619. 설계해야

620. 하며 프런트

621. 화면

622. 설계

623. 시에도

624. 영상을

625. 보는

626. 중간에

627. 원고를

628. 화면

629. 밖으로

630. 스크롤

631. 하지

632. 않도록

633. 브라우저의

634. 한

635. 화면에

636. 전부

637. 노출이

638. 될

639. 수

640. 있도록

641. 설계한다. Wednesday, September 19, 12

642. 6.잘

643. 모르겠어요 그래프(차트)의

644. 대체

645. 텍스트 차트나

646. 그래프에

647. 복잡한

648. 정보를

649. 담고

650. 있는

651. 경우

652. 모든

653. 정보를

654. 전달할

655. 수

656. 없기

657. 때문에

658. 정보를

659. 요약하여

660. 선언

661. 한다. img src=g.png alt=일상생활의 소모 칼로리 빨리걷기110kcal 자전거타기90kcal 청소70kcal 요리하기70kcal 잠자기25kcal 춤추기150kcal 목욕85kcal Wednesday, September 19, 12

662. 6.잘

663. 모르겠어요 그래프(차트)의

664. 대체

665. 텍스트 차트나

666. 그래프에

667. 복잡한

668. 정보를

669. 담고

670. 있는

671. 경우

672. 모든

673. 정보를

674. 전달할

675. 수

676. 없기

677. 때문에

678. 정보를

679. 요약하여

680. 선언

681. 한다. Summary of Stock Price and Volume Day by Day Price and Volume Information Wednesday, September 19, 12

682. 하긴

683. 했는데

684. 맞게

685. 했나요? Wednesday, September 19, 12

686. 7.맞게

687. 했나요? 누가

688. 맞나요? 되긴

689. 하는데

690. 서비스별로

691. 다른데요 통일되지

692. 않은

693. 사용자

694. 경험 Wednesday, September 19, 12

695. 7.맞게

696. 했나요? UX가이드 지침

697. 내용에

698. 따른

699. 적용방법

700. 중,

701. 효율적인

702. 내용을

703. 정하여

704. 적용

705. 방식을

706. 통일한다. 1.스킵

707. 네비게이션 1.

708. 항목선정

709. 방법 2.노출

710. 인터랙션 2.자동재생

711. 컨텐츠 1.

712. 페이지

713. 리프레시,

714. 리다이렉트 2.롤링

715. 컨텐츠 3.페이지

716. 로딩

717. 시

718. 자동

719. 재생 4.제어기능의

720. 위치 Wednesday, September 19, 12

721. 7.맞게

722. 했나요? UX가이드

723. -

724. 스킵

725. 네비게이션 반복영역(동일한

726. 컨텐츠가

727. 동일한

728. 위치에

729. 걸쳐있는

730. 영역)을

731. 매번

732. 탐색하지

733. 않고

734. 건너뛸

735. 수

736. 있도록

737. 도와주는

738. 링크의

739. 모음 스킵

740. 네비게이션

741. 기본

742. 규칙 문서의

743. 최상위에

744. 위치해야

745. 하며,

746. Tab키를

747. 누르면

748. 노출되어야

749. 함. 건너띄기

750. 요소는

751. 메인

752. 메뉴

753. 바로가기/하위

754. 메뉴

755. 바로가기/본문

756. 바로가기를

757. 설정할

758. 수

759. 있으며,

760. 하위

761. 메뉴가

762. 없는

763. 경우에는

764. 해당

765. 건너띄기를

766. 생략할

767. 수

768. 있다.

770. 메뉴가

771. 없는

772. 단

773. 페이지거나,

774. 지도

775. 서비스와

776. 같은

777. 경우,

778. 스킵네비게이션을

779. 생략할

780. 수

781. 있다 본문

782. 영역을

783. 제외하여

784. 중요한

785. 컨텐츠

786. 영역이

787. 없는

788. 경우

789. 불필요하게

790. 제공하지

791. 않는다. Wednesday, September 19, 12

792. 7.맞게

794. -

795. 스킵

798. 항목선정 해당메뉴

799. 영역이

800. 없는

801. 경우를

802. 제외하고

803. “메인

804. 메뉴”

805. 바로가기

806. /

807. “하위

808. 메뉴”

809. 바로가기

810. /

811. “본문영역”

813. 모두

814. 제공 1.

815. 메인

816. 메뉴

817. 바로

818. 가기

819. Skip

820. to

821. main

822. menu 시작

823. 영역부터

824. GNB,

825. 검색

826. 등

827. 요소를

828. 반복

829. 영역을

830. 건너뛰고,

831. 메인

832. 메뉴로

833. 바로

834. 이동할

835. 수

836. 있는

837. 링크 -

838. 메인

839. 메뉴

840. 상단의

841. 불필요한

842. 반복요소를

843. 건너띄고,

844. 바로

845. 메인

846. 메뉴로

847. 접근

848. 할

849. 수

850. 있도록

851. 한다. GNB Main Menu SUB Menu Main Contents Wednesday, September 19, 12

852. 7.맞게

854. -

855. 스킵

859. 영역이

860. 없는

861. 경우를

862. 제외하고

863. “메인

864. 메뉴”

865. 바로가기

866. /

867. “하위

868. 메뉴”

869. 바로가기

870. /

871. “본문영역”

873. 모두

874. 제공 1.

875. 메인

876. 메뉴

877. 바로

878. 가기

879. Skip

880. to

881. sub

882. menu 상단

883. 공통영역과

884. 메인메뉴

885. 영역까지의

886. 반복

887. 영역을

888. 건너뛰고,

889. 서브

890. 메뉴

891. 영역으로

892. 이동할

893. 수

894. 있는

895. 링크 -

896. 특정

897. 페이지로

898. 이동한

899. 다음,

900. 같은

901. 메인

902. 메뉴

903. 카테고리

904. 내에서

905. 다른

906. 하위

907. 메뉴를

908. 선택하고자

909. 할

910. 경우

911. 사용 -

912. 하위

913. 메뉴영역이

914. 페이지

915. 좌측이나

916. 메인메뉴

917. 하단에

918. 별도

919. 영역으로

920. 존재하는

921. 경우,

922. 사용 -

923. 페이지

924. 내

925. 하위

926. 메뉴

927. 영역이

928. 없는

929. 경우,

930. 스킵네비게이션에서

931. 생략(ex.

932. 서비스

933. 메인

934. 페이지) Wednesday, September 19, 12

935. 7.맞게

937. -

938. 스킵

942. 영역이

943. 없는

944. 경우를

945. 제외하고

946. “메인

947. 메뉴”

948. 바로가기

949. /

950. “하위

951. 메뉴”

952. 바로가기

953. /

954. “본문영역”

956. 모두

957. 제공 1.

958. 메인

959. 메뉴

960. 바로

961. 가기

962. Skip

963. to

964. Content 반복

965. 영역을

966. 건너뛰고,

967. 해당

968. 페이지의

969. 핵심

970. 컨텐츠로

971. 바로

972. 이동할

973. 수

974. 있는

975. 링크 -

976. 뉴스

977. 페이지의

978. 경우

979. 메인메뉴

980. 영영역과

981. 좌측

982. 하위메뉴

983. 영역을

984. 제외하고,

985. 뉴스

986. 본문

987. 영역으로

988. 이동 -

989. 좌측

990. frame이

991. 나누어진

992. 경우,

993. GNB

994. 등

995. 매

996. 페이지에서

997. 반복되는

998. 요소의

999. 경우에는

1000. skip

1001. 영역으로

1002. 설정 Wednesday, September 19, 12

1003. 7.맞게

1005. -

1006. 자동재생

1007. 컨텐츠 1.

1008. 커텐츠

1009. 자동

1010. 갱신

1011. 시

1012. 문제점 페이지

1013. 탐색

1014. 중

1015. 리프레시,

1016. 리다이렉트가

1017. 발생하게

1018. 되면

1019. 페이지를

1020. 새로

1021. 읽어오기

1022. 때문에

1023. 키보드

1024. 포커스를

1025. 잃고

1026. 다시

1027. 문서의

1028. 처음으로

1029. 이동하게

1030. 된다.

1031. 이런

1032. 경우

1033. 시각

1034. 장애인은

1035. 스크린리더를

1036. 통해

1037. 컨텐츠를

1038. 탐색하다가

1039. 다시

1040. 처음부터

1041. 컨텐츠를

1042. 읽어야

1043. 하며,

1044. 지적

1045. 장애인의

1046. 경우

1047. 컨텐츠를

1048. 채

1049. 읽기도

1050. 전에

1051. 컨텐츠가

1052. 변경되어

1053. 정보를

1054. 인지할

1055. 수

1056. 없다.

1057. 롤링

1058. 컨텐츠(롤링

1059. 배너,

1060. 실시간

1061. 뉴스,

1062. 짧은

1063. 시간

1064. 동안

1065. 나타났다

1066. 사라지는

1067. 알림

1068. 레이어

1069. 등등)의

1070. 경우에는

1071. 컨텐츠를

1072. 채

1073. 읽기도

1074. 전에

1075. 컨텐츠가

1076. 화면

1077. 안에서

1078. 사라져서

1079. 컨텐츠를

1080. 인지할

1081. 수

1082. 없거나

1083. 특정

1084. 부분이

1085. 계속

1086. 업데이트

1087. 되어

1088. 포커스를

1089. 잃어버리는

1090. 경우가

1091. 발생할

1092. 수

1093. 있다.

1094. 또한,

1095. 롤링

1096. 된

1097. 이전

1098. 컨텐츠를

1099. 다시

1100. 확인하기

1101. 위해서는

1102. 원하는

1103. 컨텐츠가

1104. 다시

1105. 롤링될

1106. 때까지

1107. 기다려야

1108. 하는

1109. 문제점이

1110. 있다. 2.

1111. 사용자

1112. 제어

1113. 기능

1114. 제공

1115. 방법 서비스

1116. 구조

1117. 상

1118. 페이지

1119. 자동

1120. 갱신

1121. 혹은

1122. 컨텐츠

1123. 자동

1124. 갱신,

1125. 롤링

1126. 컨텐츠

1127. 기능이

1128. 필요한

1129. 경우에

1130. 사용자가

1131. 이를

1132. 제어할

1133. 수

1134. 있도록

1135. 한다.

1136. 단,

1137. 페이지

1138. 전체가

1139. 일정

1140. 시간

1141. 후에

1142. 리프레시

1143. 혹은

1144. 리다이렉트

1145. 되는

1146. 경우에는

1147. 제어할

1148. 수

1149. 있는

1150. 기능을

1151. 페이지의

1152. 가장

1153. 상단에

1154. 두어

1155. 컨텐츠의

1156. 변화

1157. 이전에

1158. 제어할

1159. 수

1160. 있게

1161. 한다. [자동재생

1162. 음성컨텐츠

1163. 기본

1164. 규칙] -

1165. 페이지

1166. 리프레시,

1167. 리다이렉트

1168. :

1169. 최상단에

1170. 리프레쉬

1171. 제어

1172. 기능

1173. 제공. -

1174. 롤링

1175. 컨텐츠

1176. :

1177. 영역

1178. 내

1179. 이전/다음,

1180. 정기

1181. 기능을

1182. 반드시

1183. 제공함. -

1184. 페이지

1185. 로딩

1186. 시

1187. 자동

1188. 재생

1189. :

1190. 가급적

1191. 정지상태를

1192. 기본값으로

1193. 제공하되,

1194. 어려운

1195. 경우

1196. 정기

1197. 기능을

1198. 최상단에

1199. 제공함. Wednesday, September 19, 12

1200. 7.맞게

1202. -

1203. 자동재생

1204. 컨텐츠

1206. 페이지

1207. 리프레시,

1208. 리다이렉트 리다이렉트

1209. 제어기능은

1210. UI상

1211. 화면

1212. 안에

1213. 보이기만

1214. 하면

1215. 사용자의

1216. 인터랙션으로

1217. 제어가

1218. 가능하지만

1219. 시각장애인의

1220. 경우에, 페이지의

1221. 가장

1222. 처음에서

1223. 읽어주지

1224. 않으면

1225. 제어가

1226. 어렵기

1227. 때문에

1228. 시각적으로 하단에

1229. 위치하더라도, HTML

1230. 코드상에서는

1231. 반드시

1232. 상단에

1233. 두도록

1234. 한다. Wednesday, September 19, 12

1235. 7.맞게

1237. -

1238. 자동재생

1239. 컨텐츠

1241. 롤링컨텐츠 롤링

1242. 컨텐츠는

1243. 페이지

1244. 전체가

1245. 변경되는

1246. 것이

1247. 아니기

1248. 때문에

1249. 해당

1250. 컨텐츠를

1251. 만났을

1252. 때

1253. 사용자가

1254. 제어할

1255. 수

1256. 있도록

1257. 한다. 일반적인

1258. 방법 UI구현

1259. 공간이

1260. 없을

1261. 경우 Wednesday, September 19, 12

1262. 7.맞게

1264. -

1265. 제어기능의

1266. 위치 ①

1267. 자동

1268. 재생

1269. 음성

1270. 컨텐츠

1271. 순서,

1272. ②

1273. 페이지

1274. 자동갱신

1275. 제어

1276. 기능,

1277. ③

1278. 스킵

1279. 네비게이션 페이지가

[C2]deview2012 웹접근성

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie [C2]deview2012 웹접근성

Ähnlich wie [C2]deview2012 웹접근성 (20)

Mehr von NAVER D2

Mehr von NAVER D2 (20)

[C2]deview2012 웹접근성