1. 네이버의

2. 웹

3. 접근성

4. 개선

5. 방향

6.
조진주

7. (펄님/pearl0310@naver.com)

9. Intro

10. _

11. 여는

12. 말

13.
네이버의

14. 웹

15. 접근성

16. 개선

17. 방향을

18.
소개하는

19. 이유

21. Intro

22. _

23. 여는

24. 말

25.
네이버의

26. 웹

27. 접근성

28. 개선

29. 방향을

30.
소개하는

31. 이유,

32. 첫번째-

33.
앞으로

34. 잘

35. 할께요

36. ^^;

38. Intro

39. _

40. 여는

41. 말

42.
네이버의

43. 웹

44. 접근성

45. 개선

46. 방향을

47.
소개하는

48. 이유,

49. 두번째-

50.
도움이

51. 되고

52. 싶어요~

54. Intro

55. _

56. 여는

57. 말

58.
다섯

59. 단계로

60. 살펴보는

61.
네이버의

62. 웹

63. 접근성

64. 개선

65. 방향

67. Intro

69.
Preparation

70. _

71. 준비

72.
Proposal

73.
Education

74.
Execution

75.
Example

77. Preparation

78. _

79. 준비

80.
많은

81. 사람들의

82. 노력이

83.
빛을

84. 보지

85. 못했던

86. 지난

87. 세월들…⋯

90. Preparation

91. _

92. 준비

93.
2011년

94. 8월,

95.
웹

96. 접근성

97. TF

98. 구성

99.
업무

100.
접근성

101. 프로세스

102.
다양한

103.
직무

105. Preparation

106. _

107. 준비

108.
NWCAG

110.
(NHN

111. Web

112. Contents

113. Accessibility

114. Guidelines)

115.
ü NHN에서

116. 제공하는

117. 웹

118. 콘텐츠의

119. 접근성을

126. 보장하기

127. 위해

128. 제작된

129. 지침

130.
ü KWCAG

131. 2.0의

132. 모든

133. 내용

134. 포함

135.
ü 그

136. 외

137. 웹

138. 접근성

139. 개선에

140. 도움이

141. 되는

142. 지침

143. 추가

144.
ü 8개의

145. Key

146. point와

147. 27개의

148. Guideline으로

149. 구성

151. Preparation

152. _

153. 준비

154.
체크리스트

155.
ü NWCAG에

156. 기반한

157. 33개의

158. 체크리스트

159.
ü 웹

160. 접근성

161. 품질마크

162. 인증을

163. 위해

164.
반드시

165. 준수해야

166. 하는

167. 필수

168. 항목과

170.
더

171. 나은

172. 접근성

173. 보장을

174. 위한

175. 권장

176. 항목으로

177. 구성

179. Preparation

180. _

181. 준비

182.
기술가이드

183.
ü 일관된

184. 기준으로

185. 통과/오류

186. 유형을

187. 확인하기

188. 위한

195. 다양한

196. 사례

197. 제시

198.
ü 체크리스트별

199. 평가

200. 방법

201. 가이드

202.
ü http://html.nhncorp.com

204. A11Y

205. 메뉴

206. 클릭!

207. Preparation

208. _

209. 준비

210.
N-WAX

211.
(NHN

212. Web

213. Accessibility

214. eXtension)

215.
ü 체크리스트의

216. 통과

217. 여부를

218. 쉽고

219. 빠르게

226. 진단할

228. 수

229. 있는

230. 평가툴

231.
ü 파이어폭스,

232. 크롬의

233. 확장

234. 도구로

235. 제공

237. Preparation

239.
Proposal

240. _

241. 제안

242.
Education

243.
Execution

244.
Example

246. Proposal

247. _

248. 제안

249.
왜

250. 해야

251. 하는지

252.
ü 2007년에

253. 제정된

254. 장애인

255. 차별금지법에

256. 따라

258. 2008년부터

259. 웹

260. 접근성

261. 보장이

262. 단계적으로

263. 의무화

264. 됨

265.
ü NHN은

266. 2013년

267. 4월

268. 11일부터

269. 장애인차별금지법의

270. 적용을

271. 받음

272.
ü 웹

273. 접근성

274. 관련

275. 소송사례를

276. 정리하여

277. 참고

278. 자료로

279. 제시

280.
ü 장애인

281. 사용성

282. 테스트를

283. 통해

284. 고용

285. 기회

286. 확대

287.
ü 다양한

288. 장애

289. 환경의

290. 접근성을

291. 보장함으로써

292. 브랜드

293. 가치

294. 향상

296. Proposal

297. _

298. 제안

299.
얼마나

300. 심각한지

301.
ü NWCAG

302. 체크리스트를

303. 기반으로

304. 주요

305. 서비스들의

306. 웹

307. 접근성

308. 현황

309. 파악

310.
ü 대부분의

311. 서비스가

312. 웹

313. 접근성

314. 품질마크

315. 인증

316. 기준에

317. 미치지

318. 못하고

319. 있음

320.
100

321. To

322. Be:

324. 100점

325.
80

326.
60

327.
40

328.
20

329. As

330. is:

332. 21점

333.
0

334.
서비스

335. 전체

336. 평균

338. Proposal

339. _

340. 제안

341.
무엇을,

342. 어떻게

343. 개선해야

344. 하는지

345.
ü 네이버

346. 메인,

347. 회원가입

348. 일부

349. 페이지를

350. 대상으로

351. 프로토타입

352. 제작

353.
ü 개선

354. 전,

355. 후의

356. 차이가

357. 명확하도록

358. 제작하는

359. 것이

360. 포인트!

361.
오류

362. 항목

363. 키보드로

364. 전체

365. 콘텐츠를

366. 탐색할

367. 수

368. 없음

369.
마우스의

370. 사용이

371. 어려운

372. 시각

373. 장애,

374. 지체

375. 장애,

377. 뇌병변

378. 장애인이

379.
관련

380. 장애

381.
일부

382. 콘텐츠에

383. 접근할

384. 수

385. 없음

386.
해결

387. 방안

388. 모든

389. 콘텐츠가

390. 키보드로

391. 접근할

392. 수

393. 있도록

394. 함

396. Proposal

398.
Education

399. _

400. 교육

401.
Execution

402.
Example

404. Education

405. _

406. 교육

407.
Awareness

408.
ü 조직장

409. 대상

410.
ü 웹

411. 접근성의

412. 개념과

413. 준수

414. 목적을

415. 설명

416.
ü NHN

417. 웹

418. 접근성

419. 개선

420. 방향

421. 제시

422.
ü 개선

423. 프로젝트

424. 킥오프(Kick-off)

426. Education

427. _

428. 교육

429.
직군별

430. 교육

431.
ü 서비스

432. 제작/유지보수

433. 업무를

434. 담당하는

435. 모든

436. 사람

438.
ü 웹

439. 접근성의

440. 개념과

441. NWCAG

442. 지침은

443. 공통적으로

444. 다룸

445.
ü 지침별

446. 구현

447. 방법은

448. 직군별(기획/디자인

449. ,

450. 마크업

451. 개발,

452. 웹

453. 개발)로

454. 특화된

455. 내용을

456. 다룸

457.
그림,

458. 사진,

459. 정보전달을

460. 위한

461. 아이콘,

462. 차트,

463. 다이어그램

464. 등에

465.
기획/디자인

467. 대체

468. 텍스트를

469. 제공한다.

470.
마크업

471. 개발

472. 대체

473. 텍스를

474. 제공하기

475. 위해서는

476. alt

477. 속성을

478. 사용한다.

479.
동적으로

480. 생성하는

481. 이미지에도

482. 대체

483. 텍스트를

484. 제공한다.

485.
웹

486. 개발

487.
img.setAttribute(alt,

488. );

490. Education

491.
Execution

492. _

493. 실행

494.
Example

496. Execution

497. _

498. 실행

499.
우선순위

500. 선정

501.
ü 서비스

502. 중요도에

503. 따라

504. 순차적으로

505. 진행

506.
1차

507. 2차

508. 3차

509. 4차

511. Execution

512. _

513. 실행

514.
프로세스

515. 수립

516.
웹

517. 접근성

518. 사용성

520. 개선

521. 일정

522. 웹

523. 접근성

524.
개선

525. 제안서

526. 평가

527. 테스트

528. 협의

529.
이슈

530. 등록

531. 이슈

532. 처리

533.
QA

534.
배포

535.
리뷰

536.
웹

537. 접근성

538. 개선

539. 목적과

540. 방향,

541. 예상

542. 일정을

543. 서비스

544. 담당부서에

545. 공유

547. Execution

548. _

549. 실행

550.
프로세스

551. 수립

552.
개선

553. 제안서

554. 사용성

556. 개선

557. 일정

558. 웹

559. 접근성

560.
리뷰

561. 웹

562. 접근성

563. 테스트

564. 협의

565.
이슈

566. 등록

567. 이슈

568. 처리

569.
QA

570.
배포

571.
평가

572.
NWCAG

573. 체크리스트를

574. 기반으로

575. 오류

576. 항목

577. 정리

579. Execution

580. _

581. 실행

582.
프로세스

583. 수립

584.
개선

585. 제안서

586. 웹

587. 접근성

588. 개선

589. 일정

590. 웹

591. 접근성

592.
리뷰

593. 평가

594. 사용성

595. 협의

596.
이슈

597. 등록

598. 이슈

599. 처리

600.
QA

601.
배포

602.
테스트

603.
시각

604. 장애인을

605. 대상으로

606. 주요

607. 과업의

608. 사용성

609. 테스트를

610. 진행

612. Execution

613. _

614. 실행

615.
프로세스

616. 수립

617.
개선

618. 제안서

619. 웹

620. 접근성

621. 사용성

622. 웹

623. 접근성

624.
리뷰

625. 평가

626. 테스트

627. 개선

628. 일정

629. 이슈

630. 등록

631. 이슈

632. 처리

633.
QA

634.
배포

635.
협의

636.
웹

637. 접근성

638. 평가

639. 및

640. 사용성

641. 테스트에서

642. 나온

643. 개선

644. 사항을

645. 토대로

646. 진행

647. 일정

648. 협의

650. Execution

651. _

652. 실행

653.
프로세스

654. 수립

655.
개선

656. 제안서

657. 웹

658. 접근성

659. 사용성

660. 개선

661. 일정

662. 웹

663. 접근성

664.
리뷰

665. 평가

666. 이슈

667. 처리

668. 배포

669.
테스트

670. 협의

671. 이슈

672. 등록

673. QA

674.
개선

675. 이슈를

676. 개별적으로

677. BTS(Bug

678. Tracking

679. System)에

680. 등록한

681. 뒤

682. 담당자에게

683. 할당

685. Execution

686. _

687. 실행

688.
프로세스

689. 수립

690.
개선

691. 제안서

692. 웹

693. 접근성

694. 사용성

695. 개선

696. 일정

697. 웹

698. 접근성

699.
리뷰

700. 평가

701. 이슈

702. 등록

703. 배포

704.
테스트

705. 협의

706. 이슈

707. 처리

708. QA

709.
담당자별로

710. 할당된

711. 개선

712. 이슈를

713. 가이드에

714. 맞게

715. 수정

717. Execution

718. _

719. 실행

720.
프로세스

721. 수립

722.
개선

723. 제안서

724. 웹

725. 접근성

726. 사용성

727. 개선

728. 일정

729.
리뷰

730. 평가

731. 테스트

732. 협의

733.
이슈

734. 등록

735. 이슈

736. 처리

737. 웹

738. 접근성

739. 배포

740.
QA

741.
개선이

742. 완료된

743. 이슈를

744. 전체적으로

745. 재검토

747. Execution

748. _

749. 실행

750.
프로세스

751. 수립

752.
개선

753. 제안서

754. 웹

755. 접근성

756. 사용성

757. 개선

758. 일정

759. 웹

760. 접근성

761.
리뷰

762. 평가

763. 이슈

764. 등록

765. 이슈

766. 처리

767.
테스트

768. 협의

769. QA

770. 배포

771.
접근성이

772. 향상된

773. 웹

774. 서비스를

775. 사용자에게

776. 제공

778. Execution

779.
Example

780. _

781. 개선

782. 사례

783.
메일

784. Lite

786. Example

787. _

788. 개선

789. 사례

790.
배경

791.
날

792. 대신하려면

793.
적어도

794. 접근성은

795.
보장해야

796. 하지

797. 않겠어?

798.
메일SE

799. 메일Lite

800.
교체

801.
열악한

802. 환경

803. 고려

804. 메일SE의

805. 업그레이드

806. 버전

807.
간편한

808. 화면

809. 구성,

810. 접근성

811. 보장

812. 기본

813. 메일과

814. 유사한

815. 화면

816. 구성

818. Example

819. _

820. 개선

821. 사례

822.
평가

823.
ü 전맹

824. 사용자의

825. 접근성에

826. 해당하는

827. 항목만

828. 평가

829.
ü 반드시

830. 지켜야

831. 하는

832. 필수

833. 항목만

834. 평가

836. Example

837. _

838. 개선

839. 사례

840.
통과

841. 가이드

842.
ü 각각의

843. 오류

844. 항목을

845. 개선할

846. 수

847. 있는

848. 가이드

849.
ü 어디에서

850. 무엇이

851. 잘못되었는지,

859. 누가,

860. 어떻게

861. 개선해야

862. 하는지

863. 상세히

864. 기술

865.
ü 통과

866. 가이드를

867. 기준으로

868. 개선

869. 일정을

871. 잡고

878. BTS(Bug

879. Tracking

880. System)에

881. 이슈

882. 등록

885. Example

886. _

887. 개선

888. 사례

889.
개선된

890. 점

891. 1

892.
ü 동적으로

893. 생성되는

894. 이미지까지

895. 속속들이

896. 찾아

897. 대체

898. 텍스트

899. 제공!

901.
개선 전 alt 속성이 선언되지 않았음. 스크린리더에서 이미지 파일명이 출력됨
개선 후 alt =pearl0310@naver.com

902. Example

903. _

904. 개선

905. 사례

906.
개선된

907. 점

908. 2

909.
ü 웹

910. 페이지

911. 제목만

912. 보고도

913. 어떤

914. 내용을

915. 담고

916. 있는지

917. 알

918. 수

919. 있도록!

920.
개선 전
페이지가

921. 바뀌어도

922.
환경설정

923. ::

924. 네이버

925. 메일

927. Example

928. _

929. 개선

930. 사례

931.
개선된

932. 점

933. 2

934.
ü 웹

935. 페이지

936. 제목만

937. 보고도

938. 어떤

939. 내용을

940. 담고

941. 있는지

942. 알

943. 수

944. 있도록!

945.
개선 후
전
주요

946. 콘텐츠의

947. 제목을

948.
웹

949. 페이지의

950. 제목에도

951. 반영!

953. Example

954. _

955. 개선

956. 사례

957.
개선된

958. 점

959. 3

960.
ü 폼

961. 요소의

962. 역할을

963. 명확하게

964. 알

965. 수

966. 있는

967. 레이블

968. 제공!

969.
개선 전 체크박스가

970. 무엇을

971. 의미하는지

972. 레이블이나

973. title

974. 속성이

975. 제공되지

976. 않았음.

978.
스크린리더에서

979. ‘해제

980. 체크상자’로만

981. 출력됨

982.
개선 후 메일

983. 제목을

984. 레이블로

985. 제공

988. 앞으로

989.
기대해주세요!

990.
조진주

991.
me2day

992. ID:

993. 펄님

994.
E-mail:

995. pearl0310@naver.com