Jump to content

WAI-ARIA: Difference between revisions

From Wikipedia, the free encyclopedia
Browse history interactively
← Previous edit
Content deleted Content added
VisualWikitext
No edit summary
Tags: Reverted extraneous markup reference list removal Visual edit: Switched
Reverting edit(s) by 2603:6011:8C00:9BB:C8:6218:23FC:DD9B (talk) to rev. 1226317338 by ClueBot NG: Non-constructive edit (UV 0.1.5)
 
Line 1: Line 1:
<ref></ref>{{short description|Technical specification for web accessibility}}
{{short description|Technical specification for web accessibility}}
{{Infobox technology standard
{{Infobox technology standard
| title = WAI-ARIA
| title = WAI-ARIA
| long_name = Web Accessibility Initiative - Accessible Rich Internet Applications
| long_name = Web Accessibility Initiative - Accessible Rich Internet Applications
| native_name = <!-- Name in local language. If more than one, separate using {{plain list}} -->
| native_name = <!-- Name in local language. If more than one, separate using {{plain list}} -->
| native_name_lang = <!-- ISO 639-2 code e.g. "fr" for French. If more than one, use {{lang}} inside native_name items instead -->
| native_name_lang = <!-- ISO 639-2 code e.g. "fr" for French. If more than one, use {{lang}} inside native_name items instead -->
| image =
| image =
| caption =
| caption =
| status = [[World_Wide_Web_Consortium#W3C_recommendation_(]]
| status = [[World_Wide_Web_Consortium#W3C_recommendation_(REC)|W3C Recommendation]]
| year_started = {{Start date and age|2006}}
| year_started = {{Start date and age|2006}}
| first_published = {{Start date and age|2006|09|26}}
| first_published = {{Start date and age|2006|09|26}}
| version = WAI-ARIA 1.2: [[World_Wide_Web_Consortium#W3C_recommendation_(REC)|W3C Recommendation]]
⚫
| preview =
| version_date = {{Start date and age|2023|06|06}}
⚫
| preview_date =
⚫
| preview =
⚫
| organization = {{Plainlist|
⚫
| preview_date =
⚫
* {{abbr|[[World Wide Web Consortium|World Wide Web Consortium]]|World Wide Web Consortium}}
⚫
| organization = {{Plainlist|
⚫
* {{abbr|[[World Wide Web Consortium|W3C]]|World Wide Web Consortium}}
* [[Adobe Inc.|Adobe]]
* [[Adobe Inc.|Adobe]]
* [[Apple Inc.]]
* [[Apple Inc.|Apple]]
* [[IBM]]
* [[IBM]]
* [[Igalia]]
* [[Igalia]]
Line 21: Line 23:
* Spec-Ops
* Spec-Ops
}}
}}
| committee = {{abbr|ARIA WG|Accessible Rich Internet Applications Working Group}}
| committee = {{abbr|ARIA WG|Accessible Rich Internet Applications Working Group}}
| editors = {{Plainlist|
| editors = {{Plainlist|
* Joanmarie Diggs
* Joanmarie Diggs
* James Nurthen
* James Nurthen
Line 33: Line 35:
}}
}}
}}
}}
| authors =
| authors =
| base_standards =
| base_standards =
| related_standards =
| related_standards =
| abbreviation = WAI-ARIA
| abbreviation = WAI-ARIA
| domain = {{Plainlist|
| domain = {{Plainlist|
* [[Assistive technology]]
* [[Assistive technology]]
* [[Progressive web application]]s
* [[Progressive web application]]s
Line 43: Line 45:
* [[Web accessibility]]
* [[Web accessibility]]
}}
}}
| license =
| license =
| website = {{URL|https://www.w3.org/WAI/standards-guidelines/aria/}}
}}
}}


Line 59: Line 62:


==Scope==
==Scope==
Web developers increasingly use [[client-side]] scripts to create user interface controls that cannot be created with HTML alone. They also use client-side scripts to update sections of a page without requesting a completely new page from a [[web server]]. Such techniques on websites are called [[rich Internet applications]]. These user interface controls and content updates are often not accessible to users with [[disabilities]], especially [[screen reader]] users and users who cannot use a [[Mouse (computing)|mouse]] or other [[pointing device]]. WAI-ARIA allows [[web page]]s (or portions of pages) to declare themselves as [[Application software development|applications]] rather than as [[Static web page|static documents]], by adding role, property, and state information to dynamic web applications. ARIA is intended for use by developers of [[web application]]s, [[web browser]]s, [[Assistive technology|assistive technologies]], and accessibility evaluation tools.<ref name="wai-aria-overview">{{cite web|url=https://www.w3.org/WAI/standards-guidelines/aria/|title=WAI-ARIA Overview|publisher=W3C|publication-date=December 2006|date=2011-01-18|access-date=2021-04-21|editor-first1=Michael|editor-last1=Cooper|others=Accessible Rich Internet Applications Working Group, Education and Outreach Working Group}}</ref>
Web developers increasingly use [[client-side]] scripts to create user interface controls that cannot be created with HTML alone. They also use client-side scripts to update sections of a page without requesting a completely new page from a [[web server]]. Such techniques on websites are called [[rich Internet applications]]. These user interface controls and content updates are often not accessible to users with [[disabilities]], especially [[screen reader]] users and users who cannot use a [[Mouse (computing)|mouse]] or other [[pointing device]]. WAI-ARIA allows [[web page]]s (or portions of pages) to declare themselves as [[Application software|applications]] rather than as [[Static web page|static documents]], by adding role, property, and state information to dynamic web applications. ARIA is intended for use by developers of [[web application]]s, [[web browser]]s, [[Assistive technology|assistive technologies]], and accessibility evaluation tools.<ref name="wai-aria-overview">{{cite web|url=https://www.w3.org/WAI/standards-guidelines/aria/|title=WAI-ARIA Overview|publisher=W3C|publication-date=December 2006|date=2011-01-18|access-date=2021-04-21|editor-first1=Michael|editor-last1=Cooper|others=Accessible Rich Internet Applications Working Group, Education and Outreach Working Group}}</ref>


WAI-ARIA describes how to add [[semantics]] and other [[metadata]] to HTML content in order to make user interface controls and dynamic content more accessible. For example, with WAI-ARIA it is possible to identify a list of [[hyperlink|links]] as a navigation [[Menu (computing)|menu]] and to state whether it is expanded or collapsed. Although originally developed to address accessibility issues in HTML, the use of WAI-ARIA is not limited to HTML: in principle, it can also be used in other [[markup languages]] such as Scalable Vector Graphics (SVG).<ref name="ariasvg2008">{{Cite web|url=https://www.w3.org/TR/SVGMobile12/struct.html#RoleAttribute|title=Document Structure – SVG Tiny 1.2 § 5.10.1 Attributes common to all elements|website=W3C|author=SVG Working Group|date=2008-12-22|access-date=2021-04-21}}</ref><ref>[[Important operas]]{{Cite web |author=SVG Working Group |date=2008-12-22 |title=Document Structure – SVG Tiny 1.2 § 18.3 Extensible metadata attributes |url=https://www.w3.org/TR/SVGMobile12/metadata.html#MetadataAttributes |access-date=2021-04-21 |website=W3C}}.</ref>
WAI-ARIA describes how to add [[semantics]] and other [[metadata]] to HTML content in order to make user interface controls and dynamic content more accessible. For example, with WAI-ARIA it is possible to identify a list of [[hyperlink|links]] as a navigation [[Menu (computing)|menu]] and to state whether it is expanded or collapsed. Although originally developed to address accessibility issues in HTML, the use of WAI-ARIA is not limited to HTML: in principle, it can also be used in other [[markup languages]] such as Scalable Vector Graphics (SVG).<ref name="ariasvg2008">{{Cite web|url=https://www.w3.org/TR/SVGMobile12/struct.html#RoleAttribute|title=Document Structure – SVG Tiny 1.2 § 5.10.1 Attributes common to all elements|website=W3C|author=SVG Working Group|date=2008-12-22|access-date=2021-04-21}}</ref><ref>{{Cite web|url=https://www.w3.org/TR/SVGMobile12/metadata.html#MetadataAttributes|title=Document Structure – SVG Tiny 1.2 § 18.3 Extensible metadata attributes|website=W3C|author=SVG Working Group|date=2008-12-22|access-date=2021-04-21}}.</ref>


==Documents==
==Documents==
Line 67: Line 70:


; Accessible Rich Internet Applications (WAI-ARIA) Version 1.0
; Accessible Rich Internet Applications (WAI-ARIA) Version 1.0
:This is primarily aimed at developers of [[Web browsers]], [[assistive technology|assistive technologies]], and other [[]], in addition to developers of other [[technical specifications]], and developers of accessibility evaluation tools. The WAI-ARIA has been marked as completed on 20 March 2014 and is therefore a [[W3C recommendation]].<ref name="w3.org">{{cite web|title=Accessible Rich Internet Applications (WAI-ARIA) 1.0|url=https://www.w3.org/TR/wai-aria/|access-date=2014-04-11|publisher=W3.org}}</ref>
:This is primarily aimed at developers of [[Web browsers]], [[assistive technology|assistive technologies]], and other [[user agents]], in addition to developers of other [[technical specifications]], and developers of accessibility evaluation tools. The WAI-ARIA has been marked as completed on 20 March 2014 and is therefore a [[W3C recommendation]].<ref name="w3.org">{{cite web|title=Accessible Rich Internet Applications (WAI-ARIA) 1.0|url=https://www.w3.org/TR/wai-aria/|access-date=2014-04-11|publisher=W3.org}}</ref>
; WAI-ARIA Overview
; WAI-ARIA Overview
: This is a technical introduction to WAI-ARIA. It describes the problems WAI-ARIA tries to address, the underlying concepts, the technical approach and business reasons for adopting WAI-ARIA.<ref name="wai-aria-overview" />
: This is a technical introduction to WAI-ARIA. It describes the problems WAI-ARIA tries to address, the underlying concepts, the technical approach and business reasons for adopting WAI-ARIA.<ref name="wai-aria-overview" />
Line 89: Line 92:


==References==
==References==
{{list}}
{{Reflist}}


==External links==
==External links==
Line 97: Line 100:
* [http://www.iheni.com/screen-reader-testing/ Henny Swan (Opera): Setting up a screen reader test environment for WAI-ARIA]
* [http://www.iheni.com/screen-reader-testing/ Henny Swan (Opera): Setting up a screen reader test environment for WAI-ARIA]


{{W3C Parents}}
{{W3C Standards}}


{{DEFAULTSORT:Wai-Aria}}
{{DEFAULTSORT:Wai-Aria}}

Latest revision as of 09:48, 9 June 2024

WAI-ARIA
Web Accessibility Initiative - Accessible Rich Internet Applications
AbbreviationWAI-ARIA
StatusW3C Recommendation
Year started2006; 18 years ago (2006)
First publishedSeptember 26, 2006; 17 years ago (2006-09-26)
Latest versionWAI-ARIA 1.2: W3C Recommendation
June 6, 2023; 14 months ago (2023-06-06)
Organization
CommitteeARIA WG
Editors
  • Joanmarie Diggs
  • James Nurthen
  • Michael Cooper
  • Carolyn MacLeod
Former editors
    • Shane McCarron (until 2018 (2018))
    • Richard Schwerdtfeger (until October 2017 (2017-10))
    • James Craig (Editor until May 2016 (2016-05))
Domain
Websitewww.w3.org/WAI/standards-guidelines/aria/

Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA) is a technical specification published by the World Wide Web Consortium (W3C) that specifies how to increase the accessibility of web pages, in particular, dynamic content, and user interface components developed with Ajax, HTML, JavaScript, and related technologies.

In the 15 September 2008 working draft, SVG 1.2 Tiny added support for WAI-ARIA.[1] On 20 March 2014, WAI-ARIA 1.0 became a completed W3C Recommendation.[2] 14 December 2017 saw the release of WAI-ARIA 1.1.[3]

The 5 Rules of ARIA

[edit]
  1. Don’t use ARIA if you can achieve the same semantics with a native HTML element or attribute[4]
  2. Do not change the semantics of native HTML (unless you really have to)[5]
  3. All interactive ARIA controls must be usable with the keyboard.[6]
  4. Do not remove semantics or hide focusable elements (using role="presentation" or aria-hidden="true" on a focusable element)[7]
  5. Ensure all interactive elements have an accessible name (Accessibility API accessible name).[8]

Scope

[edit]

Web developers increasingly use client-side scripts to create user interface controls that cannot be created with HTML alone. They also use client-side scripts to update sections of a page without requesting a completely new page from a web server. Such techniques on websites are called rich Internet applications. These user interface controls and content updates are often not accessible to users with disabilities, especially screen reader users and users who cannot use a mouse or other pointing device. WAI-ARIA allows web pages (or portions of pages) to declare themselves as applications rather than as static documents, by adding role, property, and state information to dynamic web applications. ARIA is intended for use by developers of web applications, web browsers, assistive technologies, and accessibility evaluation tools.[9]

WAI-ARIA describes how to add semantics and other metadata to HTML content in order to make user interface controls and dynamic content more accessible. For example, with WAI-ARIA it is possible to identify a list of links as a navigation menu and to state whether it is expanded or collapsed. Although originally developed to address accessibility issues in HTML, the use of WAI-ARIA is not limited to HTML: in principle, it can also be used in other markup languages such as Scalable Vector Graphics (SVG).[10][11]

Documents

[edit]

The Web Accessibility Initiative has published an overview of WAI-ARIA that introduces the subject and guides readers to the WAI-ARIA Suite documents:[9]

Accessible Rich Internet Applications (WAI-ARIA) Version 1.0
This is primarily aimed at developers of Web browsers, assistive technologies, and other user agents, in addition to developers of other technical specifications, and developers of accessibility evaluation tools. The WAI-ARIA has been marked as completed on 20 March 2014 and is therefore a W3C recommendation.[12]
WAI-ARIA Overview
This is a technical introduction to WAI-ARIA. It describes the problems WAI-ARIA tries to address, the underlying concepts, the technical approach and business reasons for adopting WAI-ARIA.[9]
WAI-ARIA Authoring Practices
This document describes best practices for delivering rich Internet applications with WAI-ARIA: it discusses subjects such as general steps for building accessible widgets, keyboard navigation, relationships, form properties, drag-and-drop support, alert and dialog boxes, reusable component libraries, and testing.[13]
Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap)
Much of the content of this document has been moved into other documents.[14]

The ARIA specifications editors have included Lisa Seeman, Rich Schwerdtfeger, James Craig, Michael Cooper, and Lisa Pappas.[12]

See also

[edit]

References

[edit]
  1. ^ "Scalable Vector Graphics (SVG) Tiny 1.2 Specification". www.w3.org. Retrieved 2023-05-09.
  2. ^ "Accessible Rich Internet Applications (WAI-ARIA) 1.0". www.w3.org. Retrieved 2023-05-09.
  3. ^ "Accessible Rich Internet Applications (WAI-ARIA) 1.1". www.w3.org. Retrieved 2023-05-09.
  4. ^ "ARIA and HTML". web.dev. Retrieved 2023-05-09.
  5. ^ "5 Rules of ARIA". DEV Community. Retrieved 2023-05-09.
  6. ^ "StackPath". www.deque.com. Retrieved 2023-05-09.
  7. ^ "WebAIM: Introduction to ARIA - Accessible Rich Internet Applications". webaim.org. Retrieved 2023-05-09.
  8. ^ "Using ARIA". www.w3.org. Retrieved 2023-05-09.
  9. ^ a b c Cooper, Michael, ed. (2011-01-18). "WAI-ARIA Overview". Accessible Rich Internet Applications Working Group, Education and Outreach Working Group. W3C (published December 2006). Retrieved 2021-04-21.
  10. ^ SVG Working Group (2008-12-22). "Document Structure – SVG Tiny 1.2 § 5.10.1 Attributes common to all elements". W3C. Retrieved 2021-04-21.
  11. ^ SVG Working Group (2008-12-22). "Document Structure – SVG Tiny 1.2 § 18.3 Extensible metadata attributes". W3C. Retrieved 2021-04-21..
  12. ^ a b "Accessible Rich Internet Applications (WAI-ARIA) 1.0". W3.org. Retrieved 2014-04-11.
  13. ^ King, Matt; Ku, JaEun Jemma; Nurthen, James; Bijl, Zoë; Cooper, Michael; Scheuhammer, Joseph; Pappas, Lisa; Schwerdtfeger, Rich, eds. (2019-08-14). "WAI-ARIA Authoring Practices 1.1". Accessible Rich Internet Applications Working Group. Retrieved 2021-04-09.
  14. ^ Schwerdtfeger, Richard, ed. (2008-02-04). "Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap)". W3C. Protocols & Formats Working Group. Retrieved 2012-12-06.
[edit]
Retrieved from "https://en.wikipedia.org/w/index.php?title=WAI-ARIA&oldid=1228074986"