This document discusses using WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) to create dynamic and accessible content in Drupal 7. It covers using WAI-ARIA for page structure like landmarks, forms, and widgets. Live regions and roles are explained to make content accessible to assistive technologies like screen readers even with JavaScript and dynamic updates. Validation and browser support of WAI-ARIA attributes are also covered.
Wired2Win webinar Building Enterprise Social Engine Leveraging SharePoint 2013WinWire Technologies Inc
Many critics were spot on in highlighting the inabilities of SharePoint 2010 when it comes to Enterprise Social features. SharePoint 2013 is set to dispel these and establish Microsoft’s commitment to Social Computing. The new version of SharePoint provides rich Enterprise Social capabilities for the corporate users to efficiently collaborate and share. Community sites enable department and domain administrators to provide a platform for the users to collaborate, make informed decisions and improve the overall efficiency. Learn about all these topics and more in this webinar. Key social features of SharePoint 2013 that are going to be covered in the webinar:
Community sites
Focused group and organization wide discussions
Follow people, alias, library and list
Enhanced MySite features
Microblogging and feeds
Share profile and other information
The Drupal project, with over 500,000 community members and 1,000,000 active sites, is well beyond critical mass. Large organizations, including the NYSE, Florida Hospital and Turner Broadcasting, are making significant investments in Drupal as their standard web platform for sites large and small. In this session, Bryan House will provide an overview of the Drupal social publishing system - how it manages content and users - to build extraordinary web experiences.
Latest News and Events
Wired2Win Webinar: Silverlight Development: Best Practices and Case Study
Vineet Arora, Chief Technology Officer at WinWire will be discussing best practices for Sliverlight development and highlighting them in the context of a real-world client scenario.
If you’re looking for great ideas for your first (or next) Series 40 web app, this webinar is for you. Join Tapan Acharya, lead evangelist and consultant with Nokia in Bangalore, as he presents ideas and concepts that can be developed as Series 40 web apps. He’ll cover features, available with Nokia Web Tools 2.0, that you can use along with sound business acumen to develop addictive web apps. He’ll also include sample applications.
Wired2Win webinar Building Enterprise Social Engine Leveraging SharePoint 2013WinWire Technologies Inc
Many critics were spot on in highlighting the inabilities of SharePoint 2010 when it comes to Enterprise Social features. SharePoint 2013 is set to dispel these and establish Microsoft’s commitment to Social Computing. The new version of SharePoint provides rich Enterprise Social capabilities for the corporate users to efficiently collaborate and share. Community sites enable department and domain administrators to provide a platform for the users to collaborate, make informed decisions and improve the overall efficiency. Learn about all these topics and more in this webinar. Key social features of SharePoint 2013 that are going to be covered in the webinar:
Community sites
Focused group and organization wide discussions
Follow people, alias, library and list
Enhanced MySite features
Microblogging and feeds
Share profile and other information
The Drupal project, with over 500,000 community members and 1,000,000 active sites, is well beyond critical mass. Large organizations, including the NYSE, Florida Hospital and Turner Broadcasting, are making significant investments in Drupal as their standard web platform for sites large and small. In this session, Bryan House will provide an overview of the Drupal social publishing system - how it manages content and users - to build extraordinary web experiences.
Latest News and Events
Wired2Win Webinar: Silverlight Development: Best Practices and Case Study
Vineet Arora, Chief Technology Officer at WinWire will be discussing best practices for Sliverlight development and highlighting them in the context of a real-world client scenario.
If you’re looking for great ideas for your first (or next) Series 40 web app, this webinar is for you. Join Tapan Acharya, lead evangelist and consultant with Nokia in Bangalore, as he presents ideas and concepts that can be developed as Series 40 web apps. He’ll cover features, available with Nokia Web Tools 2.0, that you can use along with sound business acumen to develop addictive web apps. He’ll also include sample applications.
Reaching Corporate Australia with a Business CaseAccess iQ
Vivienne Conway and Natalie Collins talk through how web accessibility practitioners can encourage Australian businesses to embrace WCAG 2.0 through providing them with a business case.
ARIA can be used to make web applications accessible to people with disabilities. This presentation gives an overview of ARIA, how it works and some rules to stick to to get things to work properly
Ramp Up Your Web Experiences Using Drupal and Apache Solrlucenerevolution
Presented by Peter Wolanin, Momentum Specialist, Acquia, Inc.
Drupal and Apache Solr search are a potent combination in the move towards "digital experiences" online. It is behind a growing number of customized, personalized enterprise platforms for eCommerce, healthcare, physical retail and more. Drupal powers a growing portion of the web, and has been adopted especially by governments around the world, the music industry, media organizations, and retailers. If you have a new web project or and existing Drupal site, the combination of Drupal and Apache Solr is both powerful and easy to set up. The indexing workflow built into the Drupal integration module provides a broad range of automatic facets based on data fields on the Drupal content defined by site administrators. Drupal facilitates further customizations of the UI, indexing, custom facets, and boosting because of an open architecture that provides multiple opportunities for a minimal amount of custom code to alter the behavior. This session will provide a high-level overview of how the Drupal integration works, a tour of the UI configuration options, a few code snippets, and examples of successful Drupal sites using Apache Solr for search.
HTML5 and ARIA accessibility - Bangalore 2013Ted Drake
This presentation introduces HTML5 and ARIA accessibility. It also introduces best practices and common problems. It was created for Intuit and PayPal/eBay engineers.
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesRadek Pavlíček
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 ;-)
Presentation by Rich Schwerdtfeger, CTO Accessibility IBM Software,
Steve Faulkner Technical Director, The Paciello Group,
Marco Zehe,Mozilla Corporation discussing progress in the development implementation of accessibility support for HTML5.
Slides of my hands-on lab at MAX 2011.
They explain how to optimize an HTML5 site running on a WEM instance, first quickly introducing HTML5 an WEM. Then, optimizing the CSS and JS inclusions, using the new Client Library feature. And finally, setting up the Dispatcher cache to deliver the right HTTP headers.
ARIA: A bridge to greater accessibilityRachel Cherry
ARIA is an HTML spec that was introduced by the Web Accessibility Initiative (WAI) to make Web content and Web applications more accessible to people with disabilities.
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/
Moving to Web 2.0 - Best Practices for Business and Application Migrationanilmadugula
Those who act on the Web 2.0 opportunity stand to gain an early-mover advantage in their markets. To compete and thrive in today’s Web 2.0 world, technology decision-makers— Including executives, product strategists, entrepreneurs, and thought leaders—need to act now, before the market settles into a new equilibrium. Web 2.0 technologies and evolutionary trends are going to influence the growth of consumer usage on the Internet and also help in the growth of SAAS, Mashups, Rich Internet Applications and Collaborative Services amongst business\'. Web 2.0 also provides companies to leverage existing customers as communities, increase brand loyalty and create special customer groups
A semantic visual widget editor prototype built on top of semantic mediawiki to enable metadata programming and easy social semantic application development
Reaching Corporate Australia with a Business CaseAccess iQ
Vivienne Conway and Natalie Collins talk through how web accessibility practitioners can encourage Australian businesses to embrace WCAG 2.0 through providing them with a business case.
ARIA can be used to make web applications accessible to people with disabilities. This presentation gives an overview of ARIA, how it works and some rules to stick to to get things to work properly
Ramp Up Your Web Experiences Using Drupal and Apache Solrlucenerevolution
Presented by Peter Wolanin, Momentum Specialist, Acquia, Inc.
Drupal and Apache Solr search are a potent combination in the move towards "digital experiences" online. It is behind a growing number of customized, personalized enterprise platforms for eCommerce, healthcare, physical retail and more. Drupal powers a growing portion of the web, and has been adopted especially by governments around the world, the music industry, media organizations, and retailers. If you have a new web project or and existing Drupal site, the combination of Drupal and Apache Solr is both powerful and easy to set up. The indexing workflow built into the Drupal integration module provides a broad range of automatic facets based on data fields on the Drupal content defined by site administrators. Drupal facilitates further customizations of the UI, indexing, custom facets, and boosting because of an open architecture that provides multiple opportunities for a minimal amount of custom code to alter the behavior. This session will provide a high-level overview of how the Drupal integration works, a tour of the UI configuration options, a few code snippets, and examples of successful Drupal sites using Apache Solr for search.
HTML5 and ARIA accessibility - Bangalore 2013Ted Drake
This presentation introduces HTML5 and ARIA accessibility. It also introduces best practices and common problems. It was created for Intuit and PayPal/eBay engineers.
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesRadek Pavlíček
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 ;-)
Presentation by Rich Schwerdtfeger, CTO Accessibility IBM Software,
Steve Faulkner Technical Director, The Paciello Group,
Marco Zehe,Mozilla Corporation discussing progress in the development implementation of accessibility support for HTML5.
Slides of my hands-on lab at MAX 2011.
They explain how to optimize an HTML5 site running on a WEM instance, first quickly introducing HTML5 an WEM. Then, optimizing the CSS and JS inclusions, using the new Client Library feature. And finally, setting up the Dispatcher cache to deliver the right HTTP headers.
ARIA: A bridge to greater accessibilityRachel Cherry
ARIA is an HTML spec that was introduced by the Web Accessibility Initiative (WAI) to make Web content and Web applications more accessible to people with disabilities.
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/
Moving to Web 2.0 - Best Practices for Business and Application Migrationanilmadugula
Those who act on the Web 2.0 opportunity stand to gain an early-mover advantage in their markets. To compete and thrive in today’s Web 2.0 world, technology decision-makers— Including executives, product strategists, entrepreneurs, and thought leaders—need to act now, before the market settles into a new equilibrium. Web 2.0 technologies and evolutionary trends are going to influence the growth of consumer usage on the Internet and also help in the growth of SAAS, Mashups, Rich Internet Applications and Collaborative Services amongst business\'. Web 2.0 also provides companies to leverage existing customers as communities, increase brand loyalty and create special customer groups
A semantic visual widget editor prototype built on top of semantic mediawiki to enable metadata programming and easy social semantic application development
Working Group on Distributed Authoring and Versioning on the World Wide Web
Goal: To enable distributed web authoring tools to be broadly interoperable.
Presentation uploaded by Murali Krishna Nookella
DrupalCamp ATL 2010: Not all CMSs are created equalandrewmriley
How many times have you had a client say to you "But my kid brother says we should really use CMS X", "Our IT guy says Drupal isn't 'Enterprise'" or "We're moving from CMS Y and we hate it, why should we go with CMS X?"
This talk will be a comparison of various CMS platforms across PHP, ASP.NET and JAVA (closed source, open source, free and pay) to better enable you to make informed decisions for yourself and your customers. This session won't be overly technical but it will be focused for users who understand basic CMS concepts. I highly recommend it for anybody who will be involved in the CMS decision making or sales process for a CMS based project.
I have a small confession to make, Drupal was the first CMS I used and interestingly enough it gave me a very warped view of the landscape. When the time came for me to use other CMSs, I was shocked at the features (or lack of) that some offered. Fast forward to a few years later, I had a client come to me and ask which CMS I would use for their large project. After about 10 seconds deliberation I said Drupal, it's been my go-to for over three years now -- of course Drupal would work for what they wanted. Well, it turned out that Drupal couldn't offer exactly what the client actually needed so it was time to put on the research cap and really take a look at what's out there. To make a long story short I fell for the classic "When all you have is a hammer..." when it turns out for some parts of the project there were better tools (and for some parts, Drupal was the still right CMS).
Join me as I walk you through the decision making proces that we followed, the CMSs we reviewed, their strengths, weakness and overall questions that you just know the client is going to ask.
Disclamer: This won't be a Drupal, Drupal, rah-rah-rah (biased) talk.
I'll cover:
Why choose one CMS over another?
Strengths and weaknesses of the CMSs.
Comparison projects between two CMSs to show the time/cost difference.
Saas CMS vs hosting your own.
The dreaded "Enterprise" word
How does Drupal 6/7 stack up?
What I won't cover:
Language vs Language
Hosting architectures (aside from SaaS)
jQuery Mobile is a unified, HTML5-based user interface system designed for all popular mobile device platforms. Built on top of the jQuery and jQuery UI foundation the mobile framework is built with progressive enhancement in mind. Join Thom Robbins, Chief Evangelist of Kentico CMS as he explores the basics of jQuery Mobile.
In this interactive webinar we looked at:
What a mobile framework is
Integrating Kentico CMS into your jQuery mobile applications
How to design mobile applications using progressive enhancement
Understand how HTML, CSS and JavaScript work together to build mobile applications
Learn how to write a mobile web application using jQuery mobile
Similar to Creating dynamic and accessible content in Drupal 7 using WAI-ARIA (20)
This presentation outlines at a high level what web accessibility is, why it's important, what you can do to make a start and how you can measure your performance.
Community Relations Custodian Chris Pycroft presented at the Disability Education Association of NSW and ACT on how often social media platforms are accessed, accessibility barriers, and what you can do to make your content on social media as accessible as possible.
Cloud-based services have the opportunity to provide incredible benefits to people with disabilities, allowing users to store personal preferences as well as assistive technology in the cloud so they
can be accessed anywhere at any time. They also provide incredible risks if they haven’t been developed with accessibility in mind.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
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 notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Accelerate your Kubernetes clusters with Varnish Caching
Creating dynamic and accessible content in Drupal 7 using WAI-ARIA
1. Creating dynamic and accessible
content in Drupal 7 using WAI-ARIA
Sarah Pulis (@sarahtp)
Web Accessibility Evangelist
DruaplCon | Content Authoring | 7 February 2013
2. About me
2002 Ignorant
2002+ Educated and aware
2010 Commitment
2012 Champion
Read about Making accessibility part of culture change: it's all in the attitude
on Access iQ™. Image credit: Ruth Ellison and Kim Chatterjee
3. • People who use screen readers turn off
Javascript
• You can’t have dynamic content on an
accessible website
• Accessible website are boring
4. WAI-ARIA
Accessible Rich
Internet Applications
(from the W3C Web Accessibility Initiative)
5. Accessibility interoperability at a
DOM Node without JavaScript
Role
States
Actions
Caret Data
Selection
Contract
Text
Assistive Hypertext
UI
Technology Value component
Name
Description UI
Children
Changes
Relations
From WAI-ARIA Primer
6. Accessibility interoperability at a
DOM Node with JavaScript
^Role
^States
^Actions
Caret Data
Selection
Contract
Text
Assistive Hypertext
UI
Technology ^Value component
Name
Description UI
Children
^Changes
^Relations
From WAI-ARIA Primer
7. WAI-ARIA
WAI-ARIA roles
Abstract, widget, document structure and
landmark roles
WAI-ARIA states and properties
Widget, live region, drag-and-drop and
relationship attributes
8. What we are looking at today
WAI-ARIA for page structure
WAI-ARIA live regions
WAI-ARIA for forms
WAI-ARIA for widgets
12. Differentiate landmarks
with the same type
Use aria-label to differentiate between
regions with the same landmark type
<div role=“navigation”
aria-label=“main menu”>
<div role=“navigation”
aria-label=“sub menu”>
13. Videos demonstrating landmark roles using NVDA available at
Landmark roles - element list – NVDA and
Landmark roles voiced by NVDA.
14. Assistive technology support
Jaws 11/12/13 has complete support.
ChromeVox has complete support
VoiceOver supports all landmarks except “form”
NVDA supports all landmarks except “application”
and “form”
Window Eyes does not support ARIA landmarks
Latest ARIA landmark role support data, The Paciello Group (Nov 2011)
17. aria-describedby
Use aria-describedby to provide
supporting information for an input field
<input type=“password"
id=“pwd“ aria-describedby=“pwd-reqs“ />
<p id=“pwd-reqs”>Your password must be 8
characters in length and include one
number</p>
19. aria-label and aria-labelledby
The purpose of aria-label and aria-
labelledby are the same
Use aria-labelledby if the label text is visible on
the screen
Use aria-label if the label text isn’t visible on the
screen
20. aria-labelledby
<label id="label" for="time">Self
destruct this page in </label>
<input id="time" type="text" aria-
labelledby="label time seconds"
size="2" value="5">
<span id="seconds"> seconds</span>
Example from WebAIM: http://webaim.org/presentations/2012/ahgaria/labelledby3
22. ARIA live regions (priority)
aria-live=“off”
Updates are not announced to the user
aria-live=“polite”
Updates only announced if user is idle
aria-live=“assertive”
Updates are announced ASAP, but user is not interrupted
23. ARIA live regions (relevance)
aria-busy (values: true, false)
AT will only announced changes once aria-busy=“false”
aria-atomic (values: true, false)
Read out only the change, or the entire live region
aria-relevant (values: additions, removals, text)
Relevant changes to live regions depends on value
28. Drupal 7 themes with WAI-ARIA
Boron
Genesis
Panels 960gs
From Drupal Watchdog – D7 Starter Tehemes
29. Drupal accessibility
Drupal groups
Join the Accessibility Drupal Group!
List of Drupal sites in the Disability Sector
Accessible Drupal distros
Web Accessibility Toolkit: Government of Canada
aGov: PreviousNext
30. ARIA validation
ARIA attributes don’t validate in HTML4
Use the HTML5 DOCTYPE with ARIA
markup
Validate using the W3C Nu Markup
Validation Service
31. Take-aways
Dynamic content no longer has to be
inaccessible to assistive technologies
Start using ARIA now (if you aren’t already)
Easy wins (landmark roles, forms)
It’s kinda fun!
33. Slides and videos
Slides from this presentation on
Access iQ™ SlideShare
Videos from this presentation on
Access iQ™ YouTube channel
34. Access iQ™ provides practical hands-on
workshops that teach you how to
implement accessibility in your projects.
HTML and CSS techniques for building
accessible websites – Sydney – teaching
developers how to create accessible digital
experiences.
Implementing accessibility into your digital
projects [custom workshop] – teaching your
project team who does what in
accessibility.
accessiq.org/events
36. More WAI-ARIA resources
Using ARIA in HTML
http://bit.ly/Qz3DHs
Introduction to WAI-ARIA (Opera)
http://bit.ly/116YOW
The Paciello Group Blog
http://www.paciellogroup.com/blog
37. Even more WAI-ARIA resources
Accessible jQuery-ui Components Demonstration
http://bit.ly/12uew61
Yahoo! Accessibility code library
http://bit.ly/12ueIC1
Mozilla developer network – ARIA
http://mzl.la/XWgvZ1
38. Level 3, 616-620 Harris St
Ultimo NSW 2007
t: +61 2 8218 9320
e: knowhow@accessiq.org
@accessiq
accessiq.org
Web accessibility know how
Editor's Notes
Developed by the Protocols and Formats Working Group, which is part of the World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI)ARIA is a W3C Candidate Recommendation on 18 Jan 2011
A state is a dynamic property expressing characteristics of an object that may change in response to user action or automated processes. States do not affect the essential nature of the object, but represent data associated with the object or user interaction possibilities.
A state is a dynamic property expressing characteristics of an object that may change in response to user action or automated processes. States do not affect the essential nature of the object, but represent data associated with the object or user interaction possibilities.
Attributes that are essential to the nature of a given object, or that represent a data value associated with the object.
Only use banner, contentinfo and main once within a document or application
If the label text is visible on screen, authors SHOULD use aria-labelledby and SHOULD NOT use aria-label