aria   3569

« earlier    

Tooltips & Toggletips
Inclusive design is often about providing the user with the right tool for the job, and the right kind of tooltip to go with that tool. In this article, I'll be looking at situations which might call for a tooltip or else a toggletip, and formulating inclusive implementations for each.
fridayfrontend  html  accessibility  tooltips  aria 
10 days ago by spaceninja
Focus advice for content-heavy dialogs · Issue #442 · w3c/aria-practices · GitHub
Cromulent thoughts on dialogs from Patrick:
"While the advice given for dialogs makes sense for "actionable" dialogs which have a relatively short description / prose and whose main purpose is to provide the user with form controls (e.g. some settings, an OK/CANCEL set, etc), dialogs are often used as informational/content-rich overlays that contain structured content - for instance, a dialog which then holds a lot of text with headings, bulleted lists, etc, and that are used to present information to the user.

"In these cases, although the described pattern can of course be used (tie up all the content to the dialog element using aria-describedby, set focus on the close or ok control, etc), doing so may not be ideal for SR users as the structured content will be announced without the immediate option to properly use the reading keys to read/explore it.

"For these types of dialogs, I wonder if focus should be allowed to go to the dialog container or the first heading/start of the content (as would happen with in-page links jumping to a part of the current document), rather than to the first focusable element?"
dialog  aria  accessify  a11y  2017 
11 days ago by handcoding
paypal/downshift: 🏎 Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete/dropdown/select/combobox components
downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete/dropdown/select/combobox components
react  autocomplete  combobox  autoselect  wai  aria  i18n  picker  form_elements 
13 days ago by jimthedev
Tooltips & Toggletips
Tooltips are a precariously longstanding interface pattern. Literally "tips for tools", they are little bubbles of information that clarify the purpose of otherwise ambiguous controls/tools. A common example is a control that is only represented by a cryptic icon, the meaning of which the user has yet to learn.
webdev  accessibility  ARIA  a11y  components  links  css  bestpractices  tooltips 
15 days ago by Jolantis

« earlier    

related tags

2015  2017  a11y  a18n  a360  accessability  accessibility  accessibilty  accessible  accessify  active  ajax  aria-activedescendant  aria-expanded  aria-labelledby  aria-owns  aria1.1  article  attribute  autocomplete  autoselect  beginners  bestpractices  bookmarklet  bugs  buttons  changes  cheatsheet  checklist  combobox  component  components  css-state  css  definition  design  development  dialog  documentation  error  errors  examples  form_elements  forms  fridayfrontend  front-end  frontend  funny  group  guide  guidelines  howto  html  html5  i18n  inclusion  inclusive  index  input  interactive  interface  item  javascript  jaws  jaws18  jquery  keyboard  labels  lc  links  markup  menu  menus  microdata  mobile  modal  multitouch  navigation  pattern  patterns  picker  programming  react  reference  references  regions  resources  respond17  role  roles  screen_reader  screenreaders  selected  semantics  ssbbart  standards  state  states  tab  tabs  test  testing  tips  to-review  togģletip  tool  tools  tooltip  tooltips  tree  tutorials  tw  ui-interaction  ui-state  ui  usability  ux  validation  validator  video  w3c  wai-aria  wai  wcag  web  webdesign  webdev 

Copy this bookmark: