Ejemplos WAI-ARIA con HTML, CSS y JavaScript

1
Ejemplos de aplicación de WAI-ARIA. Con código HTML, CSS y JavaScript • En Español: – WAI-ARIA. Introducción, referencias, ejemplos, herramientas (Olga Carreras) – WAI-ARIA, una aproximación (Javier Fernández) • En Inglés – WAI-ARIA 1.0 Authoring Practices (W3C) – Using WAI-ARIA (W3C) – ARIA Examples (Heydonworks) – Illinois Center for Information Technology and Web Accessibility – SSB Accessible Web Lab – OpenAjax Alliance Accessibility Task Force – Accessibility for Windows Runtime apps using JavaScript and HTML (Microsoft) – ARIA (Mozilla) 1

Transcript of Ejemplos WAI-ARIA con HTML, CSS y JavaScript

Page 1: Ejemplos WAI-ARIA con HTML, CSS y JavaScript

Ejemplos de aplicación de WAI-ARIA.

Con código HTML, CSS y JavaScript

• En Español:– WAI-ARIA. Introducción, referencias, ejemplos, herramientas

(Olga Carreras)

– WAI-ARIA, una aproximación (Javier Fernández)

• En Inglés– WAI-ARIA 1.0 Authoring Practices (W3C)

– Using WAI-ARIA (W3C)

– ARIA Examples (Heydonworks)

– Illinois Center for Information Technology and Web Accessibility

– SSB Accessible Web Lab

– OpenAjax Alliance Accessibility Task Force

– Accessibility for Windows Runtime apps using JavaScript and HTML (Microsoft)

– ARIA (Mozilla)

1

http://olgacarreras.blogspot.com.es/2007/02/ajax-accesible-ii-wai-aria.html
http://www.nosolousabilidad.com/articulos/wai_aria.htm
http://www.w3.org/WAI/PF/aria-practices/
http://rawgit.com/w3c/aria-in-html/master/index.html
http://heydonworks.com/practical_aria_examples/
http://test.cita.illinois.edu/aria/
https://labs.ssbbartgroup.com/index.php/Category:ARIA
http://www.oaa-accessibility.org/examples/
http://msdn.microsoft.com/en-us/library/windows/apps/hh452681.aspx
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

An Introduction to WAI-ARIA

An Introduction to WAI-ARIA

Introduction to WAI-ARIA - Michigan State University · 2013. 2. 21. · WAI-ARIA – 2009-11-12 14. Topics. How Screen Readers Work • A screen reader (like JAWS) gives information

Introduction to WAI-ARIA - Michigan State University · 2013. 2. 21. · WAI-ARIA – 2009-11-12 14. Topics. How Screen Readers Work • A screen reader (like JAWS) gives information

WAI-ARIA Best Practices - The Tracks of mulder21c€¦ · WAI-ARIA Best Practices 콘텐츠연합플랫폼 클라이언트개발부 지성봉

WAI-ARIA Best Practices - The Tracks of mulder21c€¦ · WAI-ARIA Best Practices 콘텐츠연합플랫폼 클라이언트개발부 지성봉

Wai Aria - An Intro

Wai Aria - An Intro

Introduction to Git - polito.it · –Accessible Rich Internet Applications (WAI-ARIA) includes dynamic content and advanced user interface controls developed with Ajax, JavaScript,

Introduction to Git - polito.it · –Accessible Rich Internet Applications (WAI-ARIA) includes dynamic content and advanced user interface controls developed with Ajax, JavaScript,

[MS-ARIA]: Internet Explorer Accessible Rich Internet ... · Internet Explorer Accessible Rich Internet Applications (WAI-ARIA) 1.0 Standards Support Document Intellectual Property

[MS-ARIA]: Internet Explorer Accessible Rich Internet ... · Internet Explorer Accessible Rich Internet Applications (WAI-ARIA) 1.0 Standards Support Document Intellectual Property

Acessibilidade, HTML5, WAI/ARIA - W3C€¦ · Acessibilidade, HTML5, WAI/ARIA FISL 13 Porto Alegre – 26 de julho de 2012 Reinaldo Ferraz – W3C.br @reinaldoferraz

Acessibilidade, HTML5, WAI/ARIA - W3C€¦ · Acessibilidade, HTML5, WAI/ARIA FISL 13 Porto Alegre – 26 de julho de 2012 Reinaldo Ferraz – W3C.br @reinaldoferraz

Applying WAI-ARIA to open-source CMS widgets - practical application and results.

Applying WAI-ARIA to open-source CMS widgets - practical application and results.

WAI-ARIA - an introduction to accessible rich internet applications (1 day workshop) / Darmstadt / 22 January 2015

WAI-ARIA - an introduction to accessible rich internet applications (1 day workshop) / Darmstadt / 22 January 2015

Acessibilidade, HTML5, WAI/ARIA - w3c.br · Acessibilidade, HTML5, WAI/ARIA FrontIn Rio Rio de Janeiro – 02 de junho de 2012 Reinaldo Ferraz – W3C.br

Acessibilidade, HTML5, WAI/ARIA - w3c.br · Acessibilidade, HTML5, WAI/ARIA FrontIn Rio Rio de Janeiro – 02 de junho de 2012 Reinaldo Ferraz – W3C.br

Accessible Rich Internet Applications (WAI-ARIA) Version 1.0

Accessible Rich Internet Applications (WAI-ARIA) Version 1.0

Guía de wai aria

Guía de wai aria

Creating dynamic and accessible content in Drupal 7 using WAI-ARIA

Creating dynamic and accessible content in Drupal 7 using WAI-ARIA

[MS-WAI-ARIA-11]: Microsoft Edge Accessible Rich Internet ...… · 4 / 13 [MS-WAI-ARIA-11] - v20180828 Microsoft Edge Accessible Rich Internet Applications (WAI-ARIA) 1.1 Standards

[MS-WAI-ARIA-11]: Microsoft Edge Accessible Rich Internet ...… · 4 / 13 [MS-WAI-ARIA-11] - v20180828 Microsoft Edge Accessible Rich Internet Applications (WAI-ARIA) 1.1 Standards

ARIA intro WAI ARIA The problems being addressed Limitations of the web pidgin The old and new webs The ARIA solution (roles, states, properties, regions,

ARIA intro WAI ARIA The problems being addressed Limitations of the web pidgin The old and new webs The ARIA solution (roles, states, properties, regions,

ARIA and JavaScript Accessibility

ARIA and JavaScript Accessibility

Un jeu Web accessible avec HTML 5, JavaScript et ARIA

Un jeu Web accessible avec HTML 5, JavaScript et ARIA

Using WAI-ARIA to Make Typical Pages Fabulous (PDF)

Using WAI-ARIA to Make Typical Pages Fabulous (PDF)

[MS-ARIA]: Internet Explorer Accessible Rich …...4 / 15 [MS-ARIA] - v20180828 Internet Explorer Accessible Rich Internet Applications (WAI-ARIA) 1.0 Standards Support Document Copyright

[MS-ARIA]: Internet Explorer Accessible Rich …...4 / 15 [MS-ARIA] - v20180828 Internet Explorer Accessible Rich Internet Applications (WAI-ARIA) 1.0 Standards Support Document Copyright

Wai Aria In Real World

Wai Aria In Real World