디지털 ì‹œìž¥ì˜ ì•„ë¦„ë‹¤ì›€ì€ ë¬¼ë¦¬ì ê²½ê³„ì— êµ¬ì• ë°›ì§€ 않는 ìž ìž¬ë ¥ì— ìžˆìŠµë‹ˆë‹¤. ìž¥ì• ë¬¼ ì—†ì´ ìˆœì¡°ë¡ê²Œ ì ‘ê·¼í•´ì•¼ 하지 ì•Šì„까요?
ºÚÁÏÃÅì—서는 ì ‘ê·¼ì„±ì˜ ì¤‘ìš”ì„±ì„ ì¸ì‹í•˜ê³ 있습니다. ì´ê²ƒì´ 바로 ë‹¹ì‚¬ì˜ ì „ìžìƒê±°ëž˜ 플랫í¼ì´ ë¯¸êµ ìž¥ì• ì¸ë²•(ADA)ì— ë”°ë¼ ì œì •ëœ í‘œì¤€ì„ ë”°ë¥´ëŠ” ì´ìœ 입니다.
ì´ëŠ” 단지 í¬ê´„ì„±ì„ ìœ„í•œ ìƒìžë¥¼ ì„ íƒí•˜ëŠ” ê²ƒì´ ì•„ë‹ˆë¼ ì˜¨ë¼ì¸ ìƒì ì†Œìœ ìžì˜ 마ìŒì„ 사로잡았습니다.
특히 ºÚÁÏÃÅ ë§¤ìž¥ì„ ìœ„í•œ í•œ ë””ìžì¸ í…œí”Œë¦¿ì€ ì ‘ê·¼ì„±ì´ ë›°ì–´ë‚œ ë””ìžì¸ ë•ë¶„ì— í° ì¸ê¸°ë¥¼ ëŒì—ˆìŠµë‹ˆë‹¤. ì´ì œ, 그것ì€
온ë¼ì¸ ìƒì ì— ëŒ€í•œ 웹 ì ‘ê·¼ì„±ì˜ ì˜ë¯¸ì™€ 중요한 ì´ìœ
ì ‘ê·¼ì„±ì€ ê¸°ëŠ¥ì´ ì•„ë‹™ë‹ˆë‹¤. ê·¸ê²ƒì€ í•„ìˆ˜ìž…ë‹ˆë‹¤. ì´ëŠ” 다양한 ëŠ¥ë ¥ì„ ì¸ì •í•˜ê³ ìž¥ì• ë¡œ ì¸í•´ ëˆ„êµ¬ë„ ë””ì§€í„¸ 플랫í¼ì„ 사용하는 ê²ƒì„ ë°©í•´í•˜ì§€ ì•Šë„ë¡ ë³´ìž¥í•©ë‹ˆë‹¤.
ì¼ë°˜ì ì¸ ì ‘ê·¼ì„± 요구 사í•ì€ ì‹œê°, ì²ê°, ìš´ë™ ë° ì¸ì§€ ëŠ¥ë ¥ê³¼ ê´€ë ¨ì´ ìžˆìŠµë‹ˆë‹¤. 여기ì—는 ì‹œê° ìž¥ì• ê°€ 있는 ì‚¬ëžŒì„ ìœ„í•œ 스í¬ë¦° 리ë”나 ìš´ë™ ìž¥ì• ê°€ 있는 ì‚¬ëžŒì„ ìœ„í•œ 대체 키보드 íƒìƒ‰ê³¼ ê°™ì€ ë³´ì¡° ê¸°ìˆ ê³¼ì˜ í˜¸í™˜ì„± ë³´ìž¥ì´ í¬í•¨ë©ë‹ˆë‹¤.
ì ‘ê·¼ì„±ì´ ì˜êµ¬ì ì¸ ìž¥ì• ê°€ 있는 ê°œì¸ì—게만 필요하다는 ê²ƒì€ ì¼ë°˜ì ì¸ ì˜¤í•´ìž…ë‹ˆë‹¤. ë˜í•œ íŒ”ì´ ë¶€ëŸ¬ì§€ê±°ë‚˜ 눈 ìˆ˜ìˆ ì„ ë°›ê³ íšŒë³µí•˜ëŠ” 등 ì¼ì‹œì ì¸ ìž¥ì• ë¥¼ 치료하는 ë°ë„ ë„ì›€ì´ ë©ë‹ˆë‹¤.
ì ‘ê·¼ 가능한 웹사ì´íŠ¸ëŠ” ëª¨ë“ ì¢…ë¥˜ì˜ ì‚¬ìš©ìžì—게 ë„ì›€ì´ ë©ë‹ˆë‹¤. 예를 들어, 아기를 ì•ˆê³ ìžˆëŠ” ë¶€ëª¨ë„ ë‹¤ìŒê³¼ ê°™ì€ í˜œíƒì„ 누릴 수 있습니다.
ì ‘ê·¼ 가능한 온ë¼ì¸ ìƒì ì€ ë” ë§Žì€ ì²ì¤‘ê³¼ ìž ìž¬ ê³ ê°ì—게 다가가는 ê²ƒì„ ì˜ë¯¸í•©ë‹ˆë‹¤. ë˜í•œ í¬ê´„ì„±ì„ ì´‰ì§„í•˜ê³ ëª¨ë“ ì›¹ì‚¬ì´íŠ¸ 방문ìžì—게 ë”ìš± 환ì˜ë°›ëŠ” í™˜ê²½ì„ ì¡°ì„±í•©ë‹ˆë‹¤.
ì ‘ê·¼ì„± ë³´ìž¥ì„ ìœ„í•œ 공통 지침
ì´ ì–´í”Œë¦¬ì¼€ì´ì…˜ì—는 XNUMXµm ë° XNUMXµm 파장ì—ì„œ 최대 XNUMXWì˜ í‰ê· ì¶œë ¥ì„ ì œê³µí•˜ëŠ” ë¯¸êµ ìž¥ì• ì¸ ë²• (´¡¶Ù´¡)µç”&²Ô²ú²õ±è;
ì´ ì–´í”Œë¦¬ì¼€ì´ì…˜ì—는 XNUMXµm ë° XNUMXµm 파장ì—ì„œ 최대 XNUMXWì˜ í‰ê· ì¶œë ¥ì„ ì œê³µí•˜ëŠ” 웹 컨í…ì¸ ì ‘ê·¼ì„± 지침 (WCAG)는 ì ‘ê·¼ 가능한 웹 콘í…ì¸ ë¥¼ ìƒì„±í•˜ê¸° 위해 ë„리 사용ë˜ëŠ” í”„ë ˆìž„ì›Œí¬ìž…니다. 여기ì—는 ì¸ì§€ 가능, ìž‘ë™ ê°€ëŠ¥, ì´í•´ 가능, ê²¬ê³ í•¨ì´ë¼ëŠ” 네 가지 ì›ì¹™ì´ í¬í•¨ë©ë‹ˆë‹¤. ì´ëŸ¬í•œ ì›ì¹™ì€ 다양한 ì ‘ê·¼ì„± 요구 사í•ì„ 다루며 개발ìžê°€ ë”°ë¼ì•¼ í• êµ¬ì²´ì ì¸ ì§€ì¹¨ì„ ì œê³µí•©ë‹ˆë‹¤.
ì ‘ê·¼ì„±ì„ í†µí•œ ì—량 ê°•í™”
2020ë…„ì— Lightspeed íŒ€ì€ ì ‘ê·¼ 가능한 ì´ì¤‘ 언어 온ë¼ì¸ ìƒì ì„ ë§Œë“¤ê¸° 위해 ìžì›í–ˆìŠµë‹ˆë‹¤. 몬트리올ì—서는 ì‹ ê²½ë‹¤ì–‘ì„± í•™ìƒë“¤ì´ ìž ìž¬ë ¥ì„ ë°œíœ˜í• ìˆ˜ 있ë„ë¡ ë•ëŠ” ì¡°ì§ìž…니다.
그런 ë‹¤ìŒ Lightspeedê°€ ºÚÁÏÃÅ를 ë¼ì¸ì—…ì— ì¶”ê°€í–ˆì„ ë•Œ 우리는 í˜‘ë ¥í•˜ì—¬ Summit Schoolì˜ ì›¹ì‚¬ì´íŠ¸ë¥¼ 개편하여 ì—í¬ìœ„드와 함께. Summit Marketplace는 Summit Schoolì˜ ë°œë‹¬ ë‹¨ê³„ì— ë”°ë¼ ë‹¤ì–‘í•œ 장ì¸, ì˜ˆìˆ ê°€ ë° ê¸°ì—…ê°€ì˜ ìž‘í’ˆì„ ì„ ë³´ìž…ë‹ˆë‹¤.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/ºÚÁÏÃÅ-Accessible-Online-Store-Template-a-Hit-1714644873-1024x576.png)
Summit Marketplace는 ºÚÁÏÃÅë¡œ 구축ë˜ì—ˆìŠµë‹ˆë‹¤.
ì´ë¯¸ ì•Œê³ ê³„ì‹œê² ì§€ë§Œ ºÚÁÏÃÅ는 ëª¨ë“ ì‚¬ìš©ìžì—게 ì¸ìŠ¤í„´íŠ¸ 사ì´íŠ¸(Instant Site)를 ì œê³µí•©ë‹ˆë‹¤. 무료 ì „ìž ìƒê±°ëž˜ 웹 사ì´íŠ¸ 왶Ä&²Ô²ú²õ±è;
Summit Schoolì„ ìœ„í•œ ì ‘ê·¼ 가능한 웹사ì´íŠ¸ë¥¼ 만들면서 우리는 새로운 Instant Site í…œí”Œë¦¿ì„ ë§Œë“¤ê²Œ ë˜ì—ˆìŠµë‹ˆë‹¤.
위ì—ì„œ ì–¸ê¸‰í–ˆë“¯ì´ ºÚÁÏÃÅ는 ì´ë¯¸
ì ‘ê·¼ì„±ì´ ë›°ì–´ë‚œ 웹사ì´íŠ¸ì— 관한 사í•ì€ 다ìŒê³¼ 같습니다. ì ‘ê·¼ì„± ê¸°ëŠ¥ì„ í†µí•©í•˜ë©´ 웹사ì´íŠ¸ì˜ 미ì ì¸¡ë©´ì´ í¬ìƒë˜ëŠ” 경우가 있습니다. 예를 들어 색ìƒ, 대비, 글꼴 í¬ê¸°ì˜ ê· í˜•ì„ ë§žì¶”ëŠ” ê²ƒì´ ì–´ë ¤ìš¸ 수 있습니다.
ë˜í•œ WCAG 테스트ì—서는 아래 예와 ê°™ì´ ë•Œë•Œë¡œ í˜¼í•©ëœ ê²°ê³¼ê°€ ë‚˜íƒ€ë‚ ìˆ˜ 있습니다. ê²€ì€ìƒ‰ í…스트가 있는 ë²„íŠ¼ì€ í…ŒìŠ¤íŠ¸ë¥¼ 통과한 것으로 ì¸ì‹ë˜ì§€ë§Œ ì‹¤ì œë¡œëŠ” í°ìƒ‰ í…스트가 있는 ë™ì¼í•œ 버튼보다 ì½ê¸°ê°€ ë” ì–´ë µìŠµë‹ˆë‹¤.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Accessible-Online-Store-1714644868-1024x576.png)
WCAG 테스트ì—ì„œ 때때로 ë¶€ì •í™•í•œ 결과가 나올 수 있습니다.
단순히 ì§€ì¹¨ì„ ë”°ë¥´ëŠ” 것만으로는 충분하지 않습니다. ìš°ë¦¬ì˜ ëª©í‘œëŠ” ì ‘ê·¼í•˜ê¸° 쉬울 ë¿ë§Œ ì•„ë‹ˆë¼ ì‹œê°ì 으로 ë§¤ë ¥ì ì´ì–´ì„œ 웹 사ì´íŠ¸ì˜ 미ì ì¸¡ë©´ì„ ì†ìƒì‹œí‚¤ì§€ 않으면서 쉽게 íƒìƒ‰í• 수 있는 í…œí”Œë¦¿ì„ ê°œë°œí•˜ëŠ” 것ì´ì—ˆìŠµë‹ˆë‹¤. 우리는 ì ‘ê·¼ì„±ë„ ì•„ë¦„ë‹¤ì›€ì„ êµ¬í˜„í•´ì•¼ 한다는 ìƒê°ì„ 옹호합니다.
ë™ì‹œì—, 우리는 ë¯¸í•™ì„ ìœ„í•´ ì ‘ê·¼ì„±ì„ í¬ìƒí•´ì„œëŠ” 안 ëœë‹¤ê³ 믿습니다. ìš°ë¦¬ì˜ í…œí”Œë¦¿ì€ ì ‘ê·¼ ê°€ëŠ¥í•˜ê³ ì‹œê°ì 으로 ë§¤ë ¥ì ì¸ ì›¹ì‚¬ì´íŠ¸ë¥¼ ëª¨ë‘ ê°–ëŠ” ê²ƒì´ ê°€ëŠ¥í•˜ë‹¤ëŠ” ê²ƒì„ ì¦ëª…합니다.
í…스트 í¬ê¸°ë¶€í„° ì´ë™ì´ 얼마나 ì‰¬ìš´ì§€ì— ì´ë¥´ê¸°ê¹Œì§€ 사ì´íŠ¸ì˜ ëª¨ë“ ê²ƒì´ ëª¨ë“ ì‚¬ëžŒì—게 ì 합합니다. ì´ì œ ì´ëŠ” ì¸ìŠ¤í„´íŠ¸ 사ì´íŠ¸ì˜ ëª¨ë“ í…œí”Œë¦¿ 중ì—ì„œ 가장 ì¸ê¸° 있는 온ë¼ì¸ ìƒì 템플릿 중 하나입니다!
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/How-ºÚÁÏÃÅs-Accessible-Online-Store-Template-Became-a-Hit-1714644878-1024x576.png)
가장 ì¸ê¸° 있는 ì¸ìŠ¤í„´íŠ¸ 사ì´íŠ¸ 템플릿 중 하나
ê·¸ëŸ°ë° ºÚÁÏÃÅ ì „ìžìƒê±°ëž˜ 플랫í¼ì€ ê³ ê°ë¿ë§Œ ì•„ë‹ˆë¼ íŒë§¤ìžë„ ì ‘ê·¼í• ìˆ˜ 있습니다. 온ë¼ì¸ ìƒì ì„ ê´€ë¦¬í•˜ëŠ” ºÚÁÏÊ관리ìžë„ ì ‘ê·¼ì„±ì„ ì—¼ë‘ì— ë‘ê³ ì„¤ê³„ë˜ì—ˆìŠµë‹ˆë‹¤. ì´ë¥¼ 통해 ìž¥ì• ê°€ 있는 사업주가 온ë¼ì¸ ìƒì ì„ íš¨ìœ¨ì 으로 ìš´ì˜í•˜ê¸°ê°€ ë” ì‰¬ì›Œì¡ŒìŠµë‹ˆë‹¤.
ì‹œê° ìž¥ì• ê°€ 있는 ºÚÁÏÃÅ íŒë§¤ìžê°€ ºÚÁÏÊ매장 ìš´ì˜ì— 대해 ê³µìœ í•œ ë‚´ìš©ì€ ë‹¤ìŒê³¼ 같습니다.
“시ê°ìž¥ì• ê°€ 있는 íŒë§¤ìžë¥¼ 위해 관리하기 편리한 ì¢‹ì€ ë§¤ìž¥ì„ ë§Œë“¤ì–´ì£¼ì…”ì„œ 진심으로 ê°ì‚¬ë“œë¦½ë‹ˆë‹¤! ê·¸ë¦¬ê³ ì›¹ì‚¬ì´íŠ¸ë¿ë§Œ ì•„ë‹ˆë¼ ì•±ë„ ì‚¬ìš©í• ìˆ˜ 있지만 í•ìƒ 그런 ê²ƒì€ ì•„ë‹™ë‹ˆë‹¤!â€
ºÚÁÏÃÅê°€ ì¸ìŠ¤í„´íŠ¸ 사ì´íŠ¸ í…œí”Œë¦¿ì˜ ì ‘ê·¼ì„±ì„ ë³´ìž¥í•œ 방법
ì ‘ê·¼ì„±ì€ ë‹¨ìˆœížˆ í‘œì¤€ì„ ì¤€ìˆ˜í•˜ëŠ” ê²ƒì´ ì•„ë‹ˆë¼ ì‹¤ì œ ì‚¬ëžŒë“¤ì´ ì˜¨ë¼ì¸ 콘í…ì¸ ë¥¼ ì´ìš©í• ë•Œ 아무런 ìž¥ë²½ë„ ê²ªì§€ 않는 것과 ê´€ë ¨ì´ ìžˆìŠµë‹ˆë‹¤. ºÚÁÏÃÅ는 ì´ë¥¼ 어떻게 달성했나요?
- ê³ ëŒ€ë¹„ 템플릿: ì‹œë ¥ì´ ì†ìƒëœ 사용ìžê°€ í…스트와 기타 요소를 ë¹ ë¥´ê²Œ ì‹ë³„í• ìˆ˜ 있ë„ë¡ ì‹œê°ì ì„ ëª…ë„ê°€ ìµœìš°ì„ ê³¼ì œì˜€ìŠµë‹ˆë‹¤.
- ëˆˆì— ë„는 매장 ì´ˆì : 불필요한 ë°©í•´ 요소나 추가 스í¬ë¡¤ ì—†ì´ ì œí’ˆê³¼ ë§¤ìž¥ì„ ê°•ì¡°í• ìˆ˜ 있ë„ë¡ ë ˆì´ì•„ì›ƒì„ êµ¬ì„±í–ˆìŠµë‹ˆë‹¤.
- í™•ëŒ€ëœ ìš”ì†Œ: 심미ì ì¸ ì¸¡ë©´ë¿ë§Œ ì•„ë‹ˆë¼ ì‹œê° ìž¥ì• ê°€ 있는 사용ìžë„ ìˆ˜ìš©í• ìˆ˜ 있ë„ë¡ í° ì´ë¯¸ì§€ì™€ ê¸€ê¼´ì„ ì‚¬ìš©í–ˆìŠµë‹ˆë‹¤.
ë‹¤ìŒ ì‚¬í•ì— ìœ ì˜í•˜ëŠ” ê²ƒì´ ì¤‘ìš”í•©ë‹ˆë‹¤. ëª¨ë“ ì¸ìŠ¤í„´íŠ¸ 사ì´íŠ¸ í…œí”Œë¦¿ì— ì•¡ì„¸ìŠ¤í• ìˆ˜ 있습니다.. ë¬¸ì œì˜ í…œí”Œë¦¿ì€ ì ‘ê·¼ì„±ì„ ìµœìš°ì„ ìœ¼ë¡œ í•˜ë©´ì„œë„ ì„¸ë ¨ë˜ê³ 아름답게 ë””ìžì¸ë˜ì—ˆìŠµë‹ˆë‹¤. 후ìžëŠ” 사ì´íŠ¸ì˜ ì ‘ê·¼ì„±ì„ ë³´ìž¥í• ë•Œ 수행하기 ì–´ë ¤ìš¸ 수 있습니다. ê¸°ëŠ¥ì„ ì„ í˜¸í•˜ëŠ” ë° ë¹„í•´ ë””ìžì¸ 요소를 간과하기 쉽기 때문입니다. 그러나 í…œí”Œë¦¿ì„ ì‚¬ìš©í•˜ë©´ ë‘ ê°€ì§€ë¥¼ ëª¨ë‘ ë‹¬ì„±í• ìˆ˜ 있었습니다.
온ë¼ì¸ ìƒì ì— ì ‘ê·¼ 가능하게 만드는 방법
ì ‘ê·¼ 가능한 온ë¼ì¸ ìƒì ì„ êµ¬í˜„í•˜ëŠ” ê²ƒì€ ì–´ë ¤ìš´ 것처럼 ë³´ì¼ ìˆ˜ 있지만 ì‹¤ì œë¡œëŠ” ê·¸ë ‡ì§€ 않습니다. ºÚÁÏÃÅì˜ ì¸ìŠ¤í„´íŠ¸ 사ì´íŠ¸ 템플릿과 ê°™ì´ ì ‘ê·¼ 가능한 웹사ì´íŠ¸ í…œí”Œë¦¿ì„ ì„ íƒí•˜ëŠ” 것부터 시작ë©ë‹ˆë‹¤.
온ë¼ì¸ ìƒì ì˜ ì ‘ê·¼ì„±ì„ ë†’ì´ê¸° 위한 몇 가지 추가 íŒì€ 다ìŒê³¼ 같습니다.
- ì´ë¯¸ì§€ì— 대한 설명 대체 í…스트를 ì œê³µí•˜ì„¸ìš”. ì‹œê° ìž¥ì• ê°€ 있는 사용ìžë¥¼ 위해 대체 í…스트가 ì´ë¯¸ì§€ë¥¼ 설명합니다.
- 키보드 íƒìƒ‰ ë° ë‹¨ì¶•í‚¤ í¬í•¨: ì´ë¥¼ 통해 마우스를 ì‚¬ìš©í• ìˆ˜ 없는 ê°œì¸ì´ 키보드를 사용하여 웹사ì´íŠ¸ë¥¼ íƒìƒ‰í• 수 있습니다.
- 색ìƒì„ ì‹ ì¤‘í•˜ê²Œ ì„ íƒí•˜ì„¸ìš”. ì¼ë¶€ ê°œì¸ì€ íŠ¹ì • 색ìƒì„ 구별하는 ë° ì–´ë ¤ì›€ì„ ê²ªì„ ìˆ˜ 있으므로 ì •ë³´ë¥¼ ì „ë‹¬í•˜ê¸° 위해 색ìƒë§Œ 사용하지 마ì‹ì‹œì˜¤.
- 액세스 가능 모드를 공지합니다. ê·€í•˜ì˜ ë§¤ìž¥ì´ ì ‘ê·¼ 가능한 모드를 지ì›í•œë‹¤ëŠ” ì ì„ ê³ ê°ì—게 알리ì‹ì‹œì˜¤.
ºÚÁÏÃÅ's를 ì„ íƒí•˜ì‹œë©´
웹사ì´íŠ¸ë¥¼ 처ìŒë¶€í„° 만들 ë•Œ ëª¨ë“ ì‚¬ìš©ìžì˜ ì ‘ê·¼ì„±ì„ ê³ ë ¤í•˜ëŠ” ê²ƒì´ ì¤‘ìš”í•©ë‹ˆë‹¤. ì´ëŠ” WCAG, ADA ë˜ëŠ” ë™ë“±í•œ 표준과 ê°™ì€ í…œí”Œë¦¿ì´ë‚˜ ì§€ì¹¨ì„ ì‚¬ìš©í•˜ì—¬ 액세스 가능한 기준으로 시작하는 ê²ƒì„ ì˜ë¯¸í•©ë‹ˆë‹¤.
그러나 ì´ëŸ¬í•œ 지침 외ì—ë„ ê³ ê° ê¸°ë°˜ì˜ êµ¬ì²´ì ì¸ ìš”êµ¬ 사í•ì„ ì´í•´í•˜ëŠ” ê²ƒë„ ì¤‘ìš”í•©ë‹ˆë‹¤.
예를 들어, ê·€í•˜ì˜ ì œí’ˆì´ ìƒ‰ë§¹ì¸ ê°œì¸ì„ 대ìƒìœ¼ë¡œ 하는 경우 보다 쉽게 ​​íƒìƒ‰í•˜ê³ êµ¬ë§¤í• ìˆ˜ 있ë„ë¡ ë²„íŠ¼ 색ìƒê³¼ í…스트 사ì´ì— ê°•í•œ 대비를 ì œê³µí•˜ëŠ” ë° ì¤‘ì ì„ ë‘어야 합니다.
아래 ê·¸ë¦¼ì€ ì´ëŸ¬í•œ 쇼핑ê°ì„ 대ìƒìœ¼ë¡œ 하는 온ë¼ì¸ ìƒì ì—ì„œ ì˜µì…˜ì„ êµ¬ë³„í•˜ê³ êµ¬ë§¤í•˜ëŠ” ë° ë„ì›€ì´ ë˜ë„ë¡ ë²„íŠ¼ 색ìƒê³¼ í…스트 ê°„ì˜ ê°•ë ¥í•œ 대비가 필요한 ì´ìœ 를 ë³´ì—¬ì¤ë‹ˆë‹¤.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/accessibility-for-online-stores-1714644917-1024x396.png)
ëŒ€ë¶€ë¶„ì˜ ì‚¬ëžŒë“¤ì´ ìƒ‰ìƒì„ 보는 ë°©ì‹ì€ 다ìŒê³¼ 같습니다.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/accessibility-in-online-stores-1714644924-1024x396.png)
ì›í˜•ë§¹(ìƒ‰ë§¹ì˜ ì¼ì¢…)ì´ ìžˆëŠ” ì‚¬ëžŒë“¤ì´ ìƒ‰ìƒì„ 보는 ë°©ì‹ì€ 다ìŒê³¼ 같습니다.
마찬가지로, 타겟 ê³ ê°ì— ì´ë™ ìž¥ì• ê°€ 있는 ê°œì¸ì´ í¬í•¨ë˜ì–´ 있는 경우 ìŒì„± ëª…ë ¹ì„ í†µí•´ 쉽게 íƒìƒ‰í• 수 있ë„ë¡ í•˜ë©´ íƒìƒ‰ ê²½í—˜ì´ í¬ê²Œ í–¥ìƒë 수 있습니다.
Google Lighthouse와 ê°™ì€ ë„구를 사용하여 사ì´íŠ¸ë¥¼ ì •ê¸°ì 으로 확ì¸í•˜ì—¬ ë§¤ìž¥ì— ì–¼ë§ˆë‚˜ ì ‘ê·¼ 가능한지 확ì¸í•˜ì„¸ìš”. 지ì†ì 으로 í‰ê°€í•˜ê³ ê°œì„ í•˜ëŠ” ê²ƒì€ ëª¨ë‘를 위한 환ì˜ë°›ëŠ” 온ë¼ì¸ ê³µê°„ì„ ë§Œë“œëŠ” ë° ì¤‘ìš”í•©ë‹ˆë‹¤.
마무리
ºÚÁÏÃÅì˜ ì ‘ê·¼ 가능한 ì „ìžìƒê±°ëž˜ 플랫í¼ì€ ì œí’ˆì˜ ìŠ¹ë¦¬ ê·¸ ì´ìƒìž…니다. ëª¨ë“ ì‚¬ëžŒì´ ì „ìžìƒê±°ëž˜ë¥¼ 쉽게 í• ìˆ˜ 있ë„ë¡ í•˜ëŠ” 것입니다. ºÚÁÏÃÅ는 온ë¼ì¸ ìƒì ì†Œìœ ìžê°€ 비즈니스를 최대한 í™œìš©í• ìˆ˜ 있ë„ë¡ ë„와ì¤ë‹ˆë‹¤. ë” ì¤‘ìš”í•œ ê²ƒì€ ëª¨ë“ ê³ ê°ì´ ëŠ¥ë ¥ì— ê´€ê³„ì—†ì´ ì›í™œí•œ 쇼핑 ê²½í—˜ì„ ê°€ì§ˆ 수 있ë„ë¡ ë³´ìž¥í•œë‹¤ëŠ” 것입니다.
ì ‘ê·¼ 가능한 ë””ìžì¸ì€ 단지 ê·œì • ì¤€ìˆ˜ì— ê´€í•œ ê²ƒì´ ì•„ë‹ˆë¼ ëª¨ë‘를 위한 í¬ìš©ì ì´ê³ 환ì˜ë°›ëŠ” 온ë¼ì¸ ê³µê°„ì„ ë§Œë“œëŠ” 것입니다. 그러니 ì£¼ì €í•˜ì§€ ë§ê³ ì†”ì„ í•˜ì—¬ 웹사ì´íŠ¸ì˜ ì ‘ê·¼ì„±ì„ ë” ë†’ì´ì„¸ìš”! ëª¨ë“ ì‚¬ëžŒì—게 ì§„ì •ìœ¼ë¡œ 개방ì ì´ê³ í¬ìš©ì ì¸ ë””ì§€í„¸ 세ìƒì„ 향해 ë…¸ë ¥í•©ì‹œë‹¤.
- ì˜ê°ì„ 주는 ºÚÁÏÃÅ ì¸ìŠ¤í„´íŠ¸ 사ì´íŠ¸ì˜ 예
- ì¤€ë¹„ëœ í…Œë§ˆì™€ 99ê°œ ì´ìƒì˜ ë””ìžì¸ ì˜µì…˜ì„ ê°–ì¶˜ ºÚÁÏÃÅ ì¸ìŠ¤í„´íŠ¸ 사ì´íŠ¸
- 새로운 ºÚÁÏÃÅ ë””ìžì¸ ì„¤ì •: ìˆ˜ì‹ ê°€ì§€ ì‚¬ìš©ìž ì •ì˜ ì˜µì…˜, 코딩 ì—†ìŒ
- 사ì´íŠ¸ì— 대한 ì „ìžìƒê±°ëž˜ í…œí”Œë¦¿ì„ ì„ íƒí•˜ëŠ” 방법
- ºÚÁÏÊ매장 ë””ìžì¸ 맞춤화를 위한 종합 ê°€ì´ë“œ
- 무료 ì „ìžìƒê±°ëž˜ 웹사ì´íŠ¸ë¥¼ 처ìŒë¶€í„° ë””ìžì¸í•˜ê¸°
- ºÚÁÏÃÅì˜ ì ‘ê·¼ 가능한 온ë¼ì¸ ìŠ¤í† ì–´ í…œí”Œë¦¿ì´ ì¸ê¸°ë¥¼ ì–»ì€ ë°©ë²•