🦠 치λͺ…적인 μ• λ‹ˆλ©”μ΄μ…˜ 효과

미즈·2023λ…„ 1μ›” 24일
19
post-thumbnail

🧨 치λͺ…적인 μ• λ‹ˆλ©”μ΄μ…˜ νš¨κ³Όκ°€ 뭔데?

κΉœλΉ‘μ΄λŠ”(Blinking and Flashing) μ• λ‹ˆλ©”μ΄μ…˜μ€ ADHD와 같은 인지 μž₯μ• κ°€ μžˆλŠ” μ‚¬λžŒμ—κ²Œ λ¬Έμ œκ°€ 될 수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ, νŠΉμ • μ’…λ₯˜μ˜ μ›€μ§μž„μ€ μ „μ • μž₯μ• (λ©”μŠ€κΊΌμ›€, μ–΄μ§€λŸ¬μ›€), κ°„μ§ˆ, νŽΈλ‘ν†΅, κ΄‘κ³Όλ―Όμ„± 증후ꡰ을 μœ λ°œν•  수 μžˆμŠ΅λ‹ˆλ‹€.

MDNμ—μ„œλŠ” λ‹€μŒκ³Ό 같이 μ„€λͺ…ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

λ„λŒ€μ²΄ κΉœλΉ‘μ΄λŠ” μ• λ‹ˆλ©”μ΄μ…˜μ΄ 뭐라고 이런 μ¦μƒκΉŒμ§€ μΌμœΌν‚€λŠ” κ±ΈκΉŒμš”?

🐦 포켓λͺ¬ 쇼크

μ‹€μ œ λ°©μ˜λΆ„ : https://youtu.be/q4dDaxHtQDU (πŸ™ˆ κ΄‘κ³Όλ―Όμ„± 증후ꡰ 주의, μ±…μž„μ§€μ§€ μ•ŠμŠ΅λ‹ˆλ‹€)

포켓λͺ¬ 쇼크라고 λ“€μ–΄ λ³΄μ…¨λ‚˜μš”?

'폴리곀 쇼크'라고도 λΆˆλ¦¬λŠ” 이 사건은 1997λ…„ μΌλ³Έμ—μ„œ 방영된 포켓λͺ¬μŠ€ν„°μ˜ κΉœλΉ‘μ΄λŠ” μ—°μΆœμ„ μ‹œμ²­ν•˜λ˜ 아이듀이 λ°œμž‘, ꡬ토, μ–΄μ§€λŸ¬μ›€μ„ ν˜Έμ†Œν•΄ λ³‘μ›μœΌλ‘œ ν›„μ†‘λœ 사건이 μžˆμ—ˆμŠ΅λ‹ˆλ‹€.
νŒŒμ•…λœ ν™˜μžλ§Œ 총 750λͺ…μ΄μ—ˆμœΌλ©°, κ·Έ 쀑 158λͺ…이 μž…μ›λœ 사건이죠.

적색 및 청색 점멸이 1μ΄ˆλ‹Ή 12νšŒμ”© 4.5μ΄ˆκ°„ 106μ»·μ΄λ‚˜ ν–‰ν•΄μ Έ 'κ΄‘κ³Όλ―Όμ„± 증후ꡰ'μž„μ΄ λ“œλŸ¬λ‚¬μŠ΅λ‹ˆλ‹€.
μ΄λ ‡κ²Œ 포켓λͺ¬μŠ€ν„°λŠ” 'κ°€μž₯ λ§Žμ€ μ‚¬λžŒλ“€μ—κ²Œ λ°œμž‘μ„ μΌμœΌν‚¨ TVν”„λ‘œ'κ°€ λ˜μ–΄λ²„λ Έμ£ .

🧬 μ™œ 치λͺ…μ μΌκΉŒ? - 인지 λΆ€ν•˜

인지 λΆ€ν•˜ 이둠은 이 문제λ₯Ό "병λͺ© ν˜„μƒ"으둜 μ„€λͺ…ν•©λ‹ˆλ‹€.
μ •λ³΄λŠ” 감각기얡 β†’ μž‘μ—…κΈ°μ–΅ β†’ μž₯κΈ°κΈ°μ–΅ μˆœμ„œλ‘œ μ „λ‹¬λ˜λŠ”λ°μš”,
μž‘μ—…κΈ°μ–΅μ—μ„œ 주둜 병λͺ© ν˜„μƒμ΄ λ°œμƒν•©λ‹ˆλ‹€. (μž‘μ—…κΈ°μ–΅ μš©λŸ‰μ΄ μ œν•œλ˜μ–΄ 있기 λ•Œλ¬Έ)

μž‘μ—…κΈ°μ–΅μ€ μ„Έ 가지 μœ ν˜•μ˜ 인지 λΆ€ν•˜λ‘œ λ‚˜λ‰˜μ–΄ μ§‘λ‹ˆλ‹€.

  • λ‚΄μž¬μ  μΈμ§€λΆ€ν•˜ : μ½˜ν…μΈ  자체의 λ‚œμ΄λ„μ— λ”°λ₯Έ μΈμ§€λΆ€ν•˜
  • 본질적 μΈμ§€λΆ€ν•˜ : μ½˜ν…μΈ λ₯Ό λ°°μš°λŠ” 데 ν•„μš”ν•œ 집쀑λ ₯κ³Ό 정신적 λ…Έλ ₯의 μ–‘
  • 외생적 μΈμ§€λΆ€ν•˜ : μ½˜ν…μΈ μ™€ 직접적인 관련이 μ—†λŠ” μ™ΈλΆ€μ˜ μ‚°λ§Œν•¨

ADHDκ°€ μžˆλŠ” μ‚¬λžŒμ€ 맀우 μ‰½κ²Œ μ£Όμ˜κ°€ μ‚°λ§Œν•΄μ§€κ³  읽고 μžˆλŠ” λ‚΄μš©μ„ μ΄ν•΄ν•˜κΈ° μœ„ν•΄ 더 μ—΄μ‹¬νžˆ 집쀑해야 ν•˜λ―€λ‘œ 본질적 μΈμ§€λΆ€ν•˜μ™€ 외생적 μΈμ§€λΆ€ν•˜κ°€ μ¦κ°€ν•©λ‹ˆλ‹€.

λ‚œλ…μ¦μ΄ μžˆλŠ” μ‚¬λžŒμ€ μ½˜ν…μΈ λ₯Ό 읽고 ν•΄λ…ν•˜κΈ° μœ„ν•΄ 더 μ—΄μ‹¬νžˆ λ…Έλ ₯ν•΄μ•Ό ν•˜λ―€λ‘œ λ‚΄μž¬μ  μΈμ§€λΆ€ν•˜μ™€ 본질적 μΈμ§€λΆ€ν•˜κ°€ μ¦κ°€ν•©λ‹ˆλ‹€.

자페 슀팩트럼 μž₯μ• κ°€ μžˆλŠ” μ‚¬λžŒμ€ λΆˆν•„μš”ν•œ μ‹œκ° νš¨κ³Όμ™€ μ• λ‹ˆλ©”μ΄μ…˜μ΄ 원인이 λ˜μ–΄ 외생적 μΈμ§€λΆ€ν•˜κ°€ μ¦κ°€ν•©λ‹ˆλ‹€.

μ „λ°˜μ μœΌλ‘œ 인지μž₯μ• κ°€ μžˆλŠ” μ‚¬λžŒλ“€μ€ μž‘μ—…κΈ°μ–΅λ ₯이 κ°μ†Œν•˜κ³  μΈμ§€λΆ€ν•˜κ°€ μ¦κ°€ν•˜λ―€λ‘œ,
μΈμ§€λΆ€ν•˜λ₯Ό μ¦κ°€μ‹œν‚€λŠ” μš”μΈμ΄ μ•…μ˜ν–₯을 λ―ΈμΉ  수 μžˆμŠ΅λ‹ˆλ‹€.


πŸͺ„ 치λͺ…적인 μ• λ‹ˆλ©”μ΄μ…˜ 효과λ₯Ό μ˜ˆλ°©ν•˜λŠ” κ°€μ΄λ“œλΌμΈ

🚫 κΉœλΉ‘μ΄λŠ” μ½˜ν…μΈ  ν”Όν•˜κΈ°

λ””μžμ΄λ„ˆλ‘œμ„œ κΉœλΉ‘μ΄λŠ” μ½˜ν…μΈ κ°€ 정말 ν•„μš”ν•œμ§€ μ‹ μ€‘ν•˜κ²Œ κ²°μ •ν•΄μ•Ό ν•©λ‹ˆλ‹€.

κΉœλΉ‘μ΄λŠ” μ½˜ν…μΈ λŠ” 두 가지 μ’…λ₯˜λ‘œ λ‚˜λ‰˜μ–΄μ§‘λ‹ˆλ‹€.

  • general flash - ν•œ 쌍의 λŒ€λΉ„λ˜λŠ” 밝기의 μƒλ°˜λ˜λŠ” λ³€ν™”μž…λ‹ˆλ‹€. (흰색→검은색→흰색→검은색)
  • red flash - 빨간채도와 λŒ€λΉ„λ˜λŠ” λ³€ν™”μž…λ‹ˆλ‹€. (λΉ¨κ°•β†’νŒŒλž‘β†’λΉ¨κ°•β†’νŒŒλž‘ λ“±λ“±)

μ»€μ„œ, μ•„μ΄μ½˜, μž‘μ€ 블둝과 같은 μ˜€λΈŒμ νŠΈλŠ” 보톡 문제λ₯Ό μΌμœΌν‚€μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.
μ½˜ν…μΈ μ˜ κΉœλΉ‘μž„μ€ μΌμ •ν•œ 크기(size), λΉˆλ„(frequency), νœ˜λ„(luminance)λ₯Ό μ΄ˆκ³Όν•˜λ©΄ λ¬Έμ œκ°€ 될 수 μžˆμŠ΅λ‹ˆλ‹€.

  • Luminance >= 20(cd/m2)
  • Frequncy >= 3(Hz)
  • ν¬κΈ°λŠ” 일반적인 μ‹œμ²­ κ±°λ¦¬μ—μ„œ 쀑앙 μ‹œμ•Όμ˜ μ•½ 10% λ˜λŠ” ν™”λ©΄ μ˜μ—­μ˜ 25% 이상을 차지

πŸ–ΌοΈ 1초 λ™μ•ˆ κΉœλΉ‘μž„ λΉˆλ„λ₯Ό 3회 미만으둜 쀄이기

κΉœλΉ‘μ΄λŠ” μ½˜ν…μΈ κ°€ μ§„μ§œ ν•„μš”ν•˜λ©΄, 적어도 μ΄ˆλ‹Ή 3회 미만으둜 κΉœλΉ‘μ΄λŠ”μ§€ ν™•μΈν•˜μ„Έμš”.

κΉœλΉ‘μ΄λŠ” λΉˆλ„κ°€ λ„ˆλ¬΄ λ†’μœΌλ©΄ λ°œμž‘μ„ μΌμœΌν‚¬ 수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ”ͺ κΉœλ°•μ΄λŠ” μ½˜ν…μΈ μ˜ 크기 쀄이기

쀑앙 μ‹œμ•Όμ˜ μ•½ 10% 이상 or 일반적인 μ‹œμ²­ κ±°λ¦¬μ—μ„œ ν™”λ©΄ μ˜μ—­μ˜ 25% 이상 μ°¨μ§€ν•˜λ©΄ μ•ˆλ©λ‹ˆλ‹€.

λ„ˆλ¬΄ μ–΄λ €μš°λ©΄ desktop screen κΈ°μ€€μœΌλ‘œ, 341x256px 보닀 μž‘κ²Œ μ€„μ΄μ„Έμš”.
(λ‹€λ§Œ, 크기가 μž‘λ”λΌλ„ κΉœλΉ‘μ΄λŠ” 것은 μœ μ €μ—κ²Œ λΆˆνŽΈκ°μ„ μ—¬μ „νžˆ 쀄 μˆ˜λŠ” μžˆμŠ΅λ‹ˆλ‹€)

πŸŽ₯ λ™μ˜μƒμ΄λ‚˜ μ• λ‹ˆλ©”μ΄μ…˜μ„ μžλ™μž¬μƒ ν”Όν•˜κΈ°

λ˜λ„λ‘μ΄λ©΄, μžλ™ μž¬μƒμ„ κ°€κΉŒμ΄ ν•˜μ§€ μ•Šλ„λ‘ ν•©μ‹œλ‹€.

이동, λ³€κ²½, κΉœλΉ‘μ΄λŠ” μ½˜ν…μΈ λŠ” 인지 μž₯μ• κ°€ μžˆλŠ” μ‚¬μš©μžμ˜ 주의λ₯Ό μ‚°λ§Œν•˜κ²Œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
그리고, μžλ™ μž¬μƒ μ½˜ν…μΈ λŠ” μ ‘κ·Όμ„± 보쑰 κΈ°μˆ μ„ λ°©ν•΄ν•˜μ—¬ λΆˆνŽΈν•¨μ„ 느끼게 ν•  수 있죠.

πŸ‡ 5초 이상 μž¬μƒλ˜λŠ” μ½˜ν…μΈ  μžλ™μž¬μƒ ν”Όν•˜κΈ°

μ½˜ν…μΈ  μžλ™μž¬μƒμ„ ν•΄μ•Όν•œλ‹€λ©΄, 5초 이상(μ˜€λ””μ˜€λŠ” 3초 이상) μž¬μƒν•˜μ§€ λ§ˆμ„Έμš”.

주의λ ₯ 결핍이 μžˆλŠ” μœ μ €μ˜ 주의λ₯Ό λΆ„μ‚°μ‹œμΌœ, νŽ˜μ΄μ§€μ˜ λ‹€λ₯Έ 뢀뢄에 μ§‘μ€‘ν•˜κΈ° μ–΄λ ΅κ²Œ λ§Œλ“­λ‹ˆλ‹€.
λ™μ˜μƒ, μ• λ‹ˆλ©”μ΄μ…˜, μΊλŸ¬μ…€ 등등이 ν¬ν•¨λ©λ‹ˆλ‹€.

⏸️ μžλ™μž¬μƒ μ½˜ν…μΈ λ₯Ό μΌμ‹œμ€‘μ§€, 쀑지, 숨길 수 μžˆλŠ” κΈ°λŠ₯ 제곡

λ™μ˜μƒ, μŒμ•…, μ• λ‹ˆλ©”μ΄μ…˜μ΄ μžλ™μž¬μƒλ˜λ©΄ 인지μž₯μ• κ°€ μžˆλŠ” μœ μ €μ˜ μ£Όμ˜κ°€ μ‚°λ§Œν•΄μ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€.

지은 λΉ„μ¦ˆν•˜μš°μŠ€μ—μ„œ κ°€μ Έμ™”λŠ”λ°μš”,
μ—¬κΈ°μ—μ„œλŠ” μžλ™μž¬μƒλ˜λŠ” λ°°λ„ˆμ— μΌμ‹œμ€‘μ§€λ₯Ό λ”°λ‘œ μ œκ³΅ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. (PC버전)

πŸ—‘οΈ λΆˆν•„μš”ν•œ λͺ¨μ…˜ μ‚¬μš© κΈˆμ§€

μ „μ • μž₯μ• κ°€ μžˆλŠ” μ‚¬λžŒμ€ 컴퓨터 ν™”λ©΄μ˜ μ›€μ§μž„μœΌλ‘œ μ‡ μ•½ν•΄μ§€λŠ” λ°˜μ‘μ„ κ²½ν—˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
μ‚¬μš©μžκ°€ νŽ˜μ΄μ§€λ₯Ό μœ„μ•„λž˜λ‘œ 슀크둀 ν•  λ•Œ νš¨κ³Όκ°€ λ°œμƒν•˜λŠ” 경우 λ°œμƒν•˜μ£ .
(배경이 μš”μ†Œμ™€ λ‹€λ₯Έ μ†λ„λ‘œ μ›€μ§μ΄λŠ” 효과 λ“±λ“±)

λͺ¨μ…˜ νš¨κ³ΌλŠ” WCAGμ—μ„œ κΈˆμ§€ν•˜μ§€ μ•Šμ•˜μ§€λ§Œ, ν”Όν•˜λŠ”κ²Œ μ’‹κ² μ£ ?

πŸš€ κ°€μž₯ μ€‘μš”ν•œ κ²°λ‘ 

λͺ¨μ…˜ μ• λ‹ˆλ©”μ΄μ…˜μ€ λ˜λ„λ‘ ν”Όν•˜λŠ” 것을 ꢌμž₯ν•©λ‹ˆλ‹€.

ν•˜μ§€λ§Œ, λ§ˆμΌ€νŒ…κ³Ό λ””μžμΈκ°™μ΄ λ‹€λ₯Έ κ΄€μ μ—μ„œλŠ” κ»„λ„λŸ¬μšΈ 수 μžˆλŠ” κ²°λ‘ μž…λ‹ˆλ‹€.
κ·Έλ ‡λ‹€λ©΄ λͺ¨λ‘κ°€ 행볡할 수 μžˆλŠ” λŒ€μ•ˆμ€ λ¬΄μ—‡μΌκΉŒμš”?

  • μ• λ‹ˆλ©”μ΄μ…˜ μ½˜ν…μΈ  효과λ₯Ό μ „ν˜€ μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” 버전을 λ”°λ‘œ λ§ˆλ ¨ν•©λ‹ˆλ‹€.
  • μ‚¬μš©μžκ°€ μ• λ‹ˆλ©”μ΄μ…˜ 효과λ₯Ό 켜고 끌 수 μžˆλŠ” μ»¨νŠΈλ‘€μ„ μ œκ³΅ν•©λ‹ˆλ‹€.
  • prefers-reduced-motion 섀정에 λŒ€ν•΄ λŒ€μ‘ν•©λ‹ˆλ‹€.

적어도 μœ μ €μ—κ²Œ λΆˆνŽΈν•¨μ„ 주지 μ•Šλ„λ‘ 우리 λͺ¨λ‘ λ…Έλ ₯해보도둝 ν•©μ‹œλ‹€!


πŸ“ 레퍼런슀

profile
πŸͺ„ 맀지컬 ν”„λ‘ νŠΈμ—”λ“œ 개발자

2개의 λŒ“κΈ€

comment-user-thumbnail
2023λ…„ 1μ›” 25일

μžμ—° ν˜„μƒκ³Ό 같은 어떀것듀은! λͺ¨λ“  힘이 μ‹œκ°„κ³Ό κ³΅κ°„μ—μ„œ μ–΄λ–»κ²Œ μƒν˜Έ μž‘μš© ν•˜λŠ”μ§€λ₯Ό 이해할 수 μžˆλŠ” μ΅œμ„ μ˜ 방법은 'κ΄€μ°°'μž…λ‹ˆλ‹€. λΆˆνƒ€λŠ” λ‚˜λ­‡μžŽμ„ λ³΄κ±°λ‚˜, λΆˆμ— νœ©μ‹ΈμΈ 건물을 λ³΄κ±°λ‚˜, λ‹¨μˆœνžˆ μ΄›λΆˆμ˜ λΆˆκ½ƒμ„ λ³΄λ©΄μ„œ, μš°λ¦¬λŠ” 풍ν–₯μ΄λ‚˜ κ°•λ„μ˜ λ―Έμ„Έν•œ λ³€ν™”κ°€ 연기와 λΆˆκ½ƒμ˜ 행동에 μ–΄λ–»κ²Œ 영ν–₯을 λ―ΈμΉ˜λŠ”μ§€ λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. μš°λ¦¬κ°€ λ”μš±λ” 많이 κ΄€μ°°ν• μˆ˜λ‘, μš°λ¦¬λŠ” μ΄νŽ™νŠΈμ˜ λ³Έμ§ˆμ„ 더 깊게 νŒŒμ•…ν•  수 μžˆμŠ΅λ‹ˆλ‹€. PFMLogin

λ‹΅κΈ€ 달기
comment-user-thumbnail
2023λ…„ 2μ›” 2일

쒋은 정보 κ°μ‚¬ν•©λ‹ˆλ‹€! πŸ˜„

λ‹΅κΈ€ 달기