์น ์ ๊ทผ์ฑ(Web Accessibility)
์ฅ์ ์ธ, ๊ณ ๋ น์ ๋ฑ ๋ชจ๋ ์ฌ์ฉ์๊ฐ ์ด๋ ํ ๊ธฐ์ ์ด๋ ํ๊ฒฝ์์๋ ์ ๋ฌธ์ ์ธ ๋ฅ๋ ฅ ์์ด ์น์ฌ์ดํธ์์ ์ ๊ณตํ๋ ๋ชจ๋ ์ ๋ณด๋ฅผ ๋๋ฑํ๊ฒ ์ ๊ทผํ๊ณ ์ดํดํ ์ ์๋ ๊ถ๋ฆฌ์ ๋๋ค.
์น ์ ๊ทผ์ฑ ์ค์ ์ด์
์ฅ์ ์ธ, ๊ณ ๋ น์ ๋ฑ์ ํฌํจํ ๋ชจ๋ ์ฌ๋๋ค์ด ์น์์ ์ํ๋ ์ ๋ณด๋ค์ ์์ ๋กญ๊ฒ ์ ๊ทผ ํ๊ณ ์ด์ฉํ ์ ์์ต๋๋ค. ๋ํ '08๋ 4์ 11์ผ๋ถํฐ ์ํ๋ โ์ฅ์ ์ธ์ฐจ๋ณ๊ธ์ง ๋ฐ ๊ถ๋ฆฌ๊ตฌ์ ๋ฑ์ ๊ดํ ๋ฒ๋ฅ โ ๋ฐ ๋๋ฒ ์ํ๋ น ๋ฑ ๊ด๋ จ ๊ท์ ์ ์ค์ํ ์ ์๊ฒ ๋ฉ๋๋ค.
์น ํ์ค(Web Standard)
์น ํ์ค์ด๋ ๋ธ๋ผ์ฐ์ ์ข ๋ฅ ๋ฐ ๋ฒ์ ์ ๋ฐ๋ฅธ ๊ธฐ๋ฅ ์ฐจ์ด์ ๋ํ์ฌ ํธํ์ด ๊ฐ๋ฅํ๋๋ก ์ ์๋ ํ์ค์ ๋๋ค. ๋ค๋ฅธ ๊ธฐ์ข ํน์ ํ๋ซํผ์ ๋ฐ๋ผ ๋ฌ๋ฆฌ ๊ตฌํ๋๋ ๊ธฐ์ ์ ๋์ผํ๊ฒ ๊ตฌํํจ๊ณผ ๋์์ ์ด๋ ํ์ชฝ์ ์ต์ ํ๋์ด ์น์ฐ์น์ง ์๋๋ก ๊ณตํต์์๋ฅผ ์ฌ์ฉํ์ฌ ์น ํ์ด์ง๋ฅผ ์ ์ํ๋ ๊ธฐ๋ฒ์ ๋๋ค. ํ์คํ ๋จ์ฒด์ธ W3C(World Wide Consortium)๊ฐ ๊ถ๊ณ ํ ํ์ค์์ ๋ฐ๋ผ ์น์ฌ์ดํธ๋ฅผ ์์ฑํ ๋ ์ด์ฉํ๋ HTML, CSS, JavaScript ๋ฑ์ ๋ํ ๊ท์ ์ ๋ด๊ณ ์์ผ๋ฉฐ ์น ํ์ค์ ๊ถ๊ทน์ ์ธ ๋ชฉ์ ์ ์น์ฌ์ดํธ์ ์ ์ํ ์ฌ์ฉ์๊ฐ ์ด๋ ํ ์ด์์ฒด์ ๋ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์ฉํ๋๋ผ๋ ๋์ผํ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ด๊ฒ ํ๋ ๊ฒ์ ๋๋ค.
์น ํ์ค ์ค์ ์ด์
๊ตญ๋ด ์น์ ํ์ค์ ํน์ ๋ธ๋ผ์ฐ์ ์ ์ฌ์ฉ์ ๋ฑ์ ์ด์ฉํ๊ฒฝ๊ณผ ๋นํ์ค ํ์ด์ง ๋ฐ ๊ณผ๋ํ ํ๋ฌ๊ทธ์ธ ์ฌ์ฉ์ผ๋ก ์ฅ์ ์ธ, ๋ ธ์ฝ์๋ฅผ ํฌํจํ ๋ชจ๋ ์ฌ์ฉ์๋ค์๊ฒ ์ด์์ฒด์ ๋ฐ ์น ๋ธ๋ผ์ฐ์ ๋ฑ์ ์ ๋ณด ์ ๊ทผ ์ ์ฝ์ด ์์ต๋๋ค. ๋ฐ๋ผ์ ๋ธ๋ผ์ฐ์ ์ ์ข ๋ฅ๋ ๋ฒ์ ์ ์๊ด์์ด ๋ชจ๋ ์ฌ์ฉ์๋ค์ด ๋์ผํ ์น์ฌ์ดํธ๋ฅผ ๋ณผ ์ ์๋๋ก ์น ํ์ค๊ธฐ์ ์์ ์ด ํ์ํ๋ฉฐ ์น ํ์ค ์ค์๋ ์น ์ ๊ทผ์ฑ ์ค์๋ฅผ ์ํ ํต์ฌ์ ๋๋ค.
์น ํ์ค ์ฅ์
1. ์์ ๋ฐ ์ด์๊ด๋ฆฌ ์ฉ์ด
2. ์ ๊ทผ์ฑ ํฅ์
3. ๊ฒ์์์ง ์ต์ ํ (SEO)
4. File Size ์ถง๊ณ , ์๋ฒ ๊ณต๊ฐ ์ ์ฝ
5. ํจ์จ์ ์ธ ๋งํฌ์
6. ํธํ์ฑ ๊ฐ๋ฅ
์น ํธํ์ฑ(Cross Browsing)
์น ํธํ์ฑ์ ํ์ค ์น ๊ธฐ์ ์ ์ฌ์ฉํ์ฌ ์ด์์ฒด์ , ๋ธ๋ผ์ฐ์ ์ ์๊ด ์์ด ์น ์ฌ์ดํธ ์ฌ์ฉ ์ ์ด์์ฒด์ ๋ฐ ๋ธ๋ผ์ฐ์ ๊ฐ ๋์ผํ ๊ฒฐ๊ณผ๊ฐ ๋์ค๋๋ก ์๋ฏธํ๋ ์น ์ํธ์ด์ฉ์ฑ์ ๊ฐ๋ ์ ์น ํ์ค์ ์ค์๋ฅผ ํฌํจํ๋ ๊ฐ๋ ์ ๋๋ค.
์น ํธํ์ฑ ์ค์ ์ด์
์น ํ์ค์ ์ค์ํ์ง ์๊ณ ํน์ ์ด์์ฒด์ ์ ๋ธ๋ผ์ฐ์ ์ ์ข ์๋์ด ์๋ค๋ฉด ๋ค์ํ ์ด์์ฒด์ ํ๊ฒฝ ๋ฐ ๋ธ๋ผ์ฐ์ ์์์ ์ฌ์ฉ์ด ๋ถ๊ฐ๋ฅํ ๋ฌธ์ ์ ์ด ๋ฐ์ํ๊ฒ ๋ฉ๋๋ค.
์น ํ์ค, ์น ํธํ์ฑ, ์น ์ ๊ทผ์ฑ์ ์ดํด
๊ตฌ๋ถ | ๋ชฉ์ | ์ค์๋ด์ฉ | ์ฐจ์ด |
---|---|---|---|
์น ํ์ค | ์น์ ์ฌ์ฉ์ฑ ๋ฐ ์ ๊ทผ์ฑ ๋ณด์ฅ |
HTML, CSS ๋ฑ์ ๋ํ WC3๊ท๊ฒฉ(๋ฌธ๋ฒ) ์ค์ ๋ฑ - HTML, CSS, Javascript ๋ฑ ๊ตฌ์กฐ์ ํํ, ๋์ ๋ถ๋ฆฌ ๊ถ๊ณ |
์น์ ๋ด์ฉ, ํํ, ํ๋์ ๊ด๋ จ๋ ๊ธฐ์ ํ์ค |
์น ํธํ์ฑ | ์น ๋ธ๋ผ์ฐ์ ๋ฒ์ , ์ข ๋ฅ์ ๊ด๊ณ์๋ ์น์ฌ์ดํธ ์ ๊ทผ |
์น ํ์ค ์ค์๋ฅผ ํตํ ๋ธ๋ผ์ฐ์ ํธํ์ฑ ํ๋ณด - HTML, CSS ๋ฌธ๋ฒ ์ค์ - ๋์, ๋ ์ด์์, ํ๋ฌ๊ทธ์ธ ํธํ์ฑ |
์น ํ์ค์ ๊ณตํต์ผ๋ก ํฌํจ |
์น ์ ๊ทผ์ฑ | ์ธ์ , ํ๊ฒฝ์ ์์ธ์ ์ ์ฝ์๋ ์น ์ ๋ณด ์ ๊ทผ |
W3C ์น ์ ๊ทผ์ฑ ์ด๋์
ํฐ๋ธ(WAI) ํ๊ตญํ ์น ์ฝํ
์ธ ์ ๊ทผ์ฑ ์ง์นจ2.0 - ์ธ์์ ์ฉ์ด์ฑ, ์ด์ฉ์ ์ฉ์ด์ฑ, ์ดํด์ ์ฉ์ด์ฑ, ๊ฒฌ๊ณ ์ฑ |
'HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ธ๋ก ๊ตฌ์กฐ / ์ธ๋ผ์ธ ๊ตฌ์กฐ (2) | 2022.08.22 |
---|---|
๊ตฌ์กฐ ๊ด๋ จ ์์ (2) | 2022.08.17 |
๋๊ธ