WCAG 2.1 ์ ๋ฆฌ
๐ WCAG?
- WCAG๋ Web Content Accessibility Guideline์ ์ค์๋ง๋ก ์น ์ฝํ ์ธ ๋ฅผ ์ ๊ทผ์ฑ ์๊ฒ ๋ง๋ค๊ธฐ ์ํ ๊ถ์ฅ ํ์ค
- ์ด ํ์ค์ ์ค์ํจ์ ํตํด ์๊ฐ, ์ฒญ๊ฐ, ์ด๋์ฅ์ ๋ฑ ๊ด๋ฒ์ํ ์ฅ์ ์ ๋ํ ์ ๊ทผ์ฑ ์๋ ์ฝํ ์ธ ๋ฅผ ๋ง๋ค ์ ์์
- ์น ์ ๊ทผ์ฑ์ ๊ธฐ์ด๋ฅผ ์ ๊ณตํ๋ 4๊ฐ์ง ์์น์ธ ์ธ์์ ์ฉ์ด์ฑ(Perceivable), ์ด์ฉ์ ์ฉ์ด์ฑ(Operable), ์ดํด์ ์ฉ์ด์ฑ(Understandable), ๊ฒฌ๊ณ ์ฑ(Robust)์ ๊ธฐ๋ฐ์ ๋๊ณ ์์
- ์์น์ ๊ธฐ๋ฐ์ผ๋ก ์ ๊ทผ์ฑ์ ์ํด ์ด๋ ํ ๋ชฉํ๋ฅผ ๋ฌ์ฑํด์ผ ํ๋์ง์ ๋ํ ์ง์นจ๊ณผ ๋ ๊ทธ ์ง์นจ์ ๋ํ ๊ฒ์ฆ๊ฐ๋ฅํ ์ฑ๊ณต๊ธฐ์ค์ ์ ์ํ๊ณ ์์
- ์ฑ๊ณต๊ธฐ์ค์ ์ต์ ์์ค์ธ level A ๋ถํฐ ์ต๊ณ ์์ค์ธ level AAA๊น์ง 3๋จ๊ณ๋ก ๋๋์ด์ง
WCAG 2.0 VS WCAG 2.1
WCAG 2.0 ์ด ๋ง๋ค์ด์ก์๋๋ ์ฃผ๋ก ๋ฐ์คํฌํ ํ๊ฒฝ๋ง์ ๊ณ ๋ คํ์ง๋ง ๊ทธ ํ ๋ชจ๋ฐ์ผ ์ฐ์ ์ ํญ๋ฐ์ ์ธ ํ์ฅ์ผ๋ก ๋ชจ๋ฐ์ผ ํ๊ฒฝ์ ํ์์ ์ผ๋ก ๊ณ ๋ คํด์ผํ๋ ์ํฉ์ด ์ฐพ์์๋ค.
WCAG 2.1์ WCAG 2.0์ ์๊ตฌ์ฌํญ๋ค์ ์์ํ๋ฉด์ ์ถ๊ฐ์ ์ผ๋ก ์ธ์ง๋ ํ์ต์ฅ์ ๊ฐ ์๋ ์ฌ์ฉ์, ์ ์๋ ฅ์, ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ๋ฅผ ์ฌ์ฉํ๋๋ฐ ์ฅ์ ๊ฐ ์๋ ์ฌ์ฉ์์ ์ ๊ทผ์ฑ ์ง์นจ์ ๊ฐ์ ํ๋ ๋ฐ ๋ชฉํ๋ฅผ ๋๊ณ ์๋ค.
์ฆ WCAG 2.1์ ์๋ก์ด ์ฑ๊ณต๊ธฐ์ค, ์ด๋ฅผ ์ง์ํ๊ธฐ ์ํ ์ ์, ์ถ๊ฐ์ฌํญ์ ์กฐ์งํ๊ธฐ ์ํ ์ง์นจ, ๊ทธ๋ฆฌ๊ณ ์ค์ ์ (section)์ ๋ํ ๋ช ๊ฐ์ง ์ฌํญ์ ์ถ๊ฐํ์ฌ WCAG 2.0์ ํ์ฅํ ๊ฒ์ด๋ค.
1. ์ธ์์ ์ฉ์ด์ฑ(Perceivable)
- ์ ๋ณด์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ์์๋ ์ฌ์ฉ์๊ฐ ์ธ์ํ ์ ์๋ ๋ฐฉ๋ฒ์ผ๋ก ์ ์๋์ด์ผ ํ๋ค.
- 4๊ฐ์ง ์ง์นจ๊ณผ ๊ทธ์ ๋ํ 29๊ฐ์ง ์ฑ๊ณต๊ธฐ์ค์ ๊ฐ์ง๊ณ ์๋ค.
์ง์นจ 1.1 ๋์ฒดํ ์คํธ
ํ ์คํธ๊ฐ ์๋ ์ฝํ ์ธ ์ ๊ฒฝ์ฐ ๋ชฉ์ ์ ์์ํ๋ ๋์ฒด ํ ์คํธ๋ฅผ ์ ๊ณตํด์ผ ํ๋ค. (ex - img alt์์ฑ)
๋จ ์๋ ฅ๊ฒ์ฌ, ๋ฐ์์ฐ๊ธฐ์ ๊ฐ์ Test๋ ํน์ ๊ฐ๊ฐ์ ์ํ ์ ๊ธฐ์ฐ์ฃผ ๋ฑ ํ ์คํธ๋ง์ผ๋ก ๊ทธ ๋ด์ฉ์ ์ค๋ช ํ๊ธฐ์ ์ ๋งคํ ๊ฒฝ์ฐ ์ฝํ ์ธ ์ ์ฉ๋๋ง์ ๊ธฐ์ ํ๋ ๊ฒ๋ ๊ด์ฐฎ๋ค.
ํ ์คํธ ์๋ ์ฝํ ์ธ ๊ฐ ์์ํ ์ฅ์์ด๊ฑฐ๋, ๋ณด์ด์ง ์๋๊ฒฝ์ฐ ๋์ฒดํ ์คํธ๋ฅผ ์ ๊ณตํ์ง ์๋ ํธ์ด ํฉ๋ฆฌ์ ์ด๋ค
์ง์นจ 1.2 ์๊ฐ๊ธฐ๋ฐ ๋ฏธ๋์ด
์๊ฐ๊ธฐ๋ฐ ๋ฏธ๋์ด์ ๋ํ ๋์ฒด์๋จ์ ์ ๊ณตํด์ผ ํ๋ค
๋ฌ์ฑํ๊ธฐ ๋น๊ต์ ์ฌ์ด level A ๋ถํฐ ์ด๋ ค์ด level AAA ๊น์ง ์ด 9๊ฐ์ ๊ธฐ์ค์ ๊ฐ์ง๊ณ ์๋ค.
level์ด ์ฌ๋ผ๊ฐ์๋ก ๋ ์์ธํ๊ณ ๋ง์ ์ ๋ณด๋ฅผ ์ค์๊ฐ์ผ๋ก ์ ๊ณตํ๋ ๊ฒ์ ๊ธฐ์ค์ผ๋ก ์ผ๊ณ ์๋ค.
์ง์นจ 1.3 ์ ์๊ฐ๋ฅ
์ฝํ ์ธ ๊ฐ ์ ๋ณด๋ ๊ตฌ์กฐ์ ์์ค ์์ด ๋ค๋ฅธ ๋ฐฉ๋ฒ๋ค๋ก ํ์๋ ์ ์๋๋ก ์ ์๋์ด์ผ ํ๋ค.
์ฝํ ์ธ ์ ์ ๋ณด, ๊ตฌ์กฐ, ๊ด๊ณ๋ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ๊ฒฐ์ ๋์ด์ผ ํ๊ณ ๋ ์ฝํ ์ธ ๊ฐ ํ์๋๋ ์์๊ฐ ์๋ฏธ์ ์ํฅ์ ์ฃผ๋ ๊ฒฝ์ฐ ์ฌ๋ฐ๋ฅธ ์ฝ๊ธฐ ์์ ์ญ์ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ๊ฒฐ์ ๋์ด์ผ ํ๋ค.
ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ๊ฒฐ์ ๋๋ค๋ ๊ฒ์ ํ๋๊ธฐ, ์์ฑ ์ธ์ ์ํํธ์จ์ด์ ๊ฐ์ ๋ณด์กฐ๊ณตํ์ ํฌํจํ user agent(์น ๋ธ๋ผ์ฐ์ )๊ฐ ๊ฐ๋ฐ์ ์ ๊ณต ๋ฐ์ดํฐ๋ก๋ถํฐ ์ ๋ณด๋ฅผ ์ถ์ถํด ์ฌ์ฉ์์๊ฒ ๋ค๋ฅธ ํ์์ผ๋ก ์ ๊ณตํ ์ ์์์ ๋ปํ๋ค - ๋์ฒดํ ์คํธ์ img alt ์์ฑ ์ฒ๋ผ
์ฝํ ์ธ ๋ฅผ ์ดํดํ๊ณ ์๋ํ๊ธฐ ์ํด ์ ๊ณต๋ ์ง์๋ฌธ์ ๋ชจ์, ์์, ํฌ๊ธฐ, ์๊ฐ์ ์์น ๋ฑ ๊ตฌ์ฑ์์์ ๊ฐ๊ฐ์ ํน์ฑ์ ์ ์ ์ผ๋ก ์์กดํด์๋ ์ ๋๋ค.
์ง์นจ 1.4 ์๋ณ ๊ฐ๋ฅ
์์์ ์๊ฐ์ ์์ ๊ตฌ๋ณ์ ์ํ ์ ์ผํ ์๊ฐ์ ์๋จ์ผ๋ก๋ง ์ฌ์ฉ๋์ด์๋ ์๋๋ค.
์น ํ์ด์ง์ ์๋ ์ค๋์ค๋ฅผ ์ปจํธ๋กค ํ ์ ์์ด์ผ ํ๊ณ , ๋ฐฐ๊ฒฝ์์ด ๋ฎ๊ฑฐ๋ ์์ด์ผํ๋ค - ์คํฌ๋ฆฐ๋ฆฌ๋ ์ฌ์ฉ์๋ฅผ ์ํ ํญ๋ชฉ์ผ๋ก, ์คํฌ๋ฆฐ๋ฆฌ๋ ์ฌ์ฉ์๋ ์ฒญ๊ฐ์ ํตํด ์ ๋ณด๋ฅผ ๋ฐ์๋ค์ด๊ธฐ ๋๋ฌธ์ ๋ค๋ฅธ ์ค๋์ค๋ ๋ฐฐ๊ฒฝ์์ด ์ง์๋๋ค๋ฉด ์ฝํ ์ธ ๋ฅผ ์ด์ฉํ๋๋ฐ ๋ถํธํจ์ ๊ฒช์ ์ ์์.
ํ ์คํธ ์ด๋ฏธ์ง ๋ณด๋ค๋ ํ ์คํธ๋ฅผ ์ฌ์ฉํด์ผ ํ๊ณ , ํ ์คํธ์ ๋ช ๋๋๋น, ํฌ๊ธฐ ์กฐ์ ๋ฑ์ ํตํด ๊ฐ์์ฑ์ ๋์ฌ์ผํ๋ค.
์ถ๊ฐ์คโฆ