ARIA   3782

« earlier    

Nutrition Cards for Accessible Components A11Y Expectations
A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.
accessibility  a11y  ARIA  webdev  via:popular 
13 days ago by bartjohnston
Nutrition Cards for Accessible Components A11Y Expectations
A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.
css  cssbasics  aria  accessibility 
14 days ago by spaceninja
Nutrition Cards for Accessible Components A11Y Expectations
A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.
a11y  accessibility  aria  web 
14 days ago by matthewbeta
Amelia Bellamy-Royds on Twitter: "It's partly just distinguishing errors from other description, but it's also so that you can set up the link to the error element ahead of time (e.g., span saying "This field is required"), and then simply activate it by
(On the reasoning behind creating aria-errormessage:)
“It’s partly just distinguishing errors from other description, but it’s also so that you can set up the link to the error element ahead of time (e.g., span saying ‘This field is required’), and then simply activate it by triggering aria-invalid='true'.”
aria  aria-errormessage  2018  twitter  AmeliasBrain  forms  errors 
19 days ago by handcoding
Nutrition Cards for Accessible Components
"A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide."
a11y  guide  ARIA  clevermarks 
19 days ago by nhoizey
Marco Zehe on Twitter: "Yes. Checked needs a true check mark somewhere. Selected is something highlighted, like a border around one of several list items, or one tab in a set of tabs, etc.… https://t.co/BkCWELMQqq"
(Marco Zehe on the difference between aria-checked and aria-selected:)
“Checked needs a true check mark somewhere. Selected is something highlighted, like a border around one of several list items, or one tab in a set of tabs, etc.”

(@jcsteh later added:)
“Think of it this way. You can have a listbox containing checkable items, but the highlighted item might not be checked and vice versa. Worth noting though that this distinction is starting to erode, since it's very hard to detach these things on a touch screen.”
(https://twitter.com/jcsteh/status/1024620373130633217)
aria-checked  aria-selected  2018  aria  accessibility  a11y  MarcoInEnglish  jcsteh 
20 days ago by handcoding
Inclusive Components
誰にも使いやすいコンポーネントの作り方、またはWAI-ARIAをちゃんとやる例。例のアレよりリサーチ部分がしっかりしている。実装も色々と見応えがある。
webdesign  inclusive  accessibility  aria 
20 days ago by hail2u

« earlier    

related tags

1.1  2018  320  a11y  accessability  accessibility  accessible  accordions  alt  alttext  ameliasbrain  applications  aria-checked  aria-errormessage  aria-label  aria-roles  aria-selected  aria  article  asuability  auto-complete  autocomplete  browsers  cards  character  chat  checklists  clevermarks  code  color  combobox  communication  compare  complementary  component  controls  counter  css  cssbasics  deque  described-by  design  development  dialog  disability  disclosure_widget  dropdown  errors  example  figcaption  flexbox  form  forms  fridayfrontend  gold-pressed-latinum  gov.uk  guide  hidden  hide  howto  html  html5  image  images  inclusive  interactive  interface  javascript  jcsteh  keyboard  landmark  landmarks  layout  library  limit  links  live  liveregions  marcoinenglish  menus  modal  modals  mozilla  navigation  none  notifications  programming  properties  quality  react  reactjs  reference  region  regions  role  roles  screenreaders  semantics  software  standards  states  style  svg  table  tables  tip  tips  tutorial  twitter  ui  ux  video  voiceover  vue.js  w3c  wcag  web-dev  web  webdesign  webdev  zm:link 

Copy this bookmark:



description:


tags: