내 사이트 크로스 플랫폼을 호환하고 스크린 리더를 호환하려면 JavaScript, jQuery, Flash, Ajax, Silverlight를 피해야합니까?

https://stackoverflow.com/questions/1871920

18-09-2019
|

문제

내 사이트 크로스 플랫폼 호환 (PC, iPhone 기타 모바일, PDA) 및 액세스 가능 (스크린 리더 호환)을 만들려면 JavaScript, jQuery, Flash, Ajax, Silverlight를 피해야합니까?

더 넓은 접근성을 위해 서버 측 언어가있는 XHTML CSS 만 사용해야합니까?

그리고 PC PR Mac의 경우 나는 Firefox를 위해 먼저 모든 것을 만들었으므로 모바일의 경우 어떤 브라우저를 선택해야합니까?

해결책

iPhone 및 기타 모바일 장치에서는 Flash 및 Silverlight를 사용할 수 없습니다. jQuery는 지원합니다 스크린 리더 접근성, iPhone 이외의 대부분의 모바일 장치에서는 사용할 수없는 것 같습니다.

다른 팁

아니요,하지만 그들에게 제공하십시오 진보적 인 향상 또는 우아한 열화를 제공합니다.

이러한 기술을 사용할 수는 있지만 현명해야하며, 주어진 기술 샌드백 접근성을 일반화 할 수는 없습니다.

웹 사이트를 위해 개발중인 경우 필요한 #1 도구는 Firefox 개발자 도구 모음 애드온입니다. 도구 메뉴에는 "Validate Section 508"(접근성을위한 지침 세트)라는 선택이 있습니다. 이것은 접근성과 관련하여 귀하의 사이트에서 "What 's Broken"의 세탁 목록을 얻는 빠른 N Dirty 방법입니다.

그 외에도 웹에는 접근성을 위해 디자인하는 방법에 대한 구체적인 조언이 포함 된 많은 리소스가 있습니다. 그것은 거의 완전히 강력한 하위 분야입니다. 대부분은 잘 형성된 HTML을 제공하는 것과 관련이 있습니다. (이미지에 적절하고 유용한 Alt Text, 적절한 대비를 제공하는 색상으로 디자인, 색맹 수용, 테이블 설명 사용, 키보드에 의해 사이트를 탐색 할 수있게합니다 (마우스 없음), 양식 필드에 대한 올바른 설명 등).

지금; 지식의 소방에서 깊이 마신다. . . . 자원 목록은 다음과 같습니다. 연방 접근성 웹 표준 구현 (1194.22)

(a) 모든 비 텍스트 요소에 해당하는 텍스트 (예 : "alt", "longdesc"또는 요소 내용)에 동등한 텍스트가 제공되어야한다.http://www.access-board.gov/sec508/guide/1194.22.htm#(A)

http://www.jimthatcher.com/webcourse2.htm

관련 정보

CSS의 접근성 기능 (W3C)http://www.w3.org/tr/css-access

계단식 스타일 시트 (W3C) http://www.w3.org/style/css/

CSS Validator (W3C)http://jigsaw.w3.org/css-validator/

(e) 서버 측 이미지 맵의 각 활성 영역에 대해 중복 텍스트 링크가 제공되어야합니다. (f) 영역을 사용 가능한 기하학적 형태로 정의 할 수없는 경우를 제외하고 서버 측 이미지 맵 대신 클라이언트 측 이미지 맵이 제공되어야합니다.http://www.access-board.gov/sec508/guide/1194.22.htm#(e) http://www.access-board.gov/sec508/guide/1194.22.htm#(f) http://www.jimthatcher.com/webcourse5.htm(g) 데이터 테이블에 대해 행 및 열 헤더를 식별해야합니다. (h) 마크 업은 2 개 이상의 논리적 수준의 행 또는 열 헤더를 갖는 데이터 테이블에 대한 데이터 셀 및 헤더 셀을 연관시키는 데 사용되어야한다.http://www.access-board.gov/sec508/guide/1194.22.htm#(g) http://www.jimthatcher.com/webcourse9.htm관련 정보 액세스 가능한 테이블을 만드는 방법 (WebAim)http://www.webaim.org/techniques/tables/

액세스 가능한 테이블 빌더 (액세스)http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/원하는 테이블 속성, 행 및 열 수를 선택하고 접근성 마크 업을 처리 할 수있는 도구.

(i) 프레임은 프레임 식별 및 내비게이션을 용이하게하는 텍스트와 제목이어야합니다.http://www.access-board.gov/sec508/guide/1194.22.htm#(i) http://www.jimthatcher.com/webcourse4.htm관련 정보 접근 가능한 프레임을 만드는 방법http://www.webaim.org/techniques/frames/(j) 페이지는 2Hz보다 큰 주파수로 화면이 깜박임을 피하기 위해 설계되어야합니다.http://www.access-board.gov/sec508/guide/1194.22.htm#(j) http://www.jimthatcher.com/webcourse7.htm(k) 동등한 정보 또는 기능을 갖춘 텍스트 전용 페이지는 웹 사이트가 다른 방식으로 준수 할 수없는 경우 웹 사이트가 이러한 표준의 조항을 준수하도록 제공되어야합니다. 텍스트 전용 페이지의 내용은 기본 페이지가 변경 될 때마다 업데이트되어야합니다.http://www.access-board.gov/sec508/guide/1194.22.htm#(k) http://www.jimthatcher.com/webcourse7.htm(l) 페이지가 스크립팅 언어를 사용하여 컨텐츠를 표시하거나 인터페이스 요소를 만들 때 스크립트에서 제공 한 정보는 보조 기술에 의해 읽을 수있는 기능 텍스트로 식별해야합니다.http://www.access-board.gov/sec508/guide/1194.22.htm#(L) http://www.jimthatcher.com/webcoursea.htm관련 정보 작성 액세스 가능한 JavaScript (webaim)http://www.webaim.org/techniques/javaScript/키보드 접근성 (Webaim) http://www.webaim.org/techniques/keyboard/자바 스크립트 접근성 문제 (추적 센터)http://trace.wisc.edu/world/java/jseval.htm스크립트 (IBM)http://www-03.ibm.com/able/guidelines/web/webscripts.html(m) 웹 페이지에서 페이지 컨텐츠를 해석하기 위해 클라이언트 시스템에 애플릿, 플러그인 또는 기타 애플리케이션이 존재하도록 요구하는 경우, 페이지는 §1194.21 (a)를 준수하는 플러그인 또는 애플릿에 대한 링크를 제공해야합니다. (l)를 통해.http://www.access-board.gov/sec508/guide/1194.22.htm#(m)

소프트웨어 응용 프로그램 및 운영 체제 (1194.21)http://www.access-board.gov/sec508/guide/1194.21.htm

Sun Microsystems 접근성 프로그램http://www.sun.com/access/index.html(n) 전자 형태가 온라인으로 완료되도록 설계된 경우, 양식은 보조 기술을 사용하는 사람들이 모든 방향 및 큐를 포함하여 양식의 완료 및 제출에 필요한 정보, 현장 요소 및 기능에 액세스 할 수 있도록 허용해야합니다.http://www.access-board.gov/sec508/guide/1194.22.htm#(N) http://www.jimthatcher.com/webcourse8.htm 관련 정보 액세스 가능한 양식을 작성하는 방법 (WebAim) http://www.webaim.org/techniques/forms/액세스 가능한 html/xhtml 양식 (accessify.com)http://www.accessify.com/features/tutorials/forms/다중 입력 양식 필드 (Accessify.com)http://www.accessify.com/features/tutorials/multipleinputs/Quick Form Builder (Accessify.com)http://www.accessify.com/tools-and-wizards/accessibility-tools/quick-form-builder/ 이 도구를 사용하면 접근성에 필요한 HTML 마크 업으로 양식을 작성하는 데 도움이됩니다.

(o) 사용자가 반복적 인 탐색 링크를 건너 뛸 수있는 방법이 제공되어야한다.http://www.access-board.gov/sec508/guide/1194.22.htm#(O) http://www.jimthatcher.com/webcourse4.htm관련 정보

탐색 링크 건너 뛰기 (webaim)http://www.webaim.org/techniques/skipnav/

탐색 링크 건너 뛰기 (Jim Thatcher.com)http://www.jimthatcher.com/skipnav.htm(p) 시간이 정해진 응답이 필요한 경우, 사용자에게 경고하고 더 많은 시간을 표시하기에 충분한 시간이 필요합니다.http://www.access-board.gov/sec508/guide/1194.22.htm#(p) http://www.jimthatcher.com/webcourse7.htm

웹 사이트 및 콘텐츠 액세스 가능한 W3C 웹 접근성 이니셔티브 리소스 제작에 대한 자세한 정보 http://www.w3.org/wai/resources/수학 및 과학 솔루션을 포함한 교육 소프트웨어 및 웹 사이트에 액세스 가능한 디자인 가이드 라인 만들기http://ncam.wgbh.org/cdrom/guideline/508 Universe (접근 가능한 웹 사이트 디자인 과정 포함)http://www.section508.gov/index.cfm?fuseeaction=content&id=5접근성 도구 및 마법사http://www.accessify.com/tools-and-wizards/

1973 년 재활법 508 조 (교육부)에 따른 웹 접근성 준수에 대한 접근성 테스트를위한 웹 사이트 테스트http://www.ed.gov/policy/gen/guid/assisttesting.html

508 체크리스트 (Webaim)http://www.webaim.org/standards/508/checklist

접근성을위한 웹 사이트 평가 (W3C)http://www.w3.org/wai/eval/

무료 테스트 도구http://www.wave.webaim.org/

웹 접근성 도구 모음 (인터넷 익스플로러)http://www.paciellogroup.com/resources/wat-ie-about.html

웹 개발자 도구 모음 (Firefox)http://chrispederick.com/work/web-developer/

교육부 보조 기술 프로그램에 대한 자세한 내용은 다음을 방문하십시오.http://www.ed.gov/policy/gen/guid/assistivetech.html이 문서에서 참조 된 링크에는 다른 공공 및 민간 조직이 작성하고 유지 관리하고 사용자의 편의를 위해 제공되는 링크가 포함됩니다. 미국 교육부는 이러한 출처의 정보의 정확성, 관련성, 적시성 또는 완전성을 통제하거나 보장하지 않습니다. 또한,이 문서에 링크를 포함시키는 것은 그들의 중요성을 반영하기위한 것이 아니며, 표현 된 견해 나 제품 또는 서비스 또는 사이트를 후원하는 조직을 보증하기위한 것이 아닙니다. 2009 년 7 월 17 일에 마지막으로 업데이트되었습니다

아니요 우아한 성능 저하 JavaScript없이 작동하도록 웹 사이트를 구축하고 동적 동작 계층을 맨 위에 놓습니다.

특히 jQuery는 그것에 좋습니다.

Silverlight와 같은 것들이 문제를 줄 수 있지만 페이지의 필수 부분이 아닌 한 문제가되지 않아야합니다.

일반적으로 여러 생산 목표를 원한다면 이러한 기술을 피할 필요가 없습니다. 그러나 동일한 기능을 생성하기위한보다 전통적인 방법을 제공하려면 더 많은주의를 기울여야합니다. 다시 말해, 당신은 우아하게 저하되어야합니다.

단지 의견,

모바일의 경우 어떤 브라우저를 선택해야합니까?

나는 많은 전화를 보았다 오페라 모바일 브라우저, 따라서 오페라와도 호환되도록하십시오.

저의 조언은 멋진 물건 (JavaScript, Flash 등)이없는 기본 사이트를 만들고 모든 장치에서 해당 사이트에 완벽하게 액세스 할 수 있도록하는 것입니다.

그런 다음 더 멋진 기술로 인해 특정 플랫폼에서 사용자 경험을 진정으로 향상시킬 수 있다면 기본 사이트 위에이를 구축하고 누가 사이트에 액세스하는지 확인하고 올바른 버전을 제공하는지 확인하십시오.

스크린 리더 사용자로서 조언을 따르면 우아한 성능 저하를 사용하십시오. 플래시와 실버 라이트는 액세스 할 수 없다고 말합니다. Flash는 이론적으로 액세스 할 수 있지만 액세스 가능한 플래시가있는 사이트를 찾지 못했습니다. 휴대 전화의 블라인드 사용자가 사이트에 액세스 할 수 있으려면 iPhone, Windows Mobile 및 Symbian의 기본 브라우저를 사용하여 테스트해야합니다. Opera Mobile은 모든 모바일 장치의 스크린 리더 사용자가 액세스 할 수 없습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow