웹호환성과 접근성??
개인적으로 궁금한점이 있는데.
이제 내년부터 모든 웹사이트들이 웹접근성을 지키게
작업을해야하잖아요.. 안지키면 벌금문다는데..
궁금한게.. 아는분중 조그만 에이전시 하시는분있는데
가끔 일도와주는데 마크업등등.. 웹접근성은 고려하지 말고
무조건 크로스무라우징만 지키라고 하더라고요.
그래서 이미지같은것두 통이미지로 자르고..
흠흠... 이렇게 작업할경우.. 나중에
다시작업을 해야하지 않을가해서요..ㅡㅡ
그냥 그렇게 하라고 해서 도와주긴했는데.
퍼블리싱 작업하시는분들중 어떻게 작업을하신지 궁금하네요..
이제 내년부터 모든 웹사이트들이 웹접근성을 지키게
작업을해야하잖아요.. 안지키면 벌금문다는데..
궁금한게.. 아는분중 조그만 에이전시 하시는분있는데
가끔 일도와주는데 마크업등등.. 웹접근성은 고려하지 말고
무조건 크로스무라우징만 지키라고 하더라고요.
그래서 이미지같은것두 통이미지로 자르고..
흠흠... 이렇게 작업할경우.. 나중에
다시작업을 해야하지 않을가해서요..ㅡㅡ
그냥 그렇게 하라고 해서 도와주긴했는데.
퍼블리싱 작업하시는분들중 어떻게 작업을하신지 궁금하네요..
댓글 6개
12년 전
통이미지로 쓰느냐 잘게 나누느냐는 웹 접근성과 무관합니다. 통이미지를 써도 IR 기법 등으로 대체 텍스트를 제공하면 오히려 웹 접근성을 향상시킬 수 있지만, 이미지를 잘게 나눠놓고도 의미있는 마크업을 하지 않으면 웹 접근성을 감소시킬 수 있습니다.
웹 접근성이 장차법 때문에 부각이 되었지만, 단순히 장애인에 대해 대응한다는 시각보다는, 디바이스와 브라우저에 대응한다는 더 넓은 시각에서 바라볼 때는 크로스 브라우징도 웹 접근성 향상을 도모하는 방법이긴 합니다. 다만 지금처럼 크로스 브라우징'만' 지킬 경우에는 나중에 다시 뒤엎어서 작업을 해야 할 공산이 매우 큽니다.
웹 접근성이 장차법 때문에 부각이 되었지만, 단순히 장애인에 대해 대응한다는 시각보다는, 디바이스와 브라우저에 대응한다는 더 넓은 시각에서 바라볼 때는 크로스 브라우징도 웹 접근성 향상을 도모하는 방법이긴 합니다. 다만 지금처럼 크로스 브라우징'만' 지킬 경우에는 나중에 다시 뒤엎어서 작업을 해야 할 공산이 매우 큽니다.
12년 전
글을 써놓고 다시 읽어보니 마지막 줄이 애매하네요. 크로스 브라우징이 어려운 경우는 보통 스타일 먹이면서 브라우저마다 서로 다른 랜더링 방식 때문인 경우가 대부분인데... 제 글은 참고만 하세요. ㅠ
kiplayer
12년 전
제가 이해한
"가끔 일도와주는데 마크업등등.. 웹접근성은 고려하지 말고
무조건 크로스무라우징만 지키라고 하더라고요."
이 말의 의미는 일단 크로스 브라우징을 먼저 완성을 하는 것이 중요하다는 말인것 같네요.
가끔 어떤 업체에서 크로스 브라우징이 안되는 것에 민감한 곳이 몇군데 있었습니다.
저도 분명한것은 만들기 전에는 접근성을 많이 고려하지만,
실제로 만들때는 크로스 브라우징의 기준을 놓고 접근성을 작업합니다.
"접근성으로 구조화시키고 크로스 브라우징으로 구현한다." 라고 생각합니다. ㅎ
"가끔 일도와주는데 마크업등등.. 웹접근성은 고려하지 말고
무조건 크로스무라우징만 지키라고 하더라고요."
이 말의 의미는 일단 크로스 브라우징을 먼저 완성을 하는 것이 중요하다는 말인것 같네요.
가끔 어떤 업체에서 크로스 브라우징이 안되는 것에 민감한 곳이 몇군데 있었습니다.
저도 분명한것은 만들기 전에는 접근성을 많이 고려하지만,
실제로 만들때는 크로스 브라우징의 기준을 놓고 접근성을 작업합니다.
"접근성으로 구조화시키고 크로스 브라우징으로 구현한다." 라고 생각합니다. ㅎ
12년 전
통 이미지일 경우
전 hidden 으로 내용을 전부 스크린리더로 확인가능하게 따로 작업을해주는 편이에요
psd txt 가져다가 붙여 넣는 경우가...
여려가지 방식이 있지만 img+hidden 으로 사용해요~
전 hidden 으로 내용을 전부 스크린리더로 확인가능하게 따로 작업을해주는 편이에요
psd txt 가져다가 붙여 넣는 경우가...
여려가지 방식이 있지만 img+hidden 으로 사용해요~
June44
12년 전
현재로써는 비표준이 너무 많이 대중화 된 상태에서 크로스브라우징의 의미는 단순히 모든 브라우저에서 똑같이 보이게.. 라는 것 그 이상은 없는 것 같습니다. 하지만, 표준의 필요성을 몸소 느끼고 있으신 분들의 선행노력과 새로이 HTML을 접하는 분들께서 웹표준을 익혀감에 따라 크로스브라우징은 의미가 점차 확대되어 "웹표준" 이라는 큰 테두리 안에 당연한 결과로 자리 잡을 것이라 생각되네요..
12년 전
감사합니당.ㅜㅜ 제가 생각하기에도 웹표준 웹접근성 웹호환성 모든게 같이 이루어져서 작업이 되야 한다고 생각이 드는데 아는분은 크로스브라우징만 지키라고 이래서 궁금해서 질문하엿습니다.ㅎ
게시글 목록
| 번호 | 제목 |
|---|---|
| 18790 |
JavaScript
공백제거
|
| 18788 |
PHP
셀렉트박스 간편하게 만들기
1
|
| 18786 | |
| 18783 |
PHP
게시판의 페이징 방법
2
|
| 18780 |
PHP
이미지에 워터마크 처리하기
2
|
| 18769 |
Mobile
Chrome 를 이용한 모바일모드
10
|
| 5549 | |
| 27272 | |
| 27267 | |
| 30785 | |
| 30782 | |
| 27264 | |
| 18767 |
JavaScript
스크립트오류 제거
1
|
| 18765 |
JavaScript
간단한 쿠키지원 팝업 스크립트
1
|
| 18764 | |
| 18763 |
JavaScript
대소문자변환
|
| 5546 | |
| 18760 | |
| 18758 | |
| 18755 |
JavaScript
홈페이지 브라우저 크기 고정시키기
2
|
| 18752 |
JavaScript
iframe 아이프레임 투명처리
2
|
| 27256 | |
| 27247 | |
| 5539 | |
| 18750 | |
| 27244 | |
| 27243 | |
| 18749 |
JavaScript
금액 입력시 자동으로 천단위구분기호(,) 붙여주는 함수
|
| 18747 | |
| 18745 |
JavaScript
출생년도에 따른 나이 계산 자바스크립트
1
|
| 18741 | |
| 18740 | |
| 18738 |
JavaScript
iframe에서 페이지를 닫을 때
1
|
| 18731 |
JavaScript
iframe 높이 자동조절 스크립트
6
|
| 18730 |
JavaScript
자바스크립트 인공지능 장기게임-Minimax
|
| 27240 | |
| 5535 | |
| 18728 |
JavaScript
금액을 한글로 표기 해주는 스크립트;
1
|
| 18726 |
JavaScript
전화번호 입력시 자동 하이픈 넣기
1
|
| 18724 |
JavaScript
사업자번호체크스크립트 간단버전
1
|
| 5532 | |
| 26500 |
견적서
홈페이지 제작 견적서
14
|
| 27237 | |
| 5529 | |
| 30776 | |
| 18721 |
jQuery
플러그인 만들기 간단 예제
2
|
| 20725 | |
| 27232 | |
| 18719 |
JavaScript
퀵메뉴
1
|
| 18717 | |
| 18714 |
JavaScript
입력박스안에 왠 아이콘?
2
|
| 18712 |
JavaScript
게시판 글작성시 일부 태그막기
1
|
| 18709 |
jQuery
랜덤한 레이아웃과 효과
2
|
| 27213 | |
| 27200 | |
| 18706 |
JavaScript
자동으로 textarea 크기 조절하기
2
|
| 18704 |
JavaScript
textarea 자동 늘려주기 2
1
|
| 18702 |
JavaScript
해당 브라우저에 지원하는 이벤트 확인
1
|
| 18701 |
JavaScript
자바스크립트로 논리적인 XOR 연산하기.
|
| 18700 |
JavaScript
동적 셀렉트박스 다루기.
|
| 18698 |
JavaScript
자바스크립트 이벤트 핸들러 (Event Handler)
1
|
| 18697 |
JavaScript
함수명을 변수로 해야할 때
|
| 18696 |
JavaScript
이메일 유효성 정규식 - 자바스크립트
|
| 18694 | |
| 5525 | |
| 27199 | |
| 18691 | |
| 5515 | |
| 5510 | |
| 5501 | |
| 18690 | |
| 18687 | |
| 5496 | |
| 18686 | |
| 18676 | |
| 26496 |
서식
영수증 양식
3
|
| 18675 | |
| 30773 | |
| 18671 |
JavaScript
이미지 슬라이드 관련입니다.(자바,제이쿼리)
3
|
| 30767 | |
| 18667 |
JavaScript
롤오버시 서브메뉴가 나타나는 기본 스크립트
3
|
| 18658 |
jQuery
회사에 히스토리에 써먹을 만한 자료
8
|
| 18650 | |
| 18648 |
MySQL
고수님들 도와주세요!
1
|
| 5494 | |
| 5490 | |
| 20705 | |
| 5485 | |
| 18645 |
Mobile
json 파싱방법
2
|
| 27194 | |
| 20684 |
정규표현식
정규표현식 의 핵심. 패턴변경자 1
20
|
| 18642 | |
| 5482 | |
| 27185 | |
| 5478 | |
| 5473 | |
| 5467 | |
| 18636 | |
| 5462 | |
| 5443 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기