aria   3518

« earlier    

ARIA Cheatsheet
Cheatsheet for accessibility attributes in HTML
html  webdev  aria  cheatsheet  accessibility 
yesterday by deveiant
Level Access — Differences Between Aria 1.0 and 1.1: Changes to Role=”combobox”
"This is the fourth and final installment of SSB’s review of the differences between ARIA 1.0 and 1.1. In our last post – Differences between ARIA 1.0 and 1.1: Changes – we reviewed changes to existing attributes such as aria-haspopup, aria-activedescendant, role=”form”, amongst others. Today, we explore the changes to role=”combobox”."
combobox  aria  accessibility  aria1.1  2017  a11y 
4 days ago by handcoding
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 
12 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 
12 days ago by spaceninja
User Facing State
The main thing I want you to take away from all of this is that if you are only toggling classes to visually manage state of your components, you are likely not appropriately conveying that state to users of assistive technologies.
css  html  aria  accessibility  states 
13 days ago by spaceninja
(500) https://ljwatson.github.io/design-patterns/aria-current
RT : Using the aria-current-attribute Test cases + screen reader support info
ARIA  from twitter
13 days ago by pfenya
Using the aria-current attribute – Tink
RT : Using the aria-current-attribute Test cases + screen reader support info
ARIA  from twitter
13 days ago by pfenya
ARIA - Accessibility | MDN
Accessible Rich Internet Applications (ARIA) defines ways to make Web content and Web applications (especially those developed with Ajax and JavaScript) more accessible to people with disabilities.
aria  javascript  jquery 
15 days ago by jennettefulda
a11y.css
This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.
css  accessibility  bookmarklet  test  tools  error  aria  validation 
18 days ago by vloux
The Accessible Current Page Link Conundrum
The problem with “current page” links is there’s no interoperable (read: accessible) way of communicating them. Unlike links to page fragments, which are identified as “same page link” (or similar) by popular screen readers, the mechanism by which a link points to the current location is not exposed via browsers to assistive technologies. At least, not in my experience.
article  accessibility  navigation  links  ARIA  usability 
26 days ago by Jolantis

« earlier    

related tags

2015  2017  a11y  a18n  accessibility  accessibilitywins  accessibilty  accessible  active  aria-activedescendant  aria-labelledby  aria-owns  aria1.1  ariaattributes  article  attribute  baidu  beginners  bookmarklet  buttons  changes  cheatsheet  checklist  code  coding  combobox  compatibility  component  components  css-only  css-state  css  definition  design  documentation  error  errors  examples  focus  forms  fridayfrontend  front-end  genius  github  guide  guidelines  howto  html  html5  i18n  ibm  inclusion  input  interactive  interface  javascript  jquery  label  labelledby  labels  links  markup  menu  menus  mobile  name  navigation  pattern  patterns  reactjs  reference  references  regions  respond17  role  samplecode  screen_reader  screenreaders  semantics  sidebar  sorting  ssbbart  standards  state  states  styleguides  tables  tabs  test  tips  to-review  toggle  tools  tooltip  tutorials  tw  ui-interaction  ui-state  ui  usability  ux  validation  w3c  wai-aria  wai  web  webdesign  webdev  webdevel  widgets 

Copy this bookmark:



description:


tags: