테이블과 웹표준 정보
테이블과 웹표준본문
테이블을 이미지로 만들어서 absolute로 놔두고
밑에 테이블 코딩해두면 웹표준에 맞는 걸까요?
댓글 전체
웹표준측면에서 볼때 img 태그는 말그대로 텍스트를 포함하지 않은 사진같은 이미지를 위한 태그이고
alt에는 해당 이미지가 출력되지 않을때를 대비해서 사진의 설명을 넣습니다.
부득히 텍스트를 포함하는 경우 접근성을 고려하여 alt 태그를 활용해서 대체 텍스트를 제공하는것이지요.
텍스트데이터를 포함하는 이미지를 제공하는것 자체가 img태그의 본래 활용에 부합하지 않는다고 생각합니다.
또한 테이블이라면 더더욱 table 태그가 있는데 굳이 말씀하신것처럼 이중작업할 이유가 없는것이구요..
굳이 따지자면 텍스트 데이터를 포함한 img 아래에
해당 내용을 추가로 코딩한다는건 웹접근성쪽으로 보시는게 맞는거 같습니다.
alt에는 해당 이미지가 출력되지 않을때를 대비해서 사진의 설명을 넣습니다.
부득히 텍스트를 포함하는 경우 접근성을 고려하여 alt 태그를 활용해서 대체 텍스트를 제공하는것이지요.
텍스트데이터를 포함하는 이미지를 제공하는것 자체가 img태그의 본래 활용에 부합하지 않는다고 생각합니다.
또한 테이블이라면 더더욱 table 태그가 있는데 굳이 말씀하신것처럼 이중작업할 이유가 없는것이구요..
굳이 따지자면 텍스트 데이터를 포함한 img 아래에
해당 내용을 추가로 코딩한다는건 웹접근성쪽으로 보시는게 맞는거 같습니다.
추가하면..
네이버같은경우 상단 메뉴부분을 빈span에 bg처리한 이미지를 넣고, 텍스트를 가리고 있습니다.
css가 동작하는 상황이면 이미지가 보이고, 그외는 빈 span대신 가려진 텍스트가 보이게(들리거나) 됩니다.
네이버같은경우 상단 메뉴부분을 빈span에 bg처리한 이미지를 넣고, 텍스트를 가리고 있습니다.
css가 동작하는 상황이면 이미지가 보이고, 그외는 빈 span대신 가려진 텍스트가 보이게(들리거나) 됩니다.
답변 감사합니다. (--)(__)