(광고) 개.꿀.레터] 웹접근성 미준수! title!! 뿌셔뿌셔

2022. 12. 8.

개티님들의 개.꿀.레터

웹스퀘어 사용중인 개발자들의 꿀팁 레터

따-끈 New 기능

// 코드 사용 예

< websquare >>

< upload >>

< imgUpload >>

< maxUploadSize value = "" />>

</ imgUpload >>

</ upload >>

</ websquare >>

websquare.xml upload-imgUpload-maxUploadSize

CKEditor에서 이미지 파일을 업로드할 때 최대 파일 사이즈를 제한 (항목추가), 값을 설정하지 않을 경우, 파일 사이즈 제한 없음

// 코드 사용 예

< w2:multiupload id = "upload1" callbackSync = "true" > </ w2:multiupload >

MultiUpload callbackSync

파일을 업로드하는 순서대로 callback 함수를 호출 (속성추가)

기능이 변경됐어요!

1	그리드 필터에 title 제공! 한단계 업그레이드 된 웹 접근성! 이전에는 그리드 헤더 필터에 HTML 타이틀 옵션이 없어서 웹 접근성 심사 시 그리드 헤더에 표시되는 필터 버튼에 적절한 title 제공 미흡으로 미준수 사례로 분류되는 경우가 있었는데, 이번 기능 변경으로 웹 접근성을 준수할 수 있게 되었습니다.

변경 전

senseReader="true" 속성 설정을 사용할 경우, GridView 헤더에 표시되는 필터에 대해서는 HTML 태그에 title 옵션이 없음

변경 후

title 옵션이 생성됨

자세히 알고 싶으신가요? ■

2	input 값이 변하는데... 왜 title 값이 같이 변하지 않는 거니!!!😭 이전에는 그리드에서 senseReader=true인 경우 그리드 셀 값 입력 시 그리드 셀의 input에 타이틀 값이 수정이 되지 않았는데, 이번 변경으로 input 이 변할 때마다 즉시 title 값이 변경되도록 하여 웹 접근성을 개선했습니다.

변경 전

GridView에는 senseReader="true" 속성 설정을 적용하고,
GridView 컬럼에는 embeddedInput="true" 속성 설정을 적용한 후,
GridView의 셀에서 값을 변경할 경우,
해당 부분에 대한 HTML 태그의 title 옵션 값이 변경되지 않음

변경 후

셀 값이 변경될 때마다 title 옵션 값도 변경됨

자세히 알고 싶으신가요? ■

위버 Q&A - 컬럼 단계별 필터링 방법

그리드 콤보 두 개 사용 시 setColumnFilter를 적용해서 앞의 콤보에서 선택된 값에 따라서 뒤의 콤보의 리스트에 필터를 걸고 싶은데요.

linkedDataList를 사용

gridView에 대분류/중분류/소분류 컬럼은 select로 생성
사용되는 대분류/중분류/소분류 dataList 정의
gridView의 대분류, 중분류 컬럼을 변경하여 itemset이 변경되는지 확인

컬럼(select type) 단계별 필터링을 위한 LinkedDataList 활용 방법

버그 패치 리스트

// Engine

onpageload 모바일 환경의 개발자 도구에서 onpageload 이벤트에 지정한 debugger가 동작하지 않음.

// CheckComboBox

enableColumn enableColumn 속성으로 지정된 항목이 선택 목록의 제일 하단에 위치한 경우, 해당 항목이 비활성화 처리되지 않음.

// GridView

advancedExelUpload() WGear와 연계한 경우, Excel 파일에 포함된 개행이 n으로 출력됨.
ctrlShiftKey="true" ctrlShiftKey="true" 속성 설정을 focusMode="row" 혹은 focusMode="cell" 속성 설정과 함께 사용할 경우, 특정 영역을 선택하여 복사한 후 붙여넣기 하면 실제 선택한 영역이 복사되지 않음.
advancedExcelUpload() – options.wframe options.wframe : "true" 옵션으로 advancedExcelUpload() 함수를 실행할 경우, 크로스 도메인 오류 발생.

// Pivot

pivotExcelDownload() headerYMerage: "true" 옵션 설정이 적용되지 않음.

// SelectBox

refreshSelectedIndex="true" renderType="select" 속성 설정을 사용할 경우, refreshSelectedIndex="true" 속성 설정이 적용되지 않음.

// WindowContainer

createWindow() 고정핀의 활성화 여부를 결정하는 options.fixed 옵션 설정이 동작하지 않음.

이번 레터도 읽어주셔서 감사해요!😌

개꿀레터는 매주 목요일 낮 12시 여러분께 배송💌 됩니다.

지난 내용은 언제든지 꺼내보기 쉽게 잘 정리해서 블로그에 저-장 해놓을게요!

인스웨이브시스템즈

서울시 강서구 공항대로 247, 퀸즈파크나인 C동 12층 (07803)

02-2082-1400 | marketing@inswave.com

웹스퀘어 개발 관련 정보를 받아볼 수 있다해도.......수신거부

인스웨이브 뉴스레터를 구독하고 이메일로 받아보세요

이전 뉴스레터

(광고) 개.꿀.레터] 다국어 처리 업데이트!! 확인해요👍

2022. 12. 1.

다음 뉴스레터

(광고)✏️교육일정 : UI 개발자를 위한 1월 웹스퀘어 교육 !

2022. 12. 12.