게시판 스킨에서 살펴보는 접근성 핵심 (그누보드4, 그누보드5 비교) > 그누보드5 팁자료실

그누보드5 팁자료실

게시판 스킨에서 살펴보는 접근성 핵심 (그누보드4, 그누보드5 비교) 정보

게시판 스킨에서 살펴보는 접근성 핵심 (그누보드4, 그누보드5 비교)

본문

정말 예전(네이버 레포지토리 있던 때)에 g4dtd 건들면서 중점적으로 봤던 부분인데 이제서야 정리해보았습니다.

 

게시판 스킨 기준으로 접근성이 어떻게 달라진 것인지 비교해보겠습니다. 별도의 스킨을 제작하는데에도 좋은 가이드가 되지 않을까 합니다.

 

1. 글쓰기 파일 첨부 (write.skin.php)

게시판 관리자에서 '최대 파일첨부 갯수'를 지정할 수 있도록 되어있으나, 이것을 온전히 스크립트에만 의존(그누보드4)하고 있음.

 

-> 그누4DTD부터는 HTML 단계에서 지원하도록 변경되었고, 현재 그누5에서는 기본임.

 

## 그누보드4 (이전)

461179629_1602566464.2638.png

 

* add_file, del_file 함수에 의해 전적으로 스크립트에 의존

 

## 그누보드4 DTD (이전)

461179629_1602568338.6362.png

461179629_1602566590.5734.png

 

* 기본 HTML을 모두 출력한 후에 스크립트로 제어

 

## 그누보드5 (현재)

461179629_1602566657.2073.png

 

* 기본 HTML을 모두 출력하는 것이 기본임

 

 

2. 글쓰기 옵션 처리 (write.skin.php)

글쓰기 옵션을 처리하기 위한 hidden 필드가 정말 부득이한 경우가 아님에도 form 선언 중반부에 가있음.

 

-> 그누4DTD,  그누5에서는 적절한 위치에 배치되도록 변경됨

 

## 그누보드4 (이전)

461179629_1602567383.5705.png

 

* hidden 필드 선언이 form 선언 중간에 되어 있음

 

## 그누보드4DTD (이전)

- bbs/write.php

461179629_1602567521.0045.png

 

- skin/board/basic/write.skin.php

461179629_1602567578.4799.png

 

* bbs/write.php 에서 미리 선언하고 write.skin.php에 표시하는 방식

 

## 그누보드5 (현재)

461179629_1602567647.552.png

* write.skin.php 파일의 적절한 위치에 배치되어 있음

 

 

3. 리스트 업데이트 처리 (list.skin.php)

리스트 페이지에서 작업해야 할 게시글을 선택한 후 작업을 지정하는 'sw' 필드가 hidden 및 공백 처리되어있고 이후 스크립트로만 처리되어 다음 액션을 전혀 예측할 수 없었음.

 

-> 그누4DTD, 그누보드5에서는 다음 액션을 예측 가능한 수단을 제공

 

## 그누보드4 (이전)

461179629_1602567937.843.png

 

* 'sw' 필드의 모든 제어를 스크립트에만 의존함

 

## 그누보드4DTD (이전)

- bbs/list_update.php

461179629_1602568060.9771.png

 

- skin/board/basic/list.skin.php

461179629_1602568022.7119.png

 

* select 태그를 통해 다음 액션의 선택 및 예측을 가능하게 함.

 

## 그누보드5 (현재)

- bbs/board_list_update.php

461179629_1602568145.4959.png

 

- skin/board/basic/list.php

461179629_1602568195.4151.png

 

* button 태그를 통해 다음 액션의 선택 및 예측을 가능하게 함.

 

4. 파일 다운로드 (view.skin.php)

일부 링크(a 태그)의 다음 위치(href 속성)가 명확하게 예측되지 않음. -> 현재는 명확하게 변경됨

 

## 그누보드4 (이전)

461179629_1602568908.8748.png

 

* 기본적으로 스크립트로만 링크를 처리함

 

## 그누보드4DTD (이전)

그누보드4와 동일

 

## 그누보드5 (현재)

461179629_1602568995.928.png

 

* 타겟 위치를 명확히한 후 제어는 별도의 스크립트로 함.

 

여기까지 게시판 스킨에서 보아야 할 접근성을 중점적으로 정리해보았습니다. 감사합니다.

추천
4

댓글 1개

전체 2,427 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT