웹표준관련 색맹접근 css처리
카제
이번에 사이트제작함서 색맹도 접근할수있게 적/녹 폰트칼라를 추가한데서요.
상단 ■|■ 아이콘을 누르면 사이트內전체text가 해당칼라로 바뀌어야하는데
이런경우 css는 어떻게 하는게 가장 효율적일까요?
저만 생각해보고 혼자 이해한다고해서 되는게 아닌것 같아서, 개발자분들 생각은 또 어떤지 궁금하기도 하네요.
깔별 css를 만들어야 하는지.. 아~ 헤깔리기 시작했어요 ㅠㅠ
-
어리버리
고맙습니다. 월욜에 코딩들어가는데 많은도움이 될것같아요!! 아~ 기뻐요! ^0^/
-
키클
헤더 컨테이너 푸터로 나누게 되면 css가 너무 많이 늘어나기 때문에,
전체를 감싸고 있는데 wrap에 클래스가 추가되는 방식이 좋습니다.
그리고 보여주신 구성에서 선택자 지정이 틀렸는데요. 수정을 하면 이렇습니다
body{color:#333;} /* 기본폰트칼라 */
.red{color:#ff0000;} /* 바뀌는색상 */ -
즐겨찾기
한참을 들여다보고생각해봤는데요.. 그럼
body{color:#333;} /* 기본폰트칼라 */
#container .red{color:#ff0000;} /* 바뀌는색상 */
div id=\container\ class=\red\/div ←요렇꼬롬??
요렇게 하면 되는건가요오~??
크게 #header, #container. #footer 이렇담 세 아이디에 깔별로 작성하면되는? ^^ -
AngelsTears
해당 아이콘 눌렀을때 body나 wrap에 클래스가 들어가도록 스크립트를 넣어주신 후에,
css에서 선택자를 기존선택자에 색상클래스를 상위에 한 번 더 두는 식으로 css를 작성하면 편합니다.
ul li{color:#색상}
.색상클래스 ul li{color:#변경된색상}
ex)
html
div id=\wrap\p처음엔 파란색/p/div
빨간색 아이콘 클릭시 id=\wrap\에 클래스 추가
div id=\wrap\ class=\red\p처음엔 파란색 -
조은
ㅋㅋㅋㅋㅋㅋ n수다님 답글 보고 빵터졌음..ㅋㅋ
-
Sona
ㅋㅋㅋㅋㅋ 좀 멍청합니다..ㅋㅋㅋ
-
염소자리
네...멍청한 생각입니다...ㅋㅋㅋㅋㅋㅋㅋㅋ
-
부루
음...제생각이 멍청한지 모르겠는데.. 스크립트 를 만들줄 몰라서리;;
페이지를 두개 만들고 하나는 녹색 페이지 하나는 붉은 페이지 만들고 색깔에
해당하는 색의 페이지 링크 걸어쥬면 되겠내여 ㅋ -
도전중
css를 3개 만드시면 될것같네요 기본,그린,레드
눌렀을때 해당 css를 호출하거나 아니면 id값을 지정해주고 스크립트로 처리해도 될듯합니다.
저런거 시작할때부터 구조를 잘짜야 나중에 손이 많이 안갈것같네요^^