시각 장애인이 웹 사이트에 액세스 할 수 있도록?

https://stackoverflow.com/questions/1422780

07-07-2019
|

문제

누구든지 나에게 몇 가지 팁을 주거나 이것에 대한 좋은 링크를 연결할 수 있습니까?

'이미지에 대체 텍스트 추가'보다 훨씬 더 많은 것을 찾는 데 어려움을 겪고 있으며 정보가 얼마나 최신인지 잘 모르겠습니다.

나는 전체 시맨틱 마크 업을 얻지 만 아마도 그것에 대해 조금 더 많은 지침으로 할 수 있습니다.

또한 다른 브라우저에서 상황이 어떻게 작동하는지 잘 모르겠습니다 ....

감사해요!

해결책

1) 페이지의 컨텐츠의 각 섹션에 대해 HTML의 제목 태그를 사용하십시오. 제목 태그는 H1, H2, H3, H4, H5, H6입니다.

2) 이전에 언급 된 제목 태그가 적절한 상속인 시퀀스로 존재하는지 확인하십시오. 예를 들어 H1 태그는 H2 태그보다 중요합니다. 스크린 리더는이 제목 태그를 사용하여 페이지의 내용을 탐색합니다. 그들이 표시되거나 부적절하게 주문되지 않은 경우, 시각적으로 불순한 사용자는 페이지의 내용을 탐색 할 수 없습니다.

3) JavaScript를 사용하여 텍스트가 변경 될 것이라고 사용자에게 먼저 프롬프트하지 않고 화면의 내용을 동적으로 변경하지 마십시오. 화면 판독기가 컨텐츠를 읽기 전에 JavaScript가 화면에서 텍스트를 변경하면 시각적으로 불순한 사용자가 컨텐츠가 변경되었음을 알 수있는 방법이 없습니다.

4) 사용자에게 1000 개의 이미지를 제공하지 마십시오. 이미지가 관련 컨텐츠를 전달하지 않으면 CSS 배경 이미지로 만듭니다.

5) 제목 속성, 특히 앵커 태그에 대해 은혜를 베풀어야합니다. 이것은 사용자에게 어디로 가야하는지 알려줄 수 있습니다.

6) 대체 내용으로 전달할 수없는 이미지에 텍스트를 넣지 마십시오. 시각적으로 불안한 사람은 이미지를 읽지 않습니다.

7) 모든 메타 데이터가 관련이 있는지 확인하십시오. 콘텐츠를 변경하면 설명 데이터의 추가 비트를 잊지 마십시오.

8) Ajax는 접근성을 물리칩니다. Ajax의 사용에 친절하십시오.

9) 시각적으로 불순종하고 실제로 거의 모든 시각적 사용자는 페이지가 얼마나 예쁘다는 신경 쓰지 않습니다. 그들은 정보, 쇼핑 또는 다른 특정 목적을 얻기 위해 있습니다. 데이터를 쉽게 이해하고 검색 할 수 있도록하십시오. 사용자가 들어갈 수 없다면 원하는 것을 얻은 다음 기록적인 시간에 나가지 않을 것입니다.

10) HTML에서 프리젠 테이션 태그 또는 프레젠테이션 속성을 사용하지 마십시오. 스타일 시트를 사용하십시오. HTML에 프레젠테이션 규칙이 포함되어 있으면 액세스 할 수 없습니다.

11) 컨텐츠가 HTML에서 작성된 방식과 시각적으로 다른 순서로 존재하는 경우 위에서 아래로 접근성에 실패 할 수 있습니다. 일을 질서 있고 일관성있게 유지하십시오. 사용자는 콘텐츠가 위에서 아래로 흐르고 탭 인덱싱이 컨텐츠 흐름을 따를 것으로 기대합니다.

12) 스크린 리더 소프트웨어로 유용성 테스트를 수행합니다. 보면 페이지가 얼마나 액세스 할 수 있는지 알 수 없습니다.

다른 팁

나는 완전히 눈이 멀고, 당신은 몇 년이 지난 후에도 여전히 많은 물건이 그것에 alt 속성을 가지고 있지 않은 것에 놀랐습니다. 조심하십시오. 그래픽이 허용되지 않는 것과 같은 많은 신화가 있습니다 (). 잘못), talbes는 나쁘고 (잘못) 프레임이 나쁘다 (잘못된 것, 다른 이유로 프레임이 나쁘다는 것을 알고 있지만) 이상적으로는 사이트를 맹목적으로 테스트하는 사람이 있어야합니다. 나에게 Westbchris@gmail.com. 다른 한 가지, 실제로 버튼 및/또는 링크를 수행하는 컨트롤을 만들어보십시오. 클릭 가능한 div는 아무것도하지 않는 것이 분명하지 않기 때문에 시원하지 않으며 사용하는 보조 기술에 따라 클릭 할 수 없을 수도 있습니다.

AlertBox 에서이 설명을 확인하십시오.

장애인 사용자 및 웹 (이 기사는 1996 년부터 ...하지만 오늘날에는 그렇지 않더라도 문제는 여전히 사실입니다)

이 용어는 접근성입니다. 살펴보십시오 W3C의 WAI 웹 사이트. 나는 항상 찾았습니다 육즙이 많은 스튜디오 접근성을 논의하는 기사를위한 귀중한 자원이되기 위해.

마스터하고 구현하기 어려운 심층적 인 정의가 있습니다. 예는 포함됩니다 웹 콘텐츠 접근성 가이드 라인 (WCAG) 그리고 섹션 508.

공식적인 제안이 아닌 것은 사이트를 텍스트 브라우저로 쉽게 탐색 할 수 있도록하는 것입니다. 콘텐츠를 전달하기 위해 색상이나 구조에 의존하지 마십시오. 중요한 기능을 위해 위젯에 의존하지 마십시오.

편집하다: 턱이나 다른 스크린 리더로 사이트를 테스트하는 것을 귀찮게해서는 안된다고 덧붙였습니다. 사이트를 탐색 할 수 없다는 것은 사이트의 접근성이없는 대신 스크린 리더와의 경험이 더 관련이 있습니다. 즉, 대상 고객의 샘플을 사용하여 사이트를 사용하여 유용성을 위해 사이트를 테스트하는 것이 매우 유익합니다.

#2 편집 : 의견에서 논의한 바와 같이, 나는 당신이 스크린 리더와의 경험을 바탕으로 사이트의 유용성을 판단해서는 안된다는 것을 전달하려고했습니다. 즉, 웹 개발중인 사람은 화면 리더를 포함한 웹 사이트를 보는 데 사용되는 브라우저/장비에 노출되는 것이 좋습니다. 원래 편집에서는 문구가 좋지 않았습니다.

글쎄, 아무도 wai-를 언급하지 않은 것 같습니다.아리아 액세스 가능한 풍부한 인터넷 응용 프로그램을위한 것입니다. 즉, Gmail과 같은 것들을 접근 할 수 있습니다. 그리고 이와 같은 것을 찾기위한 괜찮은 검색어 와이 아리아에 관한 목록. 이미 꽤 지원되었습니다.

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

제휴하지 않습니다 StackOverflow