7์ 4์ผ๋ถํฐ ๋งค์ฃผ ๊ธ์์ผ ์ ๋ 8์. WCAG 2.2 Understanding ์คํฐ๋ ์งํํฉ๋๋ค. ์ ๊ทผ์ฑ์ ๊ด์ฌ์๋ค๋ฉด ์ธ์ ๋ ์ง ์ฐธ์ฌ ๊ฐ๋ฅํฉ๋๋ค. ๋ง๊ด๋ถ~ #A11YKR #์ ๊ทผ์ฑ https://discord.gg/9ZXYJWDjWR
Hyunjin Cho
@resistan@hackers.pub ยท 16 following ยท 25 followers
๐ฏ๏ธ๋ฐ๋ผ๋ ๊ฑด ํ๋ฑํ ๋ฏผ์ฃผ ์ธ์.
๋์งํธ ์ ๊ทผ์ฑ, HTML, CSS๋ก ์ด๋ค ์์ฆ์ ๋ค์ ํฌ์.
์ ๊ทผ์ฑ ํ๋ก์ ํธ
- a11ykr.github.io
๋ธ๋ก๊ทธ
- resistan.com
ํ๋ณด์๋ค ๊ณต์ ํํ์ด์ง ๊ณต๊ฐ ์์ ์ด ๋ฆ์ ํธ์ด๋ผ ๋ถ์๊น์ง๋ ํ์ง๋ ๋ชปํ๊ณ .. ๊ทธ๋ฅ lighthouse ์ ๊ทผ์ฑ ์ ๊ฒ ๊ฒฐ๊ณผ๋ง. ๊ธฐ๋ก์ฐจ.
#๋์ #ํํ์ด์ง #์ ๊ทผ์ฑ https://resistan.com/2025-election/
GAAD ํ๊ตญ์ด ์๊ฐ๊ธ ์์ ํ๊ธฐ - ์ฌํด์ GAAD๋ ๋ด์ผ(15์ผ)์ ๋๋ค.
ํ๊ตญ์ด ์๊ฐ๊ธ ๋ฑ๋ก ์๋ฃ. ์์ ์ ์ฐธ์ฌํด์ฃผ์ ๋ถ๋ค๊ป ๋ฌดํํ ๊ฐ์ฌ๋ฅผ. ํ๊ธฐ๋ ๋ฐ๋ก ์ค๋นํด ๋ณด๊ฒ ์ต๋๋ค.
์ธ๊ณ ์ ๊ทผ์ฑ ์ธ์์ ๋ ์ ๋งค๋ 5์ ์ ์งธ์ฃผ ๋ชฉ์์ผ๋ก ์ง์ ๋์ด์๊ณ , ์ฌํด๋ ์ค๋ 5์ 15์ผ(๋ชฉ)์ ๋๋ค.
a11ykr ์ปค๋ฎค๋ํฐ ๋ฉค๋ฒ๋ค๊ณผ ํจ๊ป ํ๊ตญ์ด ์๊ฐ๊ธ์ ์ค๋นํด์ ์ ์ถํ๋๋ฐ, ์ฌ์ดํธ์ ๊ฒ์๋๋ฉด ์ข๊ฒ ์ต๋๋ค.
์น ์ ๊ทผ์ฑ์ ๊ณ ๋ คํ ์ฝํ ์ธ ์ ์๊ธฐ๋ฒ 2.2 ๊ฐ์ ํ ์ ๊ฒฉ ์ถ์! ๊ทธ๋์ ๋์จ ์๋ฃ ์ค ์ ์ผ ๊ณ ํ์ธ ๋ฏ.
์์ผ๋ก ์ด๋ฐ ๊ธ์ ์ฐ๋๋ฆด๋ ค๊ตฌ์. ๊ธฐ๊ณ ๋ ํ์์ ๋๋ค.
https://a11ykr.github.io/stories/accessibility-is-important/
์ ๊ทผ์ฑ ๋ฌธ์๋ฅผ ๋ฒ์ญํ๊ณ ๋ชจ์๋๋ ํ์ด์ง์์, ๋ธ๋ก๊ทธ๋ฅผ ์น์ ์ ์ถ๊ฐํ๊ณ ๋ฌธ์๋ gitbook๊ณผ ๋น์ทํ ํํ๋ก ๋ณผ ์ ์๋ ์ฌ์ดํธ๋ก ๋ณ๊ฒฝํ๋ ์์ ์ค์ ๋๋ค. ๋ธ๋ก๊ทธ ์น์ ์ถ๊ฐํ ๊น์ ๊ธ๋ ๊ฐ๋ง์ ์ผ๋ค์. ๋๋ฌด ๋น์ฐํ ์ด์ผ๊ธฐ๋ง ์ด ๊ฒ๋ ๊ฐ์ง๋ง์. ์์ผ๋ก ํ์ผ๋ฉด ํ๋ ๊ฒ๋, ๋ณ๊ฒฝํ ์ฌ์ดํธ์ ์ ๋นํ ๊ฒ๋ ๋ง๋ค์. ์๋๊ฐ ํ์ํ ์ผ์ ์๋์ง๋ง, ์ฌ๋ฌ ์ฌ๋์ด ๊ฐ์ดํ๋ฉด ๋ ์๋ฏธ๊ฐ ์๋ ์ผ์ด ๋ ๊ฒ ๊ฐ์, ํจ๊ปํ์ค ๋ถ๋ค์ ๊ณ์ ์ฐพ๊ณ ์์ต๋๋ค.
@Cyan์์ (๋นํ์ฑํ๋จ) ์ ๋งน์ธ ๊ฒฝ์ฐ์๋ ์ปค๋ชจ์ง๊ฐ ๋ฌธ์ ๊ฐ ๋ ๊ฒ ๊ฐ๊ธด ํ๋ค์. ์ ์๋ ฅ(์ฝ๊ฐ์ด๋ผ๋ ์๋ ฅ์ด ์๋) ๊ฒฝ์ฐ์๋ ํ๋ํด์ ๋ณผ ์ ์๋ค ์ถ์ด์ ์คํ๋ ค ๊ด์ฐฎ์ ๊ฒ ๊ฐ์ต๋๋ค. ์ปค๋ชจ์ง๋ ASCII ์ํธ์ฒ๋ผ ํ
์คํธ๊ฐ ์๋ ์ฝํ
์ธ ๋ก ๊ฐ์ฃผ๋ ๋ฏ ํ๊ณ ์ค๋ช
์ด ๋ณ๋๋ก ์ ๊ณต๋๋ ํธ์ด ์ข๊ฒ ์ต๋๋ค. ์ด๋ป๊ฒ ์ค๋ช
ํ ๊ฑฐ๋๋... ๊ฒฝ์ฐ์ ๋ฐ๋ผ ๋ถ๋ช
์น ์๊ธฐ๋ ํฉ๋๋ค๋ง...
๋์งํธ ์ ๊ทผ์ฑ์ ๊ด์ฌ ์๋ ๋ถ๋ค์ด ๊ณ์๋ ค๋...
๊ตฌ๋ฆฐ ์์ด ์ค๋ ฅ์ LLM์ ๋น์ด์ ์ผ๋จ์ ํผ์ ํ๊ณ ์์ง๋ง...
์์ ์ฒ๋ผ ํ๊ฐ ์ค์ฌ์ด ์๋ ๊ตฌํ ๋ฐฉ๋ฒ ์ค์ฌ์ ๊ธ์ ์ข ์์ฐํ๊ณ ์ถ๋ค๊ณ ...
์ผ๋จ ๊ณํ์ ์ด๋ฐ๋ฐ... ๊ฐ์ด ํ ์ฌ๋ ์์ผ๋ฉด ์ข๊ฒ ๋ค๊ณ ์๊ฐํฉ๋๋ค์์...
https://event-us.kr/msftkrdevrel/event/101808
๋ชจ๋ ์ธ์ด์ ๋ฐ์ด๋ธ๋ฅผ ๋ค ํด์ผํ๋ ๊ฒ์ธ๊ฐโฆ
์ฒ ์ง๋ ์ด์ผ๊ธฐ์ด๊ธด ํ๋ฐ...
๋ ์ญ์ ์์ดํฐ์ ์ฐ๊ธฐ๋ ๊ณ์ ์ฐ์ง๋ง, ์ธ์ ๊ฐ๋ถํฐ ๊ต์ฒด ์ฃผ๊ธฐ๊ฐ ์ ์ ๊ธธ์ด์ง๊ณ ์๋ค.
3GS > 4S > 6 > 8Plus > 11pro > 16Pro
์ด ๊ณต๊ฐ์์ ๊ทธ๋ด ๋ถ์ด ์๊ณ์ค ๊ฑฐ๋ผ ์๊ฐํ์ง๋ง...
๋ง์ฐ์ ์ด๋ผ๊ณ ์ ์น๋ ์ฌ๋์ ์ฃผ์ ๋ก ๊ณผ๋ํ ๋๋ด์ด ๋ฑ์ฅํ์ง ์์์ผ๋ฉด ํ๋ ๋ฐ๋์ด ์์ต๋๋ค.
@hongminheeๆดช ๆฐๆ (Hong Minhee) ์์ง์ ์ธํฐํ์ด์ค๊ฐ ๋ฐ์คํฌํ ๊ธฐ๋ฐ์ผ๋ก ๋ณด์ด๊ธด ํฉ๋๋ค๋ง, ์ด๋ฏธ์ง ๋ฑ๋ก์ ํธ์ง์ฐฝ์ ๋๋๊ทธ ์ค ๋๋กญ์ผ๋ก๋ง ํ ์ ์์ผ๋ฉด ๋ชจ๋ฐ์ผ์์ ์ธ ์๊ฐ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ํ์ผ ์ฒจ๋ถ ๋ฒํผ ํ๋ ๋ฌ๋ฉด ์ด๋จ๊น ํฉ๋๋ค.
WCAG 2.2๋ 2024๋ 12์ 12์ผ์๋ก ๊ฐฑ์ ๋จ.
์ค๋ ์ ์ ๋ธ๋ก๊ทธ์ ์ผ๋ ๊ธ์ธ๋ฐ, ์์ผ๋ก๋ ์ ๊ทผ์ฑ ์ ์ฑ ์ด๋ UI๋ฅผ ๋์์ผ๋ก ๊ธ์ ์ข ์จ๋ด์ผ๊ฒ ๋ค๋ ์๊ฐ์ ํด๋ณธ๋ค.
์ด๋ฏธ ๋ง๋ค์ด์ง ๊ฑธ ํ๊ฐํ๋ ๊ฑด ๋นํ๋ง ๋จ๊ธฐ๊ณ ๋ณํ๋ฅผ ๋ง๋ค์ด ๋ด๊ธฐ๋ ์ด๋ ต๋๋ผ.
๋ฌผ๋ก ๋น์์๋ 'ํ ํ๊ฐ ๊ธํ' ์ฌ๋๋ค์ด ์ด๋ฐ ๊ธ๋ ํผ๋๋ฅด๊ธด ํ์ง๋ง.
๊ฐ์ธ์ ์ผ๋ก bootstrap์ด๋ tailwind๋ฅผ ์ข์ํ์ง ์๋๋ค. ์ด๋ฐ CSS ํ๋ ์์์ด ๊ต์ฅํ ์์ ๋จ์(์ผ๋ฐ์ ์ผ๋ก ์ปดํฌ๋ํธ)์ ์คํ์ผ์ ํด๋์ค ์งํฉ์ผ๋ก๋ง ์ปจํธ๋กค ํ๋ ค๊ณ ํ๊ธฐ ๋๋ฌธ์ด๋ค.
CSS(Cascading Style Sheets)๋ ๊ทธ ์ด๋ฆ์์ ์ ์ ์๋ฏ์ด ๊ณ์ธต ๊ตฌ์กฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ๋์ํ๋ค. ๋ถ๋ชจ ์์์์ ์์ ์์๋ก ์คํ์ผ์ ์์ํ๋ ๊ฒ ์ค์ํ ๊ฐ๋ ์ค ํ๋์ด๊ณ ์ด๊ฑธ ์ด์ฉํ๋ฉด ์ฌ๋ฌ ํ์ด์ง ๋จ์์ ์คํ์ผ์ ์ผ๊ด์ฑ ์๊ฒ ์ก์ ์ ์๋ค. ๋ฌผ๋ก , ๊ฐ๋ฐ์์ ํน์ ํด๋์ค๋ฅผ ๋ฐ๋ณต ์ถ๋ ฅํ๋ ๊ฒ๋ ๊ฒฐ๊ณผ๋ ๊ฐ์ ์ ์๊ฒ ์ง๋ง, ๊ฐ๋ฐ ํธ์๋ฅผ ์ํด CSS ๊ท์น์ ๊นก๊ทธ๋ฆฌ ๋ฌด์ํ๋ ๋ฐฉ์์ด tailwind ๊ฐ์ ๊ฑฐ๋ผ๊ณ ๋ณด๋ ์ ์ฅ์ด๋ค.
์ด์ฐจํผ ๊ณตํต ์คํ์ผ์ ํ์ํ์ง ์๋. ๊ทธ๋์ ์ปดํฌ๋ํธ๋ฅผ ์ฐ๋๋ผ๋ ๊ธ๋ก๋ฒ ์คํ์ผ์ ๋ฐ๋ก ์ ์ธํด๋๊ณ ์์ธ๋ฅผ CSS-in-JS๋ก ์ฒ๋ฆฌํ๋ ๊ฒ์ด ๋ง๋ค๊ณ ๋ณธ๋ค.
DEI ์ค์ ์ ๊ทผ์ฑ์ I์ ๊ฐ๊น๊ฒ ์ง๋ง, ๊ฐ๋ฐ์ ์ค์ ๊ด์ฌ ์๋ ์ฌ๋์ ์ ์ ๋ฏ.
๊ณต๋ ์์ ์ ์ํ ์ ์ฅ์ ๊ณ์ ์ ๋ฐ๋ก ๋ง๋ค๊ณ , ๊ฐ์ธ ๊ณ์ ์ ํ์ ์๋ก ๋ฑ๋กํด์ ์์ ์ ํ๊ณ ๋ ์๋๋ฐ...
- ์์งํ ์ ๋ณด๋ ๋ง๊ณ ,
- ๊ฐ๊ฐ์ธ์ ๊ด์ฌ์ฌ๋ ๋ค๋ฅด๊ณ ,
- ๊ฐ์ ์ฌ์ฉ ๊ฐ๋ฅํ ์๊ฐ๋ ๋ค๋ฅผํ ๊ณ ,
- ํจ๊ป ํด์คฌ์ผ๋ฉด ํ๋ ์ ๋ฌธ๊ฐ๋ค์ด ์์ง๋ง ๋ง ๊บผ๋ด๊ธฐ๋ ์ฝ์ง ์๋ค.
์ ๋ณ์ ๋ํ๊ณ ์ถ๊ณ , ํ ๋ก ์ ์ฅ๋ ๋ง๋ค์์ผ๋ฉด ์ข๊ฒ ๊ณ , ํ๊ณ ์ถ์ ๊ฒ๋ ๋ง๊ณ . ๊ทธ๋ฌ๋ ๋ ์ญ์ ํ์์ ๋ฌธ์ ๊ฐ ์ฌ์ ํ๋ค.
์ ๊ทผ์ฑ ํ ์คํธ ๊ธฐ๋ฅ์ด ๊ถ๊ธ.
ARIA in HTML ๊ฐ์ ๊ถ๊ณ ์์ด ๋ฐํ๋์์ต๋๋ค. ํฐ ๋ณํ๋ ์๋ ๊ฒ ๊ฐ์ง๋ง, ์์ธํ ์ฌํญ์ ์ดํด๋ณธ ํ์ ๋ค์...