Skip to content
Navigation Menu
Sign in
Appearance settings
Platform
AI CODE CREATION
GitHub Copilot
Write better code with AI
GitHub Copilot app
Direct agents from issue to merge
MCP Registry
Integrate external tools
DEVELOPER WORKFLOWS
Actions
Automate any workflow
Codespaces
Instant dev environments
Issues
Plan and track work
Code Review
Manage code changes
Code Quality
Enforce quality at merge
APPLICATION SECURITY
GitHub Advanced Security
Find and fix vulnerabilities
Code security
Secure your code as you build
Secret protection
Stop leaks before they start
EXPLORE
Why GitHub
Documentation
Blog
Changelog
Marketplace
View all features
Solutions
BY COMPANY SIZE
Enterprises
Small and medium teams
Startups
Nonprofits
BY USE CASE
App Modernization
DevSecOps
DevOps
CI/CD
View all use cases
BY INDUSTRY
Healthcare
Financial services
Manufacturing
Government
View all industries
View all solutions
Resources
EXPLORE BY TOPIC
AI
Software Development
DevOps
Security
View all topics
EXPLORE BY TYPE
Customer stories
Events & webinars
Ebooks & reports
Business insights
GitHub Skills
SUPPORT & SERVICES
Documentation
Customer support
Community forum
Trust center
Partners
View all resources
Open Source
COMMUNITY
GitHub Sponsors
Fund open source developers
PROGRAMS
Security Lab
Maintainer Community
GitHub Stars
Archive Program
REPOSITORIES
Topics
Trending
Collections
Enterprise
ENTERPRISE SOLUTIONS
Enterprise platform
AI-powered developer platform
AVAILABLE ADD-ONS
GitHub Advanced Security
Enterprise-grade security features
Copilot for Business
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Pricing
Search
/
Sign in
Sign up
Appearance settings
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
Uh oh!
There was an error while loading.
Please reload this page
.
ContextualWisdomLab
/
ContextualWisdomLab.github.io
Public
Notifications
You must be signed in to change notification settings
Fork
0
Star
0
Code
Issues
2
Pull requests
2
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
Files
Expand file tree
033da75ac3374333c933291fa292e298f6e67f52
Breadcrumbs
ContextualWisdomLab.github.io
/
commit_message.txt
Copy path
Blame
More file actions
Blame
More file actions
Latest commit
History
History
History
16 lines (12 loc) · 1.13 KB
033da75
Breadcrumbs
ContextualWisdomLab.github.io
/
commit_message.txt
Copy path
Top
File metadata and controls
Code
Blame
16 lines (12 loc) · 1.13 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
🎨 Palette: [UX improvement] 접근성 개선 및 마이크로 인터랙션 추가
💡 What:
- `.dikw-grid span`의 텍스트 색상을 `var(--gold)`에서 `var(--teal)`로 변경하여 시인성을 개선했습니다.
- 전역 링크(`a`) 및 언어 전환 버튼에 부드러운 상태 전환 효과(transition)를 추가했습니다.
- 버튼(`.button`) 클릭 시 물리적 반응감을 주는 축소 효과(`transform: scale(0.98)`)와 트랜지션을 적용했습니다.
🎯 Why:
- 기존 골드 색상은 흰색 배경에서 명도 대비가 3:1 이하로 떨어져 WCAG AA 접근성 기준을 충족하지 못했습니다.
- 마우스 오버 및 클릭 시 시각적/물리적 피드백이 없어 사용자 경험이 다소 밋밋하고 뻣뻣했습니다. 명확한 피드백을 통해 상호작용의 만족도를 높였습니다.
📸 Before/After:
(첨부된 스크린샷 참고 - 대비가 개선된 DIKW 섹션 및 텍스트 변경 확인 가능)
♿ Accessibility:
- 텍스트 색상 대비 개선을 통해 시력 보완이 필요한 사용자가 텍스트를 더 명확하게 읽을 수 있도록 접근성을 강화했습니다.
You can’t perform that action at this time.