2010-03-26 2 views
1

이러한 유형의 데이터 디자인을 코딩하는 데있어 액세스 가능하고 의미 상으로 올바른 방법은 무엇입니까?이러한 유형의 데이터 디자인을 코딩하는 데 접근하기 쉽고 의미 상으로 올바른 방법은 무엇입니까?

  • UL, LI
  • DIV, SPAN 내가 각각의 장소를 사용해야 아이콘

또는 내가해야 CSS 스프라이트의 아이콘인가? 만약 우리가 CSS Sprite를 사용한다면 어떻게 코딩 할 것인가? 이미지가 비활성화 될 때 어떤 일이 일어날 것인가?

모든 링크가 새 창에서 열리 며 시각 장애인과 시각 장애인 사용자 모두에게 파일 크기를 표시해야합니까?

이 디자인을 만드는 가장 좋은 방법은 무엇이며 아이콘을 표시하고 파일이 새 창에서 열리는 모든 유형의 사용자와 파일 크기를 나타내는 가장 좋은 방법은 무엇입니까? 테이블의

내용은 이미지가 텍스트 브라우저 사용자을위한 화면 사용자

  • 에 대한 장애인
  • 경우에도 시력이 사용자에 대해

    • 모든 조건에서 가능한 한 좋은 방법으로 접근하고 이해할 수 있어야
    • 그리고 CSS가 사용 중지 된 경우

    f PDF, 비디오, 오디오의 파일 이름은 여기에 있습니까?

    alt text http://easycaptures.com/fs/uploaded/285/7713792709.png

  • +0

    새 창을 열면 접근성이 크게 향상됩니다. –

    +0

    @adam 파일 다운로드로 보입니다. –

    +0

    충분하다 -하지만 파일 다운로드 (제대로 완료)는 새 창을 필요로하지 않으며 새로운 (비어있는) 창은 접근성을 방해하지 않는다고 주장합니다. –

    답변

    1

    확실히 테이블에 대한 작업, 아래로 손.

    스크린 리더 사용자에게 서비스를 제공해야하는 경우 사용할 이미지 유형은 "PDF"/ "오디오"/ "비디오"를 ALT 텍스트로 사용하는 것이 가장 좋습니다. 이미지가 사용 중지 된 경우 표시됩니다.

    파일 크기는 다운로드 IMO를 가리키는 링크의 title 태그에있을 수 있습니다.

    +0

    평균적인 CSS 스프라이트 방법은 스크린 리더 사용자에게는 좋지 않지만 HTML 코드는 적게 듭니다. –

    +0

    예. 스크린 리더가 의도 된 대상의 일부라면 스프라이트를 사용하지 않을 것입니다. ALT 텍스트가있는 멋진 깨끗한 아이콘이 더 좋습니다. 어쨌든 스프라이트를 사용하여 성능을 향상 시키면 첫 페이지 로딩에 두세 가지의 요청을 저장할 수 있습니다. –

    +0

    에는 css-sprite를 사용하는 경우에도 alt 텍스트를 표시하는 메소드가 없습니다. 및 BTW ALT 텍스트에 표시되어야 할 내용. –

    관련 문제