ARIA   3865

« earlier    

Using aria-live
Many web pages today have their content dynamically changed using Javascript. An example of this is the search page on this blog. When the page is initially loaded, the only content in the
aria 
yesterday by kogakure
Using aria-live
Many web pages today have their content dynamically changed using Javascript. An example of this is the search page on this blog. When the page is initially loaded, the only content in the <main> section of the page is a search form. But, when you type in a query such as “css” and search, several articles related to that term begin to appear on the page.

If you are looking at the page, it is obvious when the articles appear because you can see the content change. However, if you’re using a screen reader, there is no way to tell exactly when this happens. The aria-live attribute allows us to tell assistive technology what parts of the page are likely to change. With this information, it can listen for changes to those particular elements and notify the user of any updates made.
A11y  Accessibility  ARIA  aria-live 
2 days ago by tamouse

« earlier    

related tags

2018  a11y  accessibility  accessibilty  accessible  accordion  active  ai  alt  ao3  application  aria-describedby  aria-live  aria  ariacompany  article  attributes  author'swebsite  best-practices  blog  breadcrumb  breadcrumbs  butaitanbou  buttons  canonical  carousel  cheatsheet  code  color  combobox  components  content  contrast  css  cssbasics  description  design  designpatterns  developers  development  doctorwho  dropdowns  duesouth  dzone  element  end  essential  example  examples  faq  fic  focus  forms  fortalks  fraser/kowalski/vecchio  fridayfrontend  front  github  golden  graphs  guide  hidden  hint  howto  html  html5  icons  images  interactive  interface  javascript  jeremy-keith  js  juicystudio  keyboard  landmarks  library  make  markup  meaning  menu  menuitem  menus  mobile  modal  my  myfiles  navigation  open-source  page  patterns  productmangement  reference  resources  role  router  rulesofthumb  seichijunrei  semantic  semantics  single  slash  slide  spa  standard  stevefaulkner  styling  svg  symbols  syntax  table  tables  text  threesomes&moresomes  tiny  tips  tolearn  tools  toread  totry  tounderstand  trail  tutorial  twitter  typography  uidesign  utility  ux  validator  versions  voiceover  w3c  wai-aria  wai  wcag  web  webdesign  webdev  website  wia  writing 

Copy this bookmark:



description:


tags: