์ ์ฒด ๊ธ40 ์น ์ ๊ทผ์ฑ ์งํ๋ณ ์ ๋ฌธ๊ฐ์ฌ์ฌ ํ๊ฐ ๊ธฐ์ค ์งํ๋ณ ์ ๋ฌธ๊ฐ์ฌ์ฌ ํ๊ฐ ๊ธฐ์ค ์น์ ๊ทผ์ฑ ๊ฐ์ด๋๋ด์์ ๊ฐ์ ธ์ด์์น 1. ์ธ์์ ์ฉ์ด์ฑ(Perceivable): ๋ชจ๋ ์ฝํ ์ธ ๋ ์ฌ์ฉ์๊ฐ ์ธ์ํ ์ ์์ด์ผ ํ๋ค. ๊ฒ์ฌํญ๋ชฉ 1. (์ ์ ํ ๋์ฒด ํ ์คํธ ์ ๊ณต) ํ ์คํธ ์๋ ์ฝํ ์ธ ๋ ๊ทธ ์๋ฏธ๋ ์ฉ๋๋ฅผ ์ดํดํ ์ ์๋๋ก ๋์ฒด ํ ์คํธ๋ฅผ ์ ๊ณตํด์ผ ํ๋ค.์งํ๋ฒํธ1์งํ๋ช ์ ์ ํ ๋์ฒดํ ์คํธ ์ ๊ณต์ค์๊ธฐ์คโ ์ด๋ฏธ์ง ๋ฑ ํ ์คํธ๊ฐ ์๋ ์ฝํ ์ธ ๋ฅผ ์ด์ฉํ ๊ฒฝ์ฐ, ํด๋น ์ด๋ฏธ์ง๊ฐ ์ ๊ณตํ๋ ์๋ฏธ๋ ์ฉ๋๋ฅผ ๋์ผํ๊ฒ ์ธ์ํ ์ ์๋ ์ ์ ํ ๋์ฒด ํ ์คํธ๋ฅผ ์ ๊ณตํ ๊ฒฝ์ฐ ์ค์ํ ๊ฒ์ผ๋ก ์ธ์ ์ค๋ฅ์ ํ1-1โ , ๋ฑ ์ด๋ฏธ์ง ์์์ ๋ํด alt ์์ฑ์ ์ ๊ณตํ์ง ์๊ฑฐ๋ ๋งค์ฐ ๋ถ์ถฉ๋ถํ๊ฑฐ๋ ์คํ๋ก ํ๊ธฐ๋ ๊ฒฝ์ฐ์) ๋ฐฐ๋ ๋ฑ์ ํ์ฌ๋ช ๋ง ์ ๊ณ ํ์ฌ๊ธฐ๊ฐ, ์ฅ์ ๋ฑ์ ๊ธฐ์ ํ์ง ์์ ๊ฒฝ์ฐ์) ์ฐพ์์ค๋ ๊ธธ” ๋ฑ ์ง๋ ์ด๋ฏธ์ง์์ ์ฐพ.. 2012. 11. 9. input&label ์น ์ ๊ทผ์ฑ์ ๋ง๋ ์ฝ๋ฉ input & label ์น ์ ๊ทผ์ฑ์ ๋ง๋ ์ฝ๋ฉ๋ฒ 1. input ๊ณผ label์ ๋์์ ์ฐ๋ ๊ฒฝ์ฐ --> label์ for์ input ์์ด๋๋ฅผ ์ฐ๋ ์์ผ์ค์ผํจ. 1 2 3 4 ์ด๋ฆ 2. input๋ง ์ฐ๋ ๊ฒฝ์ฐ --> ๋์์ธ ์ label์ ์ฌ์ฉํ์ง ์์ ๊ฒฝ์ฐ title๋ง ์ ์ด์ค๋ ๋ฌธ์ ์์ 1 2 3 3. input type="image"๋ฅผ ์ธ ๊ฒฝ์ฐ --> ์น ์ ๊ทผ์ฑ ์ฐ๊ตฌ์์์๋ ์ด ๊ฒฝ์ฐ alt์ title์ ๋๋ค ๋ช ์์ ์ค๊ฒ์ ๊ถ๊ณ ํจ. 1 2 3 ์ฐธ์กฐ : http://www.wah.or.kr/Example/wcag_valu.asp?cate=60 2012. 11. 9. CSS๋ก input type="file" ๋ฐ๊พธ๊ธฐ type="file ์ธํ์ด ์๋ง ๊ฐ์ฅ html์์ ์คํ์ผ ํ๊ธฐ ์ด๋ ค์ด ํ๊ทธ์ผ๊ฒ๋๋ค. ๋ณด์ ๋ฌธ์ ๋ก ๋ธ๋ผ์ฐ์ ์์ ๋ณ๊ฒฝํ๋๋ฐ์ ์ ์ฝ์ ๋๊ธฐ ๋๋ฌธ์ ๋๋ค. ๋ฌผ๋ก , ํธ๋ฆญ์ด ์๊ธฐ์ผ ํ์ง๋ง, ๋ธ๋ผ์ฐ์ ๋ง๋ค ๊ณ ์ ์ ์ปจํธ๋กค์ ํ๊ธฐ ๋๋ฌธ์ ๋ค๋ฅด๊ฒ ํํ๋๋ฉฐ ๊ฒ๋ค๊ฐ ๋ณด๊ธฐ ์์ข์ ๋ง์ ์ฝ๋๋ฅผ ์จ์ผ๋๋ค๋ ๊ฒ๋๋ค. ๊ฐ์ฅ ๊น๋ญ์ค๋ฌ์ด ๋ถ๋ถ์ด ๋ฐ๋ก ๋ชจ๋ ๋ธ๋ผ์ฐ์ ์์ ์๋ํ๋ ๊ฒ์ ์ฐพ๋๊ฒ์ด์ฃ . ๋ง์ฝ ์ด ๋ฌธ์ ๋ฅผ ๊ตฌ๊ธ๋งํด๋ณด์๋ฉด, ์ดํดํ๊ธฐ ์ด๋ ค์ด javascript, jquery ๊ทธ๋ฆฌ๊ณ css๋ฅผ ๋๋ฌด ๋ง์ด ์ฌ์ฉํ ํํ ๋ฆฌ์ผ์ ๊ตฌํ๊ฒ ๋ ๊ฒ๋๋ค. ์ ์๋์ ์ผ๋ก ์ด ๋ฌธ์ ๋ฅผ ๊ฐ๋จํ ํด๊ฒฐํด์ฃผ๋ ๋ฐฉ๋ฒ์ ์ฐพ์๊ณ , ์ดํดํ๊ธฐ ์ฝ๋๋ก ๋ ธ๋ ฅํ์๋๋ค. 4๋จ๊ณ๋ก ๋๋ ์ ๋ค๋ค ๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ์ฒซ์งธ - ํ ์คํธ์์์ fileํ์ ์ธ input์ ๋ง๋ ๋ค div ์ input .. 2012. 11. 1. IE9/Chrom table border ๋ฌธ์ ๊ฐ๋ IE9์ ํฌ๋กฌ์์ ํ ์ด๋ธ ์ ์ด ์ ๋๋ก ์๋ณด์ด๋ ๋๊ฐ์๋ค ์๋ก ์๋์ ์ด๋ฏธ์ง๋ฅผ ๋ณด์ ์์ ์ธ๊ฐ์ ํ ์ด๋ธ์ ๊ฐ๊ฐ ํฌ๋กฌ/Ie9/ํํญ์์ ๋ดค์๋์ ๋ชจ์ต์ด๋ค. ์์ฑ์ผ๋ก๋ border-collapse:collapse์ boder:1px solid #000์ ์ฃผ์๋ค. ํ์ง๋ง ๊ฐ๊ฐ์ ๋ธ๋ผ์ฐ์ ์์ ๋์ค๋ ๋ชจ์ต์ ๋ค๋ฅด๋ค. ์์ฑ์ ์๋ฌ๋ก ์ธํ ๋ฌธ์ ์ธ๋ฐ ์ด๋ด๋ border-collapse์ ์์ฑ์ collapse๋ก ์ฃผ์ง๋ง๊ณ separate ๋ก ์ฃผ๋ฉด ํฌ๋กฌ๊ณผ ie9 ๋ธ๋ผ์ฐ์ ์์๋ ์ ์์ ์ผ๋ก ์ถ๋ ฅ์ด ๋๋ค. 2012. 10. 16. ์ด์ 1 ยทยทยท 3 4 5 6 7 8 9 10 ๋ค์