웹표준관련 색맹접근 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값을 지정해주고 스크립트로 처리해도 될듯합니다.
저런거 시작할때부터 구조를 잘짜야 나중에 손이 많이 안갈것같네요^^
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2701151 | 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) | 찬내 | 2025-07-11 |
2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |
2700359 | 3.0 ) SimpleButton 상태 강제 변경 (3) | 희선 | 2025-07-04 |
2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |