Posts

• Oct 14, 2016 - 6 mins read tab order and tabindex

  A keyboard only user, primarily uses tab key to reach the actionable controls in a web page. The order in which focusable elements are focused via tab press, is called tab order. When a user presses tab, browser focuses the next tabable element in the tab order.

• Sep 29, 2016 - 5 mins read Keyboard Accessibility and Lost Focus

  Visual indicator is must for a keyboard user, to identify an active element, so that the user can press the corresponding desired keys, to interact with the active element.

  For example,

  • pressing space on a checkbox toggles the checked status
  • pressing down arrow on a select displays the options list
  • pressing space/enter on a button activates it.

  Without a visual indicator a keyboard only user has no clue to identify the active element.

• Jun 26, 2016 - 1 min read Show more/less actionable list items

  Hide the extra items completely, if you mean it. Otherwise they might be avialable to keyboard only and screen reader users, even though not available for mouse only users.

• Jun 25, 2016 - 1 min read Display focus-indicator for styled radio and checkbox

  When styling radio buttons and checkboxes by hiding them visually and using pseudo-elements, along with pseudo-classes, please ensure to add custom focus indicator.

  Otherwise, a user accessing the user interface via keyboard, has no idea, what is the active element/field.

• Jun 17, 2016 - 5 mins read Focus Indicator - Browser(Chrome) Extension