워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)

1. 장성민

2. Sungmin, Jang jangkunblog@gmail.com www.jangkunblog.com 웹

3. 접근성

5. 칭찬받기!!! 워드프레스로

10. jangkunblog.com http://www.jangkunblog.com 장군블로그

11. WordPress Admin

12. 웹

13. 접근성 Web Accessibility

14. What is Web Accessibility Web accessibility means that people with disabilities can use the Web.

15. 장애인

16. 등

17. 누구나

18. 신체적ㆍ기술적

19. 조건과

20. 관계없이

22. 웹사이트를

23. 통하여

24. 원하는

25. 서비스를

26. 이용할

27. 수

28. 있는

29. 정도 장애인

30. 차별금지

31. 및

32. 권리구제

33. 등에

34. 관한

35. 법률

36. 경사로인터넷의

37. 아직도…⋯

38. 웹에

39. 접근하는

40. 장애인들의

41. 어려움 2008~2013 국가인권위원회

42. 통계 장애인차별금지법이

43. 시행된

45. 2008년

46. 4월

47. 이후

49. 정보통신

50. 관련

51. 진정

52. 접수는

53. 947건으로

55. 전체

56. 장애인차별

57. 진정

58. 중

59. 14.5%

60. 워드프레스의

61. 노력 Make Wordpress Accessible

62. WordPress Accessibility Group https://make.wordpress.org/accessibility/ Make WordPress Accessible

63. WordPress Accessibility Group https://make.wordpress.org/accessibility/ Make WordPress Accessible • write documentation on WordPress and accessibility • test WordPress themes • report accessibility issues in core and core themes • ﬁx accessibility issues by writing patches

64. WordPress Accessibility Group

65. 웹

66. 접근성

67. 지침 Web Accessibility Guidelines

68. Web Accessibility Guidelines Web Content Accessibility Guidelines 2.0

69. Web Accessibility Guidelines 한국형

70. 웹

71. 콘텐츠

72. 접근성

73. 지침

74. 2.0

75. 한국형

76. 웹

77. 콘텐츠

78. 접근성

79. 지침

80. 2.0 [검사항목

81. 1.1.1]

82. 적절한

83. 대체

84. 텍스트

85. 제공

86. [검사항목

87. 1.2.1]

88. 자막

89. 제공

90. [검사항목

91. 1.3.1]

92. 색에

93. 무관한

94. 콘텐츠

95. 인식

96. [검사항목

97. 1.3.2]

98. 명확한

99. 지시사항

100. 제공

101. [검사항목

102. 1.3.3]

103. 텍스트

104. 콘텐츠의

105. 명도

106. 대비

107. [검사항목

108. 1.3.4]

109. 배경음

110. 사용

111. 금지

112. [검사항목

113. 2.1.1]

114. 키보드

115. 사용

116. 보장

117. [검사항목

118. 2.1.2]

119. 초점

120. 이동

121. [검사항목

122. 2.2.1]

123. 응답시간

124. 조절

125. [검사항목

126. 2.2.2]

127. 정지

128. 기능

129. 제공

130. [검사항목

131. 2.3.1]

132. 깜빡임과

133. 번쩍임

134. 사용

135. 제한 [검사항목

136. 2.4.1]

137. 반복

138. 영역

139. 건너뛰기

140. [검사항목

141. 2.4.2]

142. 제목

143. 제공

144. [검사항목

145. 2.4.3]

146. 적절한

147. 링크

148. 텍스트

149. [검사항목

150. 3.1.1]

151. 기본

152. 언어

153. 표시

154. [검사항목

155. 3.2.1]

156. 사용자

157. 요구에

158. 따른

159. 실행

160. [검사항목

161. 3.3.1]

162. 콘텐츠의

163. 선형화

164. [검사항목

165. 3.3.2]

166. 표의

167. 구성

168. [검사항목

169. 3.4.1]

170. 레이블

171. 제공

172. [검사항목

173. 3.4.2]

174. 오류

175. 정정

176. [검사항목

177. 4.1.1]

178. 마크업

179. 오류

180. 방지

181. [검사항목

182. 4.2.1]

183. 웹

184. 애플리케이션

185. 접근성

186. 준수 대체

187. 텍스트 제목

188. 제공 키보드 레이블 링크

189. 텍스트 명도

190. 대비 색 반복

191. 영역

192. 건너뛰기

193. 워드프레스

194. 웹

195. 접근성

196. 적용 How to improve WordPress’s Web Accessibility

197. 이미지

198. 대체

199. 텍스트 Image Alternative Text Images 를

200. 대체할

201. Images 사용자 한국

202. 웹

203. 접근성

204. 그룹

205. 이미지

206. Images 작성자

209. Images 주의사항 • Do not include alt attributes for decorative elements • If the image is a link, the alt tag should be used to describe what the link is • For charts, graphs and complex pictures you should use a long description to give the same information as there is in the picture.

210. 색 Color Color

211. Color •색각장애 비장애인 제1색맹(적[녹]색맹) 제2색맹(녹색맹) 제3색맹(청황색맹) ✓

212. 어떤

213. 색깔을

214. 전혀

215. 못알아보거나

216. 잘

217. 구별하지

218. 못하는

219. 것포인트

220. Color 포인트

221. Add Alt Text for Images 작성자

222. 명도

223. 대비 Contrast Contrast

224. Contrast •텍스트

225. 콘텐츠와

226. 배경

227. 간의

228. 명도

229. 대비는

230. 4.5대

231. 1

232. 이상이어야

233. 한다. 포인트

234. Contrast • Colour Contrast Analyser (CCA) 포인트

235. 제목 Headings Headings

236. Headings 사용자

237. Headings 작성자

238. Headings 주의사항 • Only one H1 per page • Use headings in order H1 – H6 • Don’t skip headings going down, skipping headings going up is okay

239. 링크 Links Links

240. Links • Link Text • Link Highlighting • Link Underlining 포인트

241. Link Text • Link Text 포인트

242. Link Text 작성자 • Link Text

243. Link Text 작성자 • Link Text

244. Link Highlighting Link Underlining • Link Highlighting Link Underlining 포인트

245. 반복영역

246. 건너뛰기 Skip Navigation Link Skip Navigation Link

247. Skip Navigation Link 포인트

248. Skip Navigation Link 포인트

249. Skip Navigation Link 작성자 header.php

252. 고맙습니다 jangkunblog@gmail.com

워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (18)

Semelhante a 워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)

Semelhante a 워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업) (12)

워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)