Suche senden
Hochladen
WAI-ARIA
•
0 gefällt mir
•
954 views
偉格 高
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 53
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
WAI-ARIA talk at COSCUP 2011, License CC-BY
WAI-ARIA is More Than Accessibility
WAI-ARIA is More Than Accessibility
偉格 高
WAI-ARIA - an introduction to accessible rich internet applications (1 day wo...
WAI-ARIA - an introduction to accessible rich internet applications (1 day wo...
Patrick Lauke
語義網、新標籤、新表單
TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單
偉格 高
Overview of jQuery in SharePoint along with some commonly used methods
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuide
Mark Rackley
SharePoint & jQuery - Introduction and Best Practic
SPSDenver - SharePoint & jQuery - What I wish I would have known
SPSDenver - SharePoint & jQuery - What I wish I would have known
Mark Rackley
Updated content for my SharePoint & jQuery Guide presentation.
(Updated) SharePoint & jQuery Guide
(Updated) SharePoint & jQuery Guide
Mark Rackley
Be nice to your designers
Be nice to your designers
Pai-Cheng Tao
SPTechCon - Share point and jquery essentials
SPTechCon - Share point and jquery essentials
Mark Rackley
Empfohlen
WAI-ARIA talk at COSCUP 2011, License CC-BY
WAI-ARIA is More Than Accessibility
WAI-ARIA is More Than Accessibility
偉格 高
WAI-ARIA - an introduction to accessible rich internet applications (1 day wo...
WAI-ARIA - an introduction to accessible rich internet applications (1 day wo...
Patrick Lauke
語義網、新標籤、新表單
TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單
偉格 高
Overview of jQuery in SharePoint along with some commonly used methods
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuide
Mark Rackley
SharePoint & jQuery - Introduction and Best Practic
SPSDenver - SharePoint & jQuery - What I wish I would have known
SPSDenver - SharePoint & jQuery - What I wish I would have known
Mark Rackley
Updated content for my SharePoint & jQuery Guide presentation.
(Updated) SharePoint & jQuery Guide
(Updated) SharePoint & jQuery Guide
Mark Rackley
Be nice to your designers
Be nice to your designers
Pai-Cheng Tao
SPTechCon - Share point and jquery essentials
SPTechCon - Share point and jquery essentials
Mark Rackley
Introduction and overview of SharePoint Development
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
Mark Rackley
Learn how to design responsive HTML5 websites and applications, and learn how to choose the right tool for the job.
Multi screen HTML5
Multi screen HTML5
Ron Reiter
Introductory session to using jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
Mark Rackley
Vector graphics for the web. Gain browser support and utils with Raphael JS.
Whirlwind Tour of SVG (plus RaphaelJS)
Whirlwind Tour of SVG (plus RaphaelJS)
Marc Grabanski
Slide deck from SPTechCon 2014 on how to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePoint
Mark Rackley
Learn best practices from using jQuery in your SharePoint environment.
SharePoint Saturday St. Louis - SharePoint & jQuery
SharePoint Saturday St. Louis - SharePoint & jQuery
Mark Rackley
An overview of the jQuery Mobile framework and its foundation on Progressive Enhancement, as well as a few techniques on breaking a jQM application from the "traditional" browser.
jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5
Todd Anderson
Learn mobile and modern web development in a easy way.
jQuery Mobile with HTML5
jQuery Mobile with HTML5
madhurpgarg
test
Css
Css
Sumit Gupta
Introduction to jQuery Mobile (jQM) - cont'd Getting started with jQM -Downloading the Most Recent Version of jQuery Mobile -Proper Markup for Loading Framework JavaScript and CSS jQuery Mobile Page Structure -Page Anatomy: Header, Footer and Content Sections -Header and Footer Toolbars -Bundling Pages into a Single Document -Navigating Between Pages Applying Different Theme Swatches Page Initialization Events jQuery Mobile Page Components Basic Content Formatting List Views -Ordered and Unordered Lists -Inset Lists -Lists with Links -Nested Lists -Lists with Icons or Thumbnail Images -Split Button Lists -List Dividers -Search Filters Form Controls - check boxes, slider, etc. Dialogs Buttons and Toolbars -Ways to Make a Button -Placing Icons on Your Buttons -Inline Buttons -Button Groupings -Navigation Toolbars Collapsible Content Event Handling -Responding to various events -Page related events Ajax & Interaction with server (REST & SOAP) Deployment using Phonegap (e.g. Android) Overview of Android Devt Environment Best Practices in jQM Hands-on exercises
Advanced JQuery Mobile tutorial with Phonegap
Advanced JQuery Mobile tutorial with Phonegap
Rakesh Jha
Using KSS and jQuery to extend your Plone site.
Plone Interactivity
Plone Interactivity
Eric Steele
Get frustrated by cross-browser incompatibility? Hate to develop application using JavaScript? jQuery is a powerful JavaScript library that can enhance your websites regardless of your background. jQuery is fast, lean, simple and hugely expandable, enabling you to build compelling web applications quickly and easily. In this session, we will start with a quick introduction of jQuery, illustrate what’s so good about jQuery, and demonstrate step by step how to develop jQuery Ajax application efficiently with database, web services, OData, NetFlix and ASP.NET MVC. Microsoft is now shipping, supporting, and contributing to jQuery, with ASP.NET and Visual Studio. New features which will be available in the next release of jQuery such as globalization, templating and data-linking will be introduced in the session as well.
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
Doris Chen
SharePoint Saturday Twin Cities session on using third party jQuery libraries in SharePoint: jQueryUI DataTables.net FullCalendar Bluff Charts StratusForms
#SPSTC Maximizing the SharePoint User Experience with Free 3rd Party jQuery L...
#SPSTC Maximizing the SharePoint User Experience with Free 3rd Party jQuery L...
Mark Rackley
The final spec of html5 won't be ready until 2022, but you don't have to wait that long to start using it today and build really advanced web apps.
2022 HTML5: The future is now
2022 HTML5: The future is now
Gonzalo Cordero
Mobile web development frameworks are targeting the builtin web browsers on iPhone and Android only; however, jQuery mobile has in a different vision, one that will reach the largest distribution of phones possible. Leveraging the ways of progressive enhancement, your website can be viewed in raw HTML on old mobile phones and then enhanced with nice CSS styles across mobile platforms that have a decent CSS and JavaScript support. In this session, Grabanski gives you his list of reasons to use jQuery mobile, an overview of the framework and will draw from his experiences building websites on top of jQuery Mobile.
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for All
Marc Grabanski
Well-engineered JavaScript is the best way to provide rich user experiences on the web today. However, there are many gnarly challenges to a modular approach on the client side, especially across multiple domains. In this talk we’ll cover the frameworks, techniques, and principles Atlassian uses to build a client-side application with authenticated server-side integration that is designed as an embeddable cross-domain component.
Walk on the Client Side - Chris Mountford
Walk on the Client Side - Chris Mountford
Atlassian
Presentation for Department of Veteran Affairs Learn the essentials of HTML5 • HTML5 Semantics • Accessibility and ARIA • CSS3 Styles and Animations • Advanced Web APIs • How to adapt your website for N-screens TV, PC, Mobile and Tablets
Html5 Whats around the bend
Html5 Whats around the bend
Raj Lal
I based my presention on the great "HTML5 for Web designers" by Jeremy Keith. Awesome and pragmatic book, the way I like it. Get your copy on: http://books.alistapart.com/products/html5-for-web-designers
HTML5, just another presentation :)
HTML5, just another presentation :)
François Massart
A bunch of small accessibility tweaks that WordPress theme builders can make to improve the accessibility of their products. Contains a section on making SVG files accessible to screen reader users. And then some CSS techniques that can help trap accessibility gotchas when building themes, and for content authors when they preview posts or pages.
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018
Graham Armfield
Learn how to create a product searc
jQuery Mobile Workshop
jQuery Mobile Workshop
Ron Reiter
介绍模块化前端开发的实践过程,包括模块的划分、组织、继承、调用。介绍Moca和EVA框架在前端模块化开发过程中的作用以及优化手段;另外还介绍了ChinaFace.com前端团队架构
高粒度模块化的前端开发
高粒度模块化的前端开发
iddcn
ARIA in taobao
ARIA in taobao
yiming he
Weitere ähnliche Inhalte
Was ist angesagt?
Introduction and overview of SharePoint Development
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
Mark Rackley
Learn how to design responsive HTML5 websites and applications, and learn how to choose the right tool for the job.
Multi screen HTML5
Multi screen HTML5
Ron Reiter
Introductory session to using jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
Mark Rackley
Vector graphics for the web. Gain browser support and utils with Raphael JS.
Whirlwind Tour of SVG (plus RaphaelJS)
Whirlwind Tour of SVG (plus RaphaelJS)
Marc Grabanski
Slide deck from SPTechCon 2014 on how to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePoint
Mark Rackley
Learn best practices from using jQuery in your SharePoint environment.
SharePoint Saturday St. Louis - SharePoint & jQuery
SharePoint Saturday St. Louis - SharePoint & jQuery
Mark Rackley
An overview of the jQuery Mobile framework and its foundation on Progressive Enhancement, as well as a few techniques on breaking a jQM application from the "traditional" browser.
jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5
Todd Anderson
Learn mobile and modern web development in a easy way.
jQuery Mobile with HTML5
jQuery Mobile with HTML5
madhurpgarg
test
Css
Css
Sumit Gupta
Introduction to jQuery Mobile (jQM) - cont'd Getting started with jQM -Downloading the Most Recent Version of jQuery Mobile -Proper Markup for Loading Framework JavaScript and CSS jQuery Mobile Page Structure -Page Anatomy: Header, Footer and Content Sections -Header and Footer Toolbars -Bundling Pages into a Single Document -Navigating Between Pages Applying Different Theme Swatches Page Initialization Events jQuery Mobile Page Components Basic Content Formatting List Views -Ordered and Unordered Lists -Inset Lists -Lists with Links -Nested Lists -Lists with Icons or Thumbnail Images -Split Button Lists -List Dividers -Search Filters Form Controls - check boxes, slider, etc. Dialogs Buttons and Toolbars -Ways to Make a Button -Placing Icons on Your Buttons -Inline Buttons -Button Groupings -Navigation Toolbars Collapsible Content Event Handling -Responding to various events -Page related events Ajax & Interaction with server (REST & SOAP) Deployment using Phonegap (e.g. Android) Overview of Android Devt Environment Best Practices in jQM Hands-on exercises
Advanced JQuery Mobile tutorial with Phonegap
Advanced JQuery Mobile tutorial with Phonegap
Rakesh Jha
Using KSS and jQuery to extend your Plone site.
Plone Interactivity
Plone Interactivity
Eric Steele
Get frustrated by cross-browser incompatibility? Hate to develop application using JavaScript? jQuery is a powerful JavaScript library that can enhance your websites regardless of your background. jQuery is fast, lean, simple and hugely expandable, enabling you to build compelling web applications quickly and easily. In this session, we will start with a quick introduction of jQuery, illustrate what’s so good about jQuery, and demonstrate step by step how to develop jQuery Ajax application efficiently with database, web services, OData, NetFlix and ASP.NET MVC. Microsoft is now shipping, supporting, and contributing to jQuery, with ASP.NET and Visual Studio. New features which will be available in the next release of jQuery such as globalization, templating and data-linking will be introduced in the session as well.
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
Doris Chen
SharePoint Saturday Twin Cities session on using third party jQuery libraries in SharePoint: jQueryUI DataTables.net FullCalendar Bluff Charts StratusForms
#SPSTC Maximizing the SharePoint User Experience with Free 3rd Party jQuery L...
#SPSTC Maximizing the SharePoint User Experience with Free 3rd Party jQuery L...
Mark Rackley
The final spec of html5 won't be ready until 2022, but you don't have to wait that long to start using it today and build really advanced web apps.
2022 HTML5: The future is now
2022 HTML5: The future is now
Gonzalo Cordero
Mobile web development frameworks are targeting the builtin web browsers on iPhone and Android only; however, jQuery mobile has in a different vision, one that will reach the largest distribution of phones possible. Leveraging the ways of progressive enhancement, your website can be viewed in raw HTML on old mobile phones and then enhanced with nice CSS styles across mobile platforms that have a decent CSS and JavaScript support. In this session, Grabanski gives you his list of reasons to use jQuery mobile, an overview of the framework and will draw from his experiences building websites on top of jQuery Mobile.
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for All
Marc Grabanski
Well-engineered JavaScript is the best way to provide rich user experiences on the web today. However, there are many gnarly challenges to a modular approach on the client side, especially across multiple domains. In this talk we’ll cover the frameworks, techniques, and principles Atlassian uses to build a client-side application with authenticated server-side integration that is designed as an embeddable cross-domain component.
Walk on the Client Side - Chris Mountford
Walk on the Client Side - Chris Mountford
Atlassian
Presentation for Department of Veteran Affairs Learn the essentials of HTML5 • HTML5 Semantics • Accessibility and ARIA • CSS3 Styles and Animations • Advanced Web APIs • How to adapt your website for N-screens TV, PC, Mobile and Tablets
Html5 Whats around the bend
Html5 Whats around the bend
Raj Lal
I based my presention on the great "HTML5 for Web designers" by Jeremy Keith. Awesome and pragmatic book, the way I like it. Get your copy on: http://books.alistapart.com/products/html5-for-web-designers
HTML5, just another presentation :)
HTML5, just another presentation :)
François Massart
A bunch of small accessibility tweaks that WordPress theme builders can make to improve the accessibility of their products. Contains a section on making SVG files accessible to screen reader users. And then some CSS techniques that can help trap accessibility gotchas when building themes, and for content authors when they preview posts or pages.
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018
Graham Armfield
Learn how to create a product searc
jQuery Mobile Workshop
jQuery Mobile Workshop
Ron Reiter
Was ist angesagt?
(20)
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
Multi screen HTML5
Multi screen HTML5
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
Whirlwind Tour of SVG (plus RaphaelJS)
Whirlwind Tour of SVG (plus RaphaelJS)
SPTechCon 2014 How to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePoint
SharePoint Saturday St. Louis - SharePoint & jQuery
SharePoint Saturday St. Louis - SharePoint & jQuery
jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile with HTML5
jQuery Mobile with HTML5
Css
Css
Advanced JQuery Mobile tutorial with Phonegap
Advanced JQuery Mobile tutorial with Phonegap
Plone Interactivity
Plone Interactivity
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
#SPSTC Maximizing the SharePoint User Experience with Free 3rd Party jQuery L...
#SPSTC Maximizing the SharePoint User Experience with Free 3rd Party jQuery L...
2022 HTML5: The future is now
2022 HTML5: The future is now
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for All
Walk on the Client Side - Chris Mountford
Walk on the Client Side - Chris Mountford
Html5 Whats around the bend
Html5 Whats around the bend
HTML5, just another presentation :)
HTML5, just another presentation :)
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018
jQuery Mobile Workshop
jQuery Mobile Workshop
Andere mochten auch
介绍模块化前端开发的实践过程,包括模块的划分、组织、继承、调用。介绍Moca和EVA框架在前端模块化开发过程中的作用以及优化手段;另外还介绍了ChinaFace.com前端团队架构
高粒度模块化的前端开发
高粒度模块化的前端开发
iddcn
ARIA in taobao
ARIA in taobao
yiming he
Does HTML5 improve website accessibility or make it worse? How have screen readers adapted to the new technologies? Does HTML5 remove the need for WAI-ARIA or the need for accessibility testing all together? Full slides and resources here: https://github.com/klamping/html5tx-a11y
What HTML5 Means for Web Accessibility
What HTML5 Means for Web Accessibility
klamping
Talk on WAI-ARIA from Multipack Presents in February
Wai Aria - An Intro
Wai Aria - An Intro
Matt Machell
World Usability Day 2012 ARIA
World Usability Day 2012 ARIA
Ted Gies
分享Java内存管理中常见的三种问题的案例以及解决方法。 1、java.lang.OutOfMemoryError 2、Full GC频繁 3、CMS GC出现promotion failed或concurrent mode failure。
Java内存管理问题案例分享
Java内存管理问题案例分享
bluedavy lin
Andere mochten auch
(6)
高粒度模块化的前端开发
高粒度模块化的前端开发
ARIA in taobao
ARIA in taobao
What HTML5 Means for Web Accessibility
What HTML5 Means for Web Accessibility
Wai Aria - An Intro
Wai Aria - An Intro
World Usability Day 2012 ARIA
World Usability Day 2012 ARIA
Java内存管理问题案例分享
Java内存管理问题案例分享
Ähnlich wie WAI-ARIA
Workshop on Web Accessibility on spring semester 2014 in Tallinn University
Web accessibility workshop 4
Web accessibility workshop 4
Vladimir Tomberg
Presentation delivered by Access iQ's Web Accessibility Evangelist, Sarah Pulis, at the Open Source Developers Conference on 6 December 2012.
Dynamic and accessible web content with WAI-ARIA
Dynamic and accessible web content with WAI-ARIA
Access iQ
ARIA Gone Wild
ARIA Gone Wild
Jared Smith
Web access for users with disabilities is an important goal and challenging problem for web content developers and designers. Essential open source api projects to ease the developing & testing for web accessibility.
Testing For Web Accessibility
Testing For Web Accessibility
Hagai Asaban
Slides with comments from my workshop presentation at Universal Learning Design Conference 2013. My workshop was about accessibility, HTML5 and WAI-ARIA and their benefit to users with special needs. Some examples included ;-)
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
Radek Pavlíček
Manuel Lavín ´s speech at Mobile World Congress Barcelona'13, invited by W3C.
HTML5 & WAI ARIA for online banking
HTML5 & WAI ARIA for online banking
Adesis Netlife
This session covers why you should pay attention to the accessibility of your web site or application and then walks you through how to do it using WAI-ARIA and JavaScript.
Why ARIA? [DevChatt 2010]
Why ARIA? [DevChatt 2010]
Aaron Gustafson
Parallel session on 'An Introduction to WAI-ARIA' given by Dan Jackson, City University at the Institutional Web Management Workshop 2009, University of Essex, 28 - 30 July 2009. See http://iwmw.ukoln.ac.uk/iwmw2009/sessions/jackson/ and http://lanyrd.com/2009/iwmw09/srfxk/
An Introduction to WAI-ARIA
An Introduction to WAI-ARIA
IWMW
HTML5 Accessibility
HTML5 Accessibility
Aaron Gustafson
AccessU 2019 presentation
Surviving Dev Frameworks 2019
Surviving Dev Frameworks 2019
Kate Walser
With HTML5, the web is evolving from a browser/document-based experience to a desktop-like application accessed on multiple devices. What does HTML5 mean for Web accessibility? Is accessibility compromised or enhanced with this new standard? This session will review promising new features in HTML5 that promote accessibility and discuss possible challenges ahead and advice for ensuring HTML5 accessibility.
HTML 5 & Accessibility
HTML 5 & Accessibility
Ted Drake
This is a presentation about accessibility with technical content. Between development best practices, styles, markup for screen readers, and keyboard navigation, a lot goes into creating accessible websites that meet industry standards. Learn what you can do to make your web apps accessible to everyone. You can see the video presentation on youtube: https://www.youtube.com/watch?v=NEzFfBs0GL4
Accessibility with OutSystems
Accessibility with OutSystems
Bruno Marcelino
Learn the basic of UI Semantic, with Info, Examples and Links.
Semantic UI Introduction
Semantic UI Introduction
Christen Gjølbye Christensen
Demystifying Web Accessibility with WAI-ARIA, HTML5 and CSS. For more information visit, http://www.ibm.com/able and http://ageandability.com.
Html5 aria-css-ibm-csun-2016
Html5 aria-css-ibm-csun-2016
Maureen (Moe) Kraft
Use this one simple trick to increase UX for users of assistive technology.
UX ARIA Presentation
UX ARIA Presentation
Los Angeles Accessibility and Inclusive Design Group
The WAI-ARIA specification has been a shot in the arm for accessibility on the web. In this talk, I'll cover the basics of building accessible web applications without ARIA, and then how to add ARIA for some extra accessibility magic.
Developing an Accessible Web
Developing an Accessible Web
greenideas
This is the deck that I used in my European Silverlight Tour in Spain, Switzerland, Denmark, Sweden, Bengium, Netherlands and Ireland. It\'s about architecting Rich Internet Applications with Silverlight 2.0.
Architecting RIAs with Silverlight
Architecting RIAs with Silverlight
Josh Holmes
HTML Hypermedia APIs and Adaptive Web Design - Nordic APIs
HTML Hypermedia APIs and Adaptive Web Design - Nordic APIs
Gustaf Nilsson Kotte
Accessible SVG Scalable Vector Graphics (SVG) allows engineers and designers to create more powerful user experiences than with plain HTML. By attending this session, you'll gain a deeper understanding about just how accessible SVG UI’s can be today. We’ll discuss topics such as: - Making SVG UI's keyboard accessible - Using ARIA to enable screen reader access for SVG UI’s - Circumventing gaps in today’s browser implementations The session will also include an interactive Q+A where we'll discuss future possibilities and address topics such as canvas accessibility. Speaker: Anna Khabibullina, sitecues by Ai Squared Twitter: _khabibullina
SVG Accessibility
SVG Accessibility
Anna Khabibullina
A short introduction to Accessibility API and then a look at what pitfalls JavaScript frameworks have due to the way they talk to the DOM - Talk given at Code Melbourne in 2017
Accessiblity 101 and JavaScript Frameworks
Accessiblity 101 and JavaScript Frameworks
Aimee Maree Forsstrom
Ähnlich wie WAI-ARIA
(20)
Web accessibility workshop 4
Web accessibility workshop 4
Dynamic and accessible web content with WAI-ARIA
Dynamic and accessible web content with WAI-ARIA
ARIA Gone Wild
ARIA Gone Wild
Testing For Web Accessibility
Testing For Web Accessibility
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
HTML5 & WAI ARIA for online banking
HTML5 & WAI ARIA for online banking
Why ARIA? [DevChatt 2010]
Why ARIA? [DevChatt 2010]
An Introduction to WAI-ARIA
An Introduction to WAI-ARIA
HTML5 Accessibility
HTML5 Accessibility
Surviving Dev Frameworks 2019
Surviving Dev Frameworks 2019
HTML 5 & Accessibility
HTML 5 & Accessibility
Accessibility with OutSystems
Accessibility with OutSystems
Semantic UI Introduction
Semantic UI Introduction
Html5 aria-css-ibm-csun-2016
Html5 aria-css-ibm-csun-2016
UX ARIA Presentation
UX ARIA Presentation
Developing an Accessible Web
Developing an Accessible Web
Architecting RIAs with Silverlight
Architecting RIAs with Silverlight
HTML Hypermedia APIs and Adaptive Web Design - Nordic APIs
HTML Hypermedia APIs and Adaptive Web Design - Nordic APIs
SVG Accessibility
SVG Accessibility
Accessiblity 101 and JavaScript Frameworks
Accessiblity 101 and JavaScript Frameworks
Mehr von 偉格 高
Intro to node-ffi
node ffi
node ffi
偉格 高
talk at COSCUP 2014
ECMAScript 6
ECMAScript 6
偉格 高
Web Component intro at OSDC 2014, #osdctw
Web Component
Web Component
偉格 高
Mobile web application
Mobile web application
偉格 高
Explain this of JavaScript
this
this
偉格 高
Web Developer Tools for ICOS 2013
Web Developer Tools for ICOS 2013
偉格 高
Functional programming using underscorejs
Functional programming using underscorejs
偉格 高
Module, AMD, RequireJS
Module, AMD, RequireJS
偉格 高
Talk about the custom event, deferred and pubsub.
Javascript essential-pattern
Javascript essential-pattern
偉格 高
Vim Plugin Deployment
Vim Plugin Deployment
偉格 高
Html5 New Features
Html5 New Features
偉格 高
HappyDesigner Meetup 3
Base2
Base2
偉格 高
Mehr von 偉格 高
(12)
node ffi
node ffi
ECMAScript 6
ECMAScript 6
Web Component
Web Component
Mobile web application
Mobile web application
this
this
Web Developer Tools for ICOS 2013
Web Developer Tools for ICOS 2013
Functional programming using underscorejs
Functional programming using underscorejs
Module, AMD, RequireJS
Module, AMD, RequireJS
Javascript essential-pattern
Javascript essential-pattern
Vim Plugin Deployment
Vim Plugin Deployment
Html5 New Features
Html5 New Features
Base2
Base2
Kürzlich hochgeladen
ICT role in education and it's challenges. In which we learn about ICT, it's impact, benefits and challenges.
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
ICT role in 21 century education. How to ICT help in education
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
jfdjdjcjdnsjd
writing some innovation for development and search
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Orbitshub
Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
Six common myths about ontology engineering, knowledge graphs, and knowledge representation.
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
johnbeverley2021
Workshop Build With AI - Google Developers Group Rio Verde
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Sandro Moreira
Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
How to get Oracle DBA Job as fresher.
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
MINDCTI Revenue Release Quarter 1 2024
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
MIND CTI
The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
Architecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
apidays
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Nanddeep Nachan
DBX 1Q24 Investor Presentation
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Mcleodganj Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Mcleodganj Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Mcleodganj Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Deepika Singh
The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
Terragrunt, Terraspace, Terramate, terra... whatever. What is wrong with Terraform so people keep on creating wrappers and solutions around it? How OpenTofu will affect this dynamic? In this presentation, we will look into the fundamental driving forces behind a zoo of wrappers. Moreover, we are going to put together a wrapper ourselves so you can make an educated decision if you need one.
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Andrey Devyatkin
Kürzlich hochgeladen
(20)
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
Architecting Cloud Native Applications
Architecting Cloud Native Applications
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
WAI-ARIA
1.
WAI-ARIA othree@MozTW
2.
Web 1.0
3.
HyperText Markup Language
4.
Designed For Document
5.
Web 2.0
6.
RIAs Rich Internet Applications
7.
Leak of UI
Elements Widgets
8.
tree slider toolbar tab menu dialog
9.
Problems • Simulate custom
widgets • No semantic • Assistive Technology can’t access real meaning
10.
Dynamic Contents AJAX
11.
Problem • Assistive Technology
don’t get mentioned while content changes
12.
WAI-ARIA The Solution
13.
Accessible Rich Internet Applications
14.
WAI-ARIA • Bridge between
HTML and Widgets
15.
How?
16.
Example <input type="image" src="thumb.gif" alt="Effectiveness" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="42" aria-valuetext="42 percent" aria-labelledby="leffective">
17.
Example <input type="image" src="thumb.gif" alt="Effectiveness" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="42" aria-valuetext="42 percent" aria-labelledby="leffective">
18.
Keyboard Navigation Role State &
Properties
19.
Keyboard Navigation • Redefine
tabindex
20.
Role • What this
is
21.
State & Properties •
State (checked, selected, expanded) • Datas (user input value)
22.
Tabindex • Allowed only
in form elements
23.
Redefined Tabindex • Allow
in all viewable elements • tabindex = 0 → in native tab order • tabindex = -1 → can’t access vi tab
24.
Keyboard Access • All
actions should be able to access by keyboard
25.
Roles alertdialog menu slider tooltip tree tab math article heading separator
26.
State • aria-checked, aria-selected
...etc • No more custom attribute on DOM node • No more unnecessary class name
27.
Properties • aria-label • aria-owns •
aria-required • aria-valuenow • ...etc
28.
WAI-ARIA • Bridge between
HTML and Widgets • And notice content change to assistive technology
29.
Live Region • aria-live •
off • polite • assertive
30.
Other Live Attributes •
aria-atomic • aria-busy • aria-relevant
31.
When to Use
?
32.
Start Using WAI-ARIA Today
33.
Almost All AT/Browser Supports
34.
Even on Simple
Page
35.
Landmark Roles
36.
banner main complementary form navigation search
37.
Properties
38.
aria-required aria-labelledby aria-owns ...
39.
What WAI-ARIA not
is
40.
Need Implement • Not
web form widgets • You need implement behaviors yourself
41.
How to implement
a datepicker with keyboard access ?
42.
Authoring Practice
43.
44.
one more thing
45.
RDFa
46.
RDF Resource Description Framework
47.
Semantic Web 語意網
48.
Human vs Machine
49.
Otaku ????? Computer
50.
Otaku needs Computer
51.
What is “need”
? Computer Don’t Realize “need”
52.
Framework to Describe All
the Resources
53.
RDFa attribute
Jetzt herunterladen