forms   57093

« earlier    

GitHub - russmaxdesign/floating-label: A quick demo of floating, animated labels
This may well be a canonical example of how to do an accessible version of the “floating labels” thing. And see also Russ’s related ID24 talk about this: https://www.youtube.com/watch?v=oT1752Wat8U
2017  forms  floating  labels  accessibility  a11y  github  canonical 
yesterday by handcoding
WoodSwimmer - YouTube
"WoodSwimmer is a film collaboration between genius animator Brett Foxwell and Conor Grebel (Bedtimes). The footage was taken through a laborious stop motion process of capturing sections of wood as they are thinly shaved away by a milling machine."
animation  nature  forms 
4 days ago by jbushnell
Form Errors Screen Readers Can Access
Fortunately, there are ways to inform users with vision impairments about invalid inputs. By default, screen readers written using the proper markup will announce actionable elements. Screen readers will also announce elements with certain ARIA attributes applied to them. By using these methods properly we can help non-sighted users easily identify errors in inputs.
fridayfrontend  accessibility  forms  errors  aria 
7 days ago by spaceninja
How to make error messages accessible
Commonly, when an error occurs, an error message is inserted into the page. If you want to do this accessibly, some things to look at are identifying errors as errors, notifying the (screenreader) user of new content and describing what happened in clear language. Below, I will go into how you can improve things in those three areas.
fridayfrontend  aria  forms  accessibility  errors 
7 days ago by spaceninja

« earlier    

related tags

2017  a11y  a_tobesorted  accessibility  animation  appdesign  application  archive  aria-disabled  aria  article  articles  bestpractice  bestpractices  billing  bookmarks_menu  canonical  checkboxes  components  craftcms  css  data-protection  data  design  designpatterns  development  disabled  doabl  drive  dropdown  dropdowns  errors  example  favorites  feedback  flask  floating  floats  focus  form  form_elements  formatting  formfields  formobject  forms-labels  fridayfrontend  gdpr  github  google  gravity  grid  guide  howto  hr_resources  html  html5  imported  imported_2/11/17  imported_4/25/17  input  inputs  interaction  interactive  issue  javascript  jquery  js  knob  labels  menus  mobile  nature  navigation  nng  online  outline  password  passwords  patterns  placeholders  plugin  practicies  principles  programming  prototyping  pupulus  python  qa  questionnaires  radio  rails  react  reactjs  security  service  sketch  slider  smashing-magazine  smashingmag  snippets  software  split  state  survey  surveys  testing  tips  tool  tools  tutorials  ui  university_of_chicago  unsorted_bookmarks  usability  ux  validation  vuejs  web  webdesign/programming  webdesign  webdev  webdevel  word  wordpress  workflow  wtforms  zimported 

Copy this bookmark:



description:


tags: