Liferay provides tools and guidelines to help make websites accessible. Accessibility is important to allow people of all abilities to use websites. Liferay strives to make its own software and components accessible out of the box according to WCAG guidelines. Developers should test their sites by resizing text, disabling CSS/images, using only the keyboard, and using a screen reader to simulate different disabilities and ensure the site is usable by all.
Accessibility is not disability Drupal South 2014Gareth Hall
Accessibility
The web is about information sharing. Why make it hard for users to access your content. Release your site from bad building practices, make it equal access for all and get SEO benefits for free.
Get through to the disabled community
By breaking down disability barriers you open up your content to a wider community currently 600,000+ in NZ.
There are definite dos and don’ts when it comes to building for the disabled. Learn what works for them.
We developers and designers are obsessed with getting our images “just right” before we display them to our users. We perfect their art direction, selecting images that set the right mood or convey the right information. We fine-tune their performance characteristics and ensure that we serve the right image for a multitude of devices. But what about users who can’t see our finely-tuned images or distinguish between the colors in our beautiful infographics? How do we ensure that our images are accessible so that everyone can experience your site to the fullest ?
In this session, we’ll learn about the different types of visual, auditory, cognitive, and motor impairments that affect how users interact with images and other media, and we’ll cover practical techniques for ensuring that your images are accessible to everyone, regardless of how they experience the web.
Byg Tilgængeligt - Build Accessibly. My presentation for Community Day 2012 on 10 May 2012. Communityday.dk - for developers. Download file to get all the great tips and links in the notes.
I Am the LAAW! (Lean Accessibility Audit Workshops)Michael Ryan
Fitting accessibility into an agile development cycle can be challenging. Often accessibility specialists are spread thin across agile squads and they have to deliver quickly into multiple sprint cycles.
To meet the demand I looked to Lean UX principles and developed The Lean Accessibility Audit Workshop (LAAW). LAAW has two goals 1) detect accessibility problems quickly and 2) spread the accessibility knowledge. This is accomplished by training members of agile squads on accessibility basics, evaluation methods and tools. The training evolves into an accessibility audit as squad members collaboratively capture, share and prioritize findings. The LAWW method compresses a 6-8 week evaluation process into a 2 weeks process while training squad members to detect and avoid accessibility issues in the future. And it can be pretty fun.
Selfish Accessibility: Presented at GoogleAdrian Roselli
We can all pretend that we're helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive into ARIA, but more of an overall primer for those who aren't sure where to start nor how it helps them.
Accessibility is not disability Drupal South 2014Gareth Hall
Accessibility
The web is about information sharing. Why make it hard for users to access your content. Release your site from bad building practices, make it equal access for all and get SEO benefits for free.
Get through to the disabled community
By breaking down disability barriers you open up your content to a wider community currently 600,000+ in NZ.
There are definite dos and don’ts when it comes to building for the disabled. Learn what works for them.
We developers and designers are obsessed with getting our images “just right” before we display them to our users. We perfect their art direction, selecting images that set the right mood or convey the right information. We fine-tune their performance characteristics and ensure that we serve the right image for a multitude of devices. But what about users who can’t see our finely-tuned images or distinguish between the colors in our beautiful infographics? How do we ensure that our images are accessible so that everyone can experience your site to the fullest ?
In this session, we’ll learn about the different types of visual, auditory, cognitive, and motor impairments that affect how users interact with images and other media, and we’ll cover practical techniques for ensuring that your images are accessible to everyone, regardless of how they experience the web.
Byg Tilgængeligt - Build Accessibly. My presentation for Community Day 2012 on 10 May 2012. Communityday.dk - for developers. Download file to get all the great tips and links in the notes.
I Am the LAAW! (Lean Accessibility Audit Workshops)Michael Ryan
Fitting accessibility into an agile development cycle can be challenging. Often accessibility specialists are spread thin across agile squads and they have to deliver quickly into multiple sprint cycles.
To meet the demand I looked to Lean UX principles and developed The Lean Accessibility Audit Workshop (LAAW). LAAW has two goals 1) detect accessibility problems quickly and 2) spread the accessibility knowledge. This is accomplished by training members of agile squads on accessibility basics, evaluation methods and tools. The training evolves into an accessibility audit as squad members collaboratively capture, share and prioritize findings. The LAWW method compresses a 6-8 week evaluation process into a 2 weeks process while training squad members to detect and avoid accessibility issues in the future. And it can be pretty fun.
Selfish Accessibility: Presented at GoogleAdrian Roselli
We can all pretend that we're helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive into ARIA, but more of an overall primer for those who aren't sure where to start nor how it helps them.
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors from interacting with your content and functionality. If your university website is inaccessible, you could be preventing access to education, student services, and more.
When your website is accessible, everyone can consume your information freely. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device.
While creating accessible websites involves every step, including design and content, the foundation for good accessibility starts with good markup. Join my workshop to learn more about accessibility and how to program a high-quality user experience that is inclusive and beneficial to all.
Katie Sylor-Miller
Staff Software Engineer, Etsy
Images For Everyone
We developers and designers are obsessed with getting our images “just right” before we display them to our users. We perfect their art direction, selecting images that set the right mood or convey the right information. We fine-tune their performance characteristics and ensure that we serve the right image for a multitude of devices. But what about users who can’t see our finely-tuned images or distinguish between the colors in our beautiful infographics? How do we ensure that our images are accessible so that everyone can experience your site to the fullest ?
In this session, we’ll learn about the different types of visual, auditory, cognitive, and motor impairments that affect how users interact with images and other media, and we’ll cover practical techniques for ensuring that your images are accessible to everyone, regardless of how they experience the web.
It’s great to keep up to date with readings, meetups, and training, but until you embed accessibility thinking within your project or product delivery process, you’ll struggle to build truly accessible solutions.
Remya is going to share Seamless’s journey in implementing a cross-functional working group and weaving accessibility into their web development process.
Presented at DDD Conference, Melbourne / 12 Aug 2017
Don't Panic! How to perform an accessibility evaluation with limited resourcesMichael Ryan
Being tasked with an accessibility evaluation is can be daunting. How can you measure accessibility? What disabilities are the most important? What tools do you need? How long will it take? Where do I start? What does "accessible" even mean?
These are all questions I asked myself last year when I performed my first accessibility eval. This session will share everything I learned since then in performing three accessibility evaluations.
How to create accessible websites - WordCamp BostonRachel Cherry
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors and customers. When your website is accessible, everyone can consume your information and interact with you and your services. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device. Designing with accessibility in mind will also improve your SEO. Join my workshop to learn more about accessibility, the importance of universal design, and how to create a high-quality user experience that is inclusive and beneficial to all.
It has become crucial that Web should be accessible to the disabled. For this, websites need to be tested for Web Accessibility. Let us explore how Web Accessibility Testing can be done in a most effective way to maximize the benefits.
Presented at Midwest JS, August 14 2014. My talk on web accessibility for web developers. I cover basic techniques, introduce screen readers and ARIA, and go over testing. I also include extended examples around keyboard behavior and focus management as well as ARIA labels. The goal is to demystify accessibility so we can weave it in to applications today.
My talk on web accessibility for web developers. I cover basic techniques, introduce screen readers and ARIA, and go over testing. I also include extended examples around keyboard behavior and focus management as well as ARIA labels. The goal is to demystify accessibility so we can weave it in to applications today.
Is the mobile web enabled or disabled by design?Henny Swan
A look at mobile accessibility drawing on comparisons and lessons learned from desktop as well as looking ahead at existing and emerging technologies that help developers ensure content is accessible across devices.
Accessible UIs with jQuery and Infusioncolinbdclark
Overview of accessible Web development techniques with jQuery and Fluid's Infusion application framework. This talk gives developers a primer in DHTML accessibility techniques such as keyboard navigation and ARIA, while teaching them the strengths of Infusion for building large applications in JavaScript.
Presented at 2009 Ajax Experience, Boston.
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.
With great power, comes great responsive-ability web design.
Responsive web design (RWD) will be demystified. Believe it or not, it's more than just media queries, although those will be discussed. It starts with proper UI design and application architecture, and then the dive into CSS - but not too deep! You don't have to be an expert to do RWD, but it helps to have some idea of what you are doing.
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors from interacting with your content and functionality. If your university website is inaccessible, you could be preventing access to education, student services, and more.
When your website is accessible, everyone can consume your information freely. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device.
While creating accessible websites involves every step, including design and content, the foundation for good accessibility starts with good markup. Join my workshop to learn more about accessibility and how to program a high-quality user experience that is inclusive and beneficial to all.
Katie Sylor-Miller
Staff Software Engineer, Etsy
Images For Everyone
We developers and designers are obsessed with getting our images “just right” before we display them to our users. We perfect their art direction, selecting images that set the right mood or convey the right information. We fine-tune their performance characteristics and ensure that we serve the right image for a multitude of devices. But what about users who can’t see our finely-tuned images or distinguish between the colors in our beautiful infographics? How do we ensure that our images are accessible so that everyone can experience your site to the fullest ?
In this session, we’ll learn about the different types of visual, auditory, cognitive, and motor impairments that affect how users interact with images and other media, and we’ll cover practical techniques for ensuring that your images are accessible to everyone, regardless of how they experience the web.
It’s great to keep up to date with readings, meetups, and training, but until you embed accessibility thinking within your project or product delivery process, you’ll struggle to build truly accessible solutions.
Remya is going to share Seamless’s journey in implementing a cross-functional working group and weaving accessibility into their web development process.
Presented at DDD Conference, Melbourne / 12 Aug 2017
Don't Panic! How to perform an accessibility evaluation with limited resourcesMichael Ryan
Being tasked with an accessibility evaluation is can be daunting. How can you measure accessibility? What disabilities are the most important? What tools do you need? How long will it take? Where do I start? What does "accessible" even mean?
These are all questions I asked myself last year when I performed my first accessibility eval. This session will share everything I learned since then in performing three accessibility evaluations.
How to create accessible websites - WordCamp BostonRachel Cherry
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors and customers. When your website is accessible, everyone can consume your information and interact with you and your services. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device. Designing with accessibility in mind will also improve your SEO. Join my workshop to learn more about accessibility, the importance of universal design, and how to create a high-quality user experience that is inclusive and beneficial to all.
It has become crucial that Web should be accessible to the disabled. For this, websites need to be tested for Web Accessibility. Let us explore how Web Accessibility Testing can be done in a most effective way to maximize the benefits.
Presented at Midwest JS, August 14 2014. My talk on web accessibility for web developers. I cover basic techniques, introduce screen readers and ARIA, and go over testing. I also include extended examples around keyboard behavior and focus management as well as ARIA labels. The goal is to demystify accessibility so we can weave it in to applications today.
My talk on web accessibility for web developers. I cover basic techniques, introduce screen readers and ARIA, and go over testing. I also include extended examples around keyboard behavior and focus management as well as ARIA labels. The goal is to demystify accessibility so we can weave it in to applications today.
Is the mobile web enabled or disabled by design?Henny Swan
A look at mobile accessibility drawing on comparisons and lessons learned from desktop as well as looking ahead at existing and emerging technologies that help developers ensure content is accessible across devices.
Accessible UIs with jQuery and Infusioncolinbdclark
Overview of accessible Web development techniques with jQuery and Fluid's Infusion application framework. This talk gives developers a primer in DHTML accessibility techniques such as keyboard navigation and ARIA, while teaching them the strengths of Infusion for building large applications in JavaScript.
Presented at 2009 Ajax Experience, Boston.
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.
With great power, comes great responsive-ability web design.
Responsive web design (RWD) will be demystified. Believe it or not, it's more than just media queries, although those will be discussed. It starts with proper UI design and application architecture, and then the dive into CSS - but not too deep! You don't have to be an expert to do RWD, but it helps to have some idea of what you are doing.
Similar to Implementing Acessibility in Liferay 6.1 (20)
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
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
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.
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/
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.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
2. Accessibility?
Accessibility is the degree to which a product, device,
service, or environment is available to
as many people as possible
3. .. some numbers ...
24,819,000 (9.9%)
Almost 1 out of 5 people
suffers some disability
24,117,000 (9.6%)
(half of them are can be
considered severe)
202,860,000 (80.6%)
with a disability, not severe
48.9 million people
with a severe disability
in the USA
with no disability
4. ... some numbers ...
birth accident old other No
disease age specified
5. ... some numbers ...
birth accident old other No
disease age specified
77.4%
6. ... some numbers ...
listen
walk or see talk personal capacity mental
move care to lear
7. .. and what about the web?
Inclusive practice of making websites usable by people of
all abilities and disabilities.
When sites are correctly designed, developed and
edited, all users can have equal access to
information and functionality
12. Motivation for accessibility
• The number of potential users increases
• Let’s give the same opportunities to everyone
• Technical Advantages:
• SEO improvement
• Usability
• Legal requirement (section 508)
20. Users who will take advantage...
• Disabled users and ...
• old people
• people with slow internet connections
• people with old computers or old software
• unexperienced users in the internet
• people using a mobile phone
• people who don’t understand well the website language
• Robots! (search engines...)
33. Validation and Certifications
• There are standards to validate a site is accessible
(WCAG1.0, WCAG2.0, Section 508, RGAA...)
• There are automatic validators that can help you detect
commons errors but they can’t certificate accessibility
• There are entities that certificate the Accessibility of your
website regarding a standard
34. WCAG2.0 (by W3C)
• Guidelines independent of the technology (flash, html...)
• They provide “enough” successful criterion (but not
necessary) so that your website is accessible.
• 3 levels of conformity: A, AA y AAA.
• Based on 4 principles:
• Perceptible, Operable, Understandable, Robust
35. ARIA
• Recommended technique by WCAG2.0
• Provides semantic information to our HTML to give more
context to users using a screen-reader (menu,
progressbar, popup...)
• Already applied in most of our components
37. Yes, but keep in mind...
Your Content Liferay
35% 15%
Your theme
50%
38. Liferay Validation
• Our Goal
• Validate AA level of WCAG2.0 in all the portal
• Validate HTML5
• Where are we right now?
• We guarantee AA Level para non-authenticated users
(covered by EE support)
• Around 80% AA Level for signed in users collaborating and
creating content
• Around 70% AA Level for administration tasks
39. ...and we keep improving
• We have worked hard to validate WCAG2.0:
• apply ARIA
• improve our markup
• more details in my blog:
http://www.liferay.com/es/web/julio.camarero/blog
• Partners and community contributors
• Liferay is open source , any part of the code can be modified,
improved and CONTRIBUTED!! :)
• Problem notifications and suggestions in forums/JIRA
• Adding accessibility tests to our automated QA tests
40. Our goal
• All Liferay Portlets and Themes should be
accessible out of the box
• Provide tools to make it easier to create
accessible sites using Liferay.
• Even more, make it hard to make your website
non accessible if you use the tools we
provide.
41. Are there any Websites
built with Liferay with
certified Accessibility?
44. Perceptible
Content must be perceptible by all users (visually,
by sound...)
45. Perceptible
Content must be perceptible by all users (visually,
by sound...)
Information can not be only visual!
• information base on colors or css
• images without alt attribute (alt=””)
• multimedia files without transcription
46. Additional and Hidden text
• Use CSS classes to hide/show elements
dynamically.
• aui-helper-hidden: Hides the element to all
users
• aui-helper-hidden-accessible: Hides an
element visually but it is still found and ready
by screen readers
47. Operable
Content must be operable by users with differnet
devices (mouse, keyboard...)
All these are implemented in our classic theme! :)
48. Operable
Content must be operable by users with differnet
devices (mouse, keyboard...)
Avoid using mouse-only events in javascript:
onMouseOver, onDoubleClick, onRightClick... (onclick is ok)
• navigation menus
• trapped users!
• Users with a keyboard should be able to reach any level of
the navigation menus
All these are implemented in our classic theme! :)
49. Use ckEditor
• WCAG2.0 compliant
<liferay-ui:input-editor />
• Provides a good user experience in
most screen readers.
50. Understandable
Users must be able to understand the content,
how it is organized and how to interact with it.
51. Understandable
Users must be able to understand the content,
how it is organized and how to interact with it.
Show in a simple and consistent way to the user
where she is and how to get to other places
• menus always in the same position
• use breadcrumbs
• link to the begining of content
• avoid weird things :S
52. Robust
Content must be properly structured to allow user
applications understand it.
53. Robust
Content must be properly structured to allow user
applications understand it.
• Avoid tables for layouts
• use the proper markup for tables when organizing data
• use the proper markup for forms
• apply ARIA to js components
54. Use Liferay Components
• Maintained and improved by Liferay incorporating feedback
from millions of users
• Alloy Forms
• Visual consistency with the portal
• Tested to generate accessible forms: <aui:form>, <aui:fieldset>,
<aui:input>, <aui:select>, <aui:a> ...
• <aui:column> and <aui:layout> to achieve “table” layout using only css
• Alloy UI Widgets (http://alloyui.liferay.com)
• valid markup
• using ARIA
• work using the keyboard (without mouse)
55. Write Semantic Html
• A link should be a link (<a>)
• Headers should go in order (<h1>, <h2>, <h3>...)
• A list should be a list (<li>)
• Html 5 provides a lot of new semantic tags: header,
section, footer...
• etc...
56. Html validation
• We have some tricks which improve performance but
don’t validate html.
• It can be enabled in the configuration (portal.properties)
com.liferay.portal.servlet.filters.validhtml.ValidHtmlFilter=true
59. Specific-device Events
• Avoid using javascript events which only work with
some devices:
• onMouseOver, onMouseOut, onMouseUp, onMouseDown,
onDoubleClick, onRightClick...
• if you use them, provide alternative for other devices (at least the
keyboard but only consider touch mobile devices)
• onClick works with the keyboard (enter)
• Tablets and mobile phones won’t work with mouse
events (although they have their own events:
touchStart, touchMove... etc)
61. How to test 90% of user experiences
1. Is it easy to use?
Would my mother be able to use
it by herself?
25%
62. How to test 90% of user experiences
2. Resize the text, disable
CSS and Images
can it still be used?
50%
63. How to test 90% of user experiences
3. Does it work without the
mouse?
75%
64. How to test 90% of user experiences
4. And if I blind my eyes?
using a screenreader...
90%
65. How to test 90% of user experiences
1. Is it easy to use?
Would my mother be able to use it by herself?
2. Resize the text, disable CSS and images. Can it still be
used?
3. Does it work without the mouse?
4. and if I blind my eyes? Using a screen-reader
66. Conclusions
• Accessibility is becoming more and more a key element
in the success of a project
• Liferay provides tools, examples and guidelines to create
accessible websites...
we don’t want to leave anybody out!
• It is important to test your developments. Technology is
changing and we are all learning about web
accessibility.