Topics

Welcome to the NVDA Community Add-ons website - Developer Toolkit #feed


nvda-addons@nvda-addons.groups.io Integration <nvda-addons@...>
 

Developer Toolkit

Contact information

I am available on most blindness related programming lists such as program-l, nvda addon developers list, the nvda-dev list, and the NFB cs list. In the event I am not available there, you can reach me at ajborka (at) gmail (dot) com.

Documentation

The NVDA developer toolkit assists blind and visually impaired developers with the difficult task of creating appealing visual layouts for any software or web development project. It does this by providing the following about an object or control:

Object location (in pixels)

  • left edge
  • top edge
  • right edge
  • bottom edge
  • top-left corner
  • top-right corner
  • bottom-left corner
  • bottom-right corner
  • absolute center
  • height
  • width

Browser compatibility

Developer tools will work with Firefox, Chrome, and Internet Explorer. However, to make developer tools work well with Chrome and Internet Explorer, you must add the following at the top of all CSS files: * {box-sizing: box-border; }. This allows Chrome and Internet Explorer to include borders, padding, and element content as part of the element's total size.

Keyboard shortcuts

The developer toolkit makes use of the keyboard combination CONTROL+WINDOWS as its modifier key. Any shortcuts listed must include the toolkit modifier 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.