Topics

NVDA附加元件 developerToolkit #附加元件

=?ISO-2022-JP?Q?=1B$B9b=4082=22=1B=28J?=
 

圖形界面程式的開發對於視障者而言,最大的困難在於畫面上物件的排列。
筆者用 AutoIt3 建立物件,如果偷懶都用預設值,用NVDA可以清楚讀出每個物件名稱就以為沒問題,讓眼明人來看結果有可能都擠在一起。
這時候靠這個附加元件可以得知每個物件的高度、寬度和四個邊界、角落和中心點的座標,就能作適當的調整。

下載網址:
https://addons.nvda-project.org/files/developerToolkit-0.1.0.nvda-addon

P.S.: 視障者最了解視障者,希望能有更多視障者願意投入視障軟體開發的行列。

woody tseng
 

Hello,

目前快速鍵在附加元件的網站上尚未標明,此為 nvda-addons groups.io 的內容
簡單來說就是使用 control+windows 搭配數字鍵盤來操作取得物件相對於左上角的座標位置
快速鍵非常的好理解,將9宮格想成一個物件即可(此處皆是指桌電快速鍵,筆電類似僅是用英文鍵)
例如:
取得物件左下角位置按 numpad1(9宮格的左下)
取得物件左上角位置按 numpad7(9宮格的左上)
以此類推一共有9組快速鍵
還有另外2個快速鍵是取得物件的寬(numpadEnter)與高(numpadPlus)
詳細內容與快速鍵可參考下方原文

原文:
===== start =====
The developer toolkit makes use of the keyboard combination CONTROL+WINDOWS as its modifyer key. Any shortcuts listed must include the toolkit modifyer key to work properly
Desktop shortcuts (see below for laptop shortcuts)
• numpad1: Obtain the location of the bottom-left corner.
• numpad2: Obtain the location of the bottom edge
• numpad3: Obtain the location of the bottom-right corner.
• numpad4: Obtain the location of the left edge.
• numpad5: Obtain the location of the absolute center.
• numpad6: Obtain the location of the right edge.
• numpad7: Obtain the location of the top-left corner.
• numpad8: Obtain the location of the top edge
• numpad9: Obtain the location of the top-right corner.
• numpad plus: Obtain the height.
• numpad enter: Obtain the width.
Laptop shortcuts
• m: Obtain the location of the bottom-left corner.
• comma (,): Obtain the location of the bottom edge.
• period (.): Obtain the location of the bottom-right corner.
• j: Obtain the location of the left edge.
• k: Obtain the location of the absolute center.
• l: Obtain the location of the left edge.
• u: Obtain the location of the top-left corner.
• i: Obtain the location of the top edge.
• o: Obtain the location of the top-right corner.
• [: Obtain the height.
• ]: Obtain the width.
===== end =====

Woody

嘯傲俠羽
 

謝謝!我也想市看看!如果有說「請按左上教的某某某」時,是不是可以這樣用?
每當閱讀軟體操作方式說明,經常表達就是「請按畫面上的某個角落」,巷這類的操作不曉得怎樣進行?

另外還想順便請教個問題:
nvda 偏好設定,文字格式設定當中,
是不是很多項目點字不能呈現?或者是我那邊設定不到位?
例如句選強調標記或色彩或打小時,點字摸起來沒啥特別的顯示?
段落或者行縮排,也摸訴出來?
文字大小、顏色等等,也沒有任何提示呢?

如果句選這些項目,點字顯示能有所表示,
再做網頁設計,調整文字大小、顏色、段落…時,至少能稍微知道有沒有做出效果?

比方說,我想讓小朋友測試使用 japascript 寫的某段城市,
利用滑鼠點擊,可以變更字體大小或者色彩,
除了請眼睛幫忙看螢幕,
是否怎樣能讓全忙視障者知道代碼是否有做出效果?
謝謝!

2019-05-31 9:27 GMT+08:00, woody tseng <tsengwoody.tw@...>:

Hello,

目前快速鍵在附加元件的網站上尚未標明,此為 nvda-addons groups.io (
https://nvda-addons.groups.io/g/nvda-addons/message/8181 ) 的內容
簡單來說就是使用 control+windows 搭配數字鍵盤來操作取得物件相對於左上角的座標位置
快速鍵非常的好理解,將9宮格想成一個物件即可(此處皆是指桌電快速鍵,筆電類似僅是用英文鍵)
例如:
取得物件左下角位置按 numpad1(9宮格的左下)
取得物件左上角位置按 numpad7(9宮格的左上)
以此類推一共有9組快速鍵
還有另外2個快速鍵是取得物件的寬(numpadEnter)與高(numpadPlus)
詳細內容與快速鍵可參考下方原文

原文:
===== start =====
The developer toolkit makes use of the keyboard combination CONTROL+WINDOWS
as its modifyer key. Any shortcuts listed must include the toolkit modifyer
key to work properly
Desktop shortcuts (see below for laptop shortcuts)
• numpad1: Obtain the location of the bottom-left corner.
• numpad2: Obtain the location of the bottom edge
• numpad3: Obtain the location of the bottom-right corner.
• numpad4: Obtain the location of the left edge.
• numpad5: Obtain the location of the absolute center.
• numpad6: Obtain the location of the right edge.
• numpad7: Obtain the location of the top-left corner.
• numpad8: Obtain the location of the top edge
• numpad9: Obtain the location of the top-right corner.
• numpad plus: Obtain the height.
• numpad enter: Obtain the width.
Laptop shortcuts
• m: Obtain the location of the bottom-left corner.
• comma (,): Obtain the location of the bottom edge.
• period (.): Obtain the location of the bottom-right corner.
• j: Obtain the location of the left edge.
• k: Obtain the location of the absolute center.
• l: Obtain the location of the left edge.
• u: Obtain the location of the top-left corner.
• i: Obtain the location of the top edge.
• o: Obtain the location of the top-right corner.
• [: Obtain the height.
• ]: Obtain the width.
===== end =====

Woody



蔡宗豪 Victor Cai
 
Edited

之前,高老師曾分享這款附加元件 developerToolkit。
最近,也在NVDA 台灣 討論區加入了使用方式及按鍵功能列表,包括以下這些:

DTK, 一個視障開發者不可錯過的協助工具。
使用方式是把焦點放在控制項上,如果是往業則要先按 NVDA+SPACE 切換到焦點模式,接著按 NVDA+SHIFT+SPACE 取消單鍵導覽,最後按 ALT+WINDOWS+K 開關 DTK.
以下是按鍵功能列表:

  • 左箭頭:移到上一個同曾項目
  • 右箭頭:移到下一個同曾項目
  • 上箭頭:移到上一曾
  • 下箭頭:移到下一曾
  • CTRL+HOME: 移到最上曾
  • A: 在網頁上讀出 HTML 屬性。快按兩次複製到剪貼簿
  • B: 讀出物件底邊的位置。快按兩次複製到剪貼簿
  • SHIFT+B: 讀出物件底邊與上層底邊的距離。快按兩次複製到剪貼簿
  • C: 讀出下層的物件個數。快按兩次複製到剪貼簿
  • CTRL+C: 切換顏色的表達方式為 RGB, 十六進未獲名稱
  • CTRL+D: 開關詳細訊息
  • F: 在網頁上讀出物件的字形和格式資訊。快按兩次複製到剪貼簿
  • H: 讀出物件的高度。快按兩次複製到剪貼簿
  • L: 讀出物件左邊的位置。快按兩次複製到剪貼簿
  • N: 讀出物件名稱。快按兩次複製到剪貼簿
  • P: 讀出上層名稱。快按兩次複製到剪貼簿
  • R: 讀出物件右邊的位置。快按兩次複製到剪貼簿
  • SHIFT+R: 讀出物件右邊與上層右邊的距離。快按兩次複製到剪貼簿
  • S: 讀出同層的物件個數。快按兩次複製到剪貼簿
  • T: 讀出物件上邊的位置。快按兩次複製到剪貼簿
  • V: 讀出 DTK 的版本號。快按兩次複製到剪貼簿
  • W: 讀出物件的寬度。快按兩次複製到剪貼簿

嘯傲俠羽
 

很好奇,不曉得有啥作用,能告訴我一下嗎?謝謝!

在 2020/1/22,蔡宗豪 Victor Cai <surfer0627@...> 撰寫:

Hi,
之前,高老師曾分享這款附加元件 developerToolkit。
最近,也在 NVDA 台灣 討論區 (
https://www.nvda.org.tw/discussion/ui=2004100200tm=1950572755 )
加入了使用方式及按鍵功能列表,轉錄內容如下:




DTK, 一個視障開發者不可錯過的協助工具。
使用方式是把焦點放在控制項上,如果是往業則要先按 NVDA+SPACE 切換到焦點模式,接著按 NVDA+SHIFT+SPACE
取消單鍵導覽,最後按 ALT+WINDOWS+K 開關 DTK.
以下是按鍵功能列表:

* 左箭頭:移到上一個同曾項目
* 右箭頭:移到下一個同曾項目
* 上箭頭:移到上一曾
* 下箭頭:移到下一曾
* CTRL+HOME: 移到最上曾
* A: 在網頁上讀出 HTML 屬性。快按兩次複製到剪貼簿
* B: 讀出物件底邊的位置。快按兩次複製到剪貼簿
* SHIFT+B: 讀出物件底邊與上層底邊的距離。快按兩次複製到剪貼簿
* C: 讀出下層的物件個數。快按兩次複製到剪貼簿
* CTRL+C: 切換顏色的表達方式為 RGB, 十六進未獲名稱
* CTRL+D: 開關詳細訊息
* F: 在網頁上讀出物件的字形和格式資訊。快按兩次複製到剪貼簿
* H: 讀出物件的高度。快按兩次複製到剪貼簿
* L: 讀出物件左邊的位置。快按兩次複製到剪貼簿
* N: 讀出物件名稱。快按兩次複製到剪貼簿
* P: 讀出上層名稱。快按兩次複製到剪貼簿
* R: 讀出物件右邊的位置。快按兩次複製到剪貼簿
* SHIFT+R: 讀出物件右邊與上層右邊的距離。快按兩次複製到剪貼簿
* S: 讀出同層的物件個數。快按兩次複製到剪貼簿
* T: 讀出物件上邊的位置。快按兩次複製到剪貼簿

V: 讀出 DTK 的版本號。快按兩次複製到剪貼簿

* W: 讀出物件的寬度。快按兩次複製到剪貼簿