어둠사자

게시판 스킨에서 살펴보는 접근성 핵심 (그누보드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

 

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

 

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

|

댓글 1개

추천 먼저 해놓고. 차근차근 시간될때 열공해보겠습니다. 감사합니다~~^^*
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
20-10-20 조회 6,962
20-10-14 조회 9,414
20-10-13 조회 6,496
20-10-11 조회 7,924
20-10-11 조회 6,864
20-10-08 조회 8,225
20-10-08 조회 6,668
20-10-07 조회 8,172
20-10-04 조회 8,030
20-09-28 조회 8,341
20-09-26 조회 9,158
20-09-25 조회 1.1만
20-09-24 조회 7,047
20-09-22 조회 9,523
20-09-21 조회 6,929
20-09-17 조회 6,427
20-09-16 조회 7,286
20-09-16 조회 7,299
20-09-13 조회 9,271
20-09-11 조회 8,285
20-09-10 조회 7,798
20-09-10 조회 6,321
20-09-08 조회 6,248
20-09-08 조회 7,775
20-09-08 조회 6,229
20-09-07 조회 8,271
20-09-05 조회 9,952
20-09-02 조회 8,304
20-08-31 조회 8,686
20-08-29 조회 9,609