Home > 웹 콘텐츠 신기술 제작기법 > 접근성 있는 Flex 제작기법 > Flex 애플리케이션 콘텐츠 구현 예 >
접근성을 고려한 입력서식 제작기법
게시판은 RichTextEditor 컨트롤을 이용하여 구성할 수 있다. RichTextEditor 컨트롤은 문장의 정렬, 색, 글자크기,글씨체들을 조절할 수 있는 기능을 제공한다. RichTextEditor 컨트롤의 속성 중 showToolTip 속성을 true로 설정하면 각 기능키에 toolTip을 제공할 수 있어 접근성을 높일 수 있다.
아래 예제는 Tab 키에 의하여 입력 상자, 콤보박스, 버튼의 순서로 초점이 이동하는 것을 보여준다.
[그림] 게시판 예제
RichTextEditor 컨트롤 이외의 기능은 toolTip과 Tab 키에 의한 이동순서를 고려하여 화면을 구성한다.
<mx:Script>
<![CDATA[private function setRichTextEditor(id:RichTextEditor):void {
id.fontFamilyArray = ['굴림', '돋음', '바탕', 'Arial'];
id.textArea.imeMode = "KOREAN";}
]]>
</mx:Script>
<mx:VBox width="100%" height="100%">
<mx:Panel title="게시판 " height="75%" width="800" paddingTop="10"
paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:VBox id="center" width="100%" height="100%" verticalGap="0">
<!-- 게시판 제목 -->
<mx:VBox id="centerStory" width="100%" height="100%"
verticalAlign="middle" horizontalGap="0" fontWeight="bold"
verticalGap="0" paddingTop="5">
<mx:HBox width="100%" height="100%">
<mx:Image source="{imgTitleName}" toolTip="제목"/>
<mx:TextInput id="storyContentsTA" width="100%" height="100%" paddingLeft="10"
toolTip="제목입력창입니다."/></mx:HBox>
<mx:Spacer height="6"/>
</mx:VBox>
<!-- 글쓰기 -->
<mx:VBox id="centerWrite" width="100%" height="100%"
verticalAlign="middle" horizontalGap="0" verticalGap="0"
paddingBottom="0" paddingTop="0" >
<mx:Spacer height="1"/>
<mx:RichTextEditor id="writeEditer" fontFamily="굴림"
width="100%" height="100%" headerHeight="0"
paddingBottom="0" paddingLeft="0" paddingRight="0"
paddingTop="0"showToolTips="true" borderAlpha="1"
borderColor="#B0C0D8" headerColors="[#ffffff, #ffffff]"
footerColors="[#EDF6FA, #E5EEF0]"
dropShadowEnabled="false" borderThicknessLeft="2"
borderThicknessRight="2" borderThicknessTop="1"
borderThicknessBottom="2" initialize="setRichTextEditor(writeEditer)"/>
<mx:Spacer height="7"/>
<mx:HBox width="100%" horizontalAlign="right"
paddingBottom="5" paddingLeft="5" paddingRight="5"
paddingTop="5" horizontalGap="5">
<mx:Button label="저 장" click="" styleName="subButton"/>
<mx:Button label="취 소" click="" styleName="subButton"/></mx:HBox>
</mx:VBox>
</mx:VBox>
</mx:Panel>
</mx:VBox>
웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.
(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)
팀 버너스 리 경 - 웹의 창시자 (Tim Berners - Lee , W3C Director and inventor of the World Wide Web)