WAI-ARIA Cheat Sheets

Authored By :Raghavendra Satish Peri Last Updated :May 3, 2022 WAI-ARIA, Web Accessibility

A curated list of WAI-ARIA cheat sheets from around the web. Please do comment if any new cheat sheets are found.

Please also check our WCAG Cheat Sheets & Mobile Accessibility cheat sheets.

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. For example, ARIA enables accessible navigation landmarks, JavaScript widgets, form hints and error messages, live content updates, and more.- Source MDN

Raghavendra Satish Peri

Raghavendra Satish Peri is a digital Transformation specialist working with small & large enterprises in the areas of digital accessibility & digital marketing. He authors an Accessibility Blog at DigitalA11Y.com & is galvanizing the adoption of accessibility by inspiring the local tech community with meetups and mentorship. He propelled this thought by founding HelloA11y.com, a community of accessibility professionals, developers, and enthusiasts. When away from his computer, Raghava can be found at local cafes & restaurants sampling cuisines, attending local meetups, listening to audio books, or writing on his Personal Blog at raghava.in.

WCAG

Understanding SC 1.2.4 Captions (Live)

Authored By :Raghavendra Satish Peri Last Updated On :June 20, 2022

0 Comments

1.2.4 Captions (Live): Captions are provided for all live audio content in synchronized media. (Level AA) The intent of this success criterion is to provide captions for the live media content. Live media refers to the audio/video content that is relayed/broadcasted live on the internet platform. Live captioning is seen on live news broadcast, live…

WCAG

Understanding SC 1.4.10 Reflow

Authored By :Raghavendra Satish Peri Last Updated On :June 20, 2022

2 Comments

Success Criterion 1.4.10 Reflow (Level AA): Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height equivalent to 256 CSS pixels. Except for parts of the content which require two-dimensional…

WCAG

Understanding SC 2.4.7 Focus Visible

Authored By :Raghavendra Satish Peri Last Updated On :June 20, 2022

0 Comments

Focus Visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA) Focus visible is very important for low vision users, people with motor disability & attention disorders. If there is no visible focus on any active element or the element that receives keyboard focus users…

WCAG

Understanding SC 1.4.11 Non-text Contrast

Authored By :sathish kumar Last Updated On :June 20, 2022

0 Comments

Success Criterion 1.4.11 Non-text Contrast (Level AA): The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): User Interface Components Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and…

WCAG

Understanding SC 3.1.1 Language of Page

Authored By :Raghavendra Satish Peri Last Updated On :June 20, 2022

0 Comments

3.1.1 Language of Page: The default human language of each Web page can be programmatically determined. (Level A) This success criterion requires that each web page of a site has its default human language programmatically defined. This, according to the Internationalization best practices plays a critical role in determining the default text-processing language. Apart from…

Share A11Y Love

Similar Posts

Leave a Reply Cancel reply