如果引用或轉貼,麻煩註明出處與本網誌連結,否則視為侵權。

2011年12月25日

SAP ABAP 使用者介面設計(一)一般原則

作者: Fred Wang (FW知識瑣記) 日期: 2011/12/25

這篇文章內容摘錄並翻譯自SAP Accessibility Competence Center的"Accessibility Guidelines for ABAP Dynpro v3.0”

1. ABAP程式設計在UI設計上的一般原則

  • 盡可能使用ALV Grid, 而不要用ABAP Lists
  • 盡可能使用ALV Grid或Table Controls, 而不要用step loops
  • 用SAP interactive Forms by Adobe,而不要用SAP Smart Forms或SAP Script
  • 避免使用HTML controls
  • 避免使用簡稱
  • 複雜的元素要建立標題,如ALV Grid與Table Controls, 有標題可以幫助使用者了解這些用途是什麼

2.可存取模式
應用系統可以用fnction module “GET_ACCESSIBILITY_MODE”查詢是否使用者設定可存取模式。這個功能只有在應用系統存在可存取模式與非可存取模式才有用到。
image
可存取性模式除了用在視覺障礙者外,非視覺障礙者在某些情境可能也會用到,例如行動障礙者,只能使用鍵盤,不能使用滑鼠。對視覺障礙者在可存取模式提供文字模式,也要提供Hot-key鍵盤輸入。

3.使用Tooltips
當游標移動到某元素上,可以顯示說明文字,這就是tooltips
image
輸入欄位,Pushbuttons, Radio button, Checkbox, Combo box與dropdown box,這些元件可以建立Tooltips

元件屬性中Tooltips設定有下面兩種方式 :
第一種 是在元件清單中的Tooltip Text設定
image

第二種 在Screen Painter的Tooltip屬性設定
image

4.使用標籤文字(Lables)
一般而言,Radio Buttons與Checkbox的標籤文字應該放在元件右邊,而輸入欄位, combo boxs, dropdown boxs的標籤文字應該放在元件左邊
image

設定As label on right或As lable on left表示這是欄位的標籤文字,設定後使用Tab鍵,跳欄位時,游標就只會在輸入欄位間跳動,而不會跳到標籤文字上。

下圖為設定欄位左方的文字欄是它的標籤文字
image
下圖為設定欄位右方的文字欄是它的標籤文字
image

相關內容 :

沒有留言:

張貼留言

歡迎提供意見, 謝謝 (註 : 留言經過版主審核通過才會發布)