This document discusses web accessibility and adjustments that can be made to content management systems like AEM to comply with Section 508 standards. It provides an overview of common disabilities like sight impairments and cognitive disabilities. Programmatic adjustments that can be made include adding alt text to images, proper labeling of form fields, and ensuring keyboard navigation. Color contrast, captioning videos, and organizing content in a logical structure can also improve accessibility. Testing with screen readers and disabling CSS is recommended. Resources for creating accessible content are provided.
In this session, attendees will discuss the options for developers in AEM with a focus on Brackets for front end developers and Eclipse for back end developers as well as the auxiliary tooling including Maven, FileVault and granite-js.
This business session will weigh the benefits and challenges of upgrading to AEM 6.2. See how your peers managed and got the most out of the product by minimizing the risk associated with major upgrades.
Attendees will learn basics of Multi Site Manager, a mechanism to organize and optimize multi lingual web content and Multiple sites under the same implementation using Blue Prints and Live copies.
In this session, attendees will get an overview of how marketing professionals will use AEM to create end user experiences that are second to none. A brief overview of the social tools, and mobile capabilities will be offered as well as a high level overview of the technology that AEM is built on.
Some tips and tools to make WordPress development process simple and effective.
(This presentation was made for WordPress Pokhara meetup: December 2016)
An overview of the WordPress ecosystem for new users that includes a discussion of wordpress.com and wordpress.org, how plugins fit in, Coder Talk DeCoded: A guide for humans and two bonus slides - questions to ask your WordPress developer and resources for more information.
In this session, attendees will discuss the options for developers in AEM with a focus on Brackets for front end developers and Eclipse for back end developers as well as the auxiliary tooling including Maven, FileVault and granite-js.
This business session will weigh the benefits and challenges of upgrading to AEM 6.2. See how your peers managed and got the most out of the product by minimizing the risk associated with major upgrades.
Attendees will learn basics of Multi Site Manager, a mechanism to organize and optimize multi lingual web content and Multiple sites under the same implementation using Blue Prints and Live copies.
In this session, attendees will get an overview of how marketing professionals will use AEM to create end user experiences that are second to none. A brief overview of the social tools, and mobile capabilities will be offered as well as a high level overview of the technology that AEM is built on.
Some tips and tools to make WordPress development process simple and effective.
(This presentation was made for WordPress Pokhara meetup: December 2016)
An overview of the WordPress ecosystem for new users that includes a discussion of wordpress.com and wordpress.org, how plugins fit in, Coder Talk DeCoded: A guide for humans and two bonus slides - questions to ask your WordPress developer and resources for more information.
Blog post: http://wakeupandcode.com/deploy-your-web-site-web-app-on-azure
Learn how you can deploy your Web Site or Web App on Azure, the Microsoft Cloud!
5 Reasons Why Your Website Is[nât] a Native App (PrDC 2015)David Wesst
Â
âWe need a mobile app. Make our website into a mobile app.â The request seems reasonable, doesnât it? Your website is JavaScript, native apps are JavaScript, why wouldnât you make your website into an application? In this presentation weâll give you 5 reasons why your website shouldnât end up as a native application to give you the tools you need to not only turn down the request, but on how to make a better solution.
The Evolution of WordPress Software DevelopmentAki BjĂśrklund
Â
When you start to use WordPress as an application platform, one thing is very soon clear: WordPress defines very little base structure for your application code, where to put and how to write tests, how application is loaded, or for example how dependencies should be managed. Because of this, applications or just complex sites built on top of WordPress tend to get really messy.
There are application frameworks built on top of WordPress, but none of them seem to have wide enough use for to build any serious applications on top of. Until any of those gets wide-spread adoption, combining existing, non-WordPress specific PHP technologies as a custom solution probably is a more future-proof solution. We will be looking into one possible stack of technologies.
Presented at 3|SHARE's EVOLVE'14 - The Adobe Experience Manager Community Summit on Wednesday November 19th, 2014 at the Hard Rock Hotel in San Diego, CA. evolve14.com
Presented at 3|SHARE's EVOLVE'14 - The Adobe Experience Manager Community Summit on Wednesday November 19th, 2014 at the Hard Rock Hotel in San Diego, CA. evolve14.com
You think your journey to digital is challenging? Governments are on the move to digital so they also can create great content, deliver it across any channel efficiently and securely. See how they do it and how it applies to your business.
Blog post: http://wakeupandcode.com/deploy-your-web-site-web-app-on-azure
Learn how you can deploy your Web Site or Web App on Azure, the Microsoft Cloud!
5 Reasons Why Your Website Is[nât] a Native App (PrDC 2015)David Wesst
Â
âWe need a mobile app. Make our website into a mobile app.â The request seems reasonable, doesnât it? Your website is JavaScript, native apps are JavaScript, why wouldnât you make your website into an application? In this presentation weâll give you 5 reasons why your website shouldnât end up as a native application to give you the tools you need to not only turn down the request, but on how to make a better solution.
The Evolution of WordPress Software DevelopmentAki BjĂśrklund
Â
When you start to use WordPress as an application platform, one thing is very soon clear: WordPress defines very little base structure for your application code, where to put and how to write tests, how application is loaded, or for example how dependencies should be managed. Because of this, applications or just complex sites built on top of WordPress tend to get really messy.
There are application frameworks built on top of WordPress, but none of them seem to have wide enough use for to build any serious applications on top of. Until any of those gets wide-spread adoption, combining existing, non-WordPress specific PHP technologies as a custom solution probably is a more future-proof solution. We will be looking into one possible stack of technologies.
Presented at 3|SHARE's EVOLVE'14 - The Adobe Experience Manager Community Summit on Wednesday November 19th, 2014 at the Hard Rock Hotel in San Diego, CA. evolve14.com
Presented at 3|SHARE's EVOLVE'14 - The Adobe Experience Manager Community Summit on Wednesday November 19th, 2014 at the Hard Rock Hotel in San Diego, CA. evolve14.com
You think your journey to digital is challenging? Governments are on the move to digital so they also can create great content, deliver it across any channel efficiently and securely. See how they do it and how it applies to your business.
You have invested in AEM as your marketing engine. You need a dashboard that shows how your sites are working, know before your customers call that you have a problem. In this session we will show you how to build a metrics dashboard that shows how healthy your apps are and alert you when it's not working.
A discussion of how we took multiple properties under the MGM Resorts brand and worked them into a consistent AEM-backed architecture over a year-long period. Weâll try to answer these types of questions: How did we scale up? What aspects did the properties embrace? What did they resist? Did the AEM system features help or hurt? How did we operationalize the tech and marketing teams? Was this approach helpful for a hospitality company and does it apply to others? What roles were needed? What would we do differently? Was the journey successful? What is next?
SapientNitro has built many of the largest and most sophisticated omni-channel digital platforms. We have incorporated these learnings into our Integrated Digital Experience Architecture Landscape (IDEAL). IDEAL represents our thought leadership and unique approach to architect, design and deliver integrated consumer experiences, optimized for brands, marketers and their agencies to unlock the value of Adobe Experience Manager (AEM) Client examples include MGM, Saks, Irvine Spectrum
In this session, attendees will explore the options for building front end web sites in AEM with a focus on Sightly, Sling, JavaScript, and Java as well as a deep dive into JSPs. Best practices for both will discussed in detail.
In this session attendees with learn about the Adobe eCommerce Framework, aspects of designing and developing an eCommerce solution and various eCommerce engines options that can be integrated with AEM to implement an eCommerce Solution.
Single Page Applications and Headless CMS are a growing trend today. The presentation will describe the various alternatives for leveraging AEM in these architectures and map those alternatives to use cases. The presentation will draw from recent work at multiple clients.
In this session attendees will get an overview of a Typical (logical and physical) deployment Architecture for AEM and flow of content from Author instances to Production.
One of the top new features in the AEM 6.2 release is in the introduction of a unified search experience for content authors called OmniSearch which provides a consistent and continuous search experience across the entire AEM user interface. This session will cover the significant points in OmniSearch. We will cover both backend extension to create new search sources and front end extension to define how search results are visualized. This will be an intermediate-level session and attendees will come out of it with a clear understand as to how to extend this new capability.
Adobe Summit 2016 Bombardierâs AEM Implementation for Multi-sites ManagementKen Knitter
Â
Learn how Bombardier is leveraging Adobe Experience Manager (AEM) multi site manager (MSM) to set-up, deploy and manage its world-wide presence via localized sites. The presentation will focus on the experience of setting shared content capabilities, the lessons learned from the project, and the evolution of this global corporate strategy.
Using AEM in a customer global multi-channel programMeryll Blanchet
Â
With this presentation, I invite you to the journey through a complex global multi-channel program involving AEM as a front-end. We will have a look at several milestones, from the initial customer's objectives to the implementation on AEM side. Of course, the pitch is based on a real-life project that is now in production. But for obvious reasons, Geometrixx Outdoors is taken as reference for a few screenshots.
In this session attendees with understand and learn about the new AEM Assets module. Essentially a mechanism to perform digital Asset management in AEM. Attendees will learn strengths and capabilities of Assets in this session
See how Autodesk faired on their 2015 AEM initiatives. Talk about innovators pushing AEM in ways that will blow your mind...Autodesk is a leader in the AEM community and you will not want to miss this.
In this session, attendees will get a high level overview of the solutions in the Digital Marketing cloud and how they are used with AEM to create market leading digital experiences. Adobe Analytics, Adobe Campaign, the Adobe Digital Publishing Suite and Adobe Target will all be covered with a focus on how they integration with AEM.
Making your website accessible for users with disabilities isnât flashy, but itâs necessary. Websites built for universal access benefit all users, not just users with a disability. Theyâre also more SEO friendly, and are generally built to be more user friendly. From generating increased revenue, to providing better access to services, the benefits of developing accessible websites are real and measurable.
The State of Georgia recently completed an Accessible Platform initiative, reviewing the templates and themes for our enterprise Drupal platform for accessibility gaps, and launching rolling improvements to the platform over several months to meet WCAG 2.0 (Level AA) compliance levels.
Accessibility doesnât have to be an additional step in the web development process. Out of this initiative came a number of lessons learned on how code can be written to be accessible from the beginning, to mitigate the need for such cleanup efforts in the future. Building websites with accessibility in mind from the start saves time and money in the long haul. By following best practices for front end development, accessibility can be a seamless, invisible step in the build process.
How to create accessible websites - WordCamp New YorkRachel 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.
You know it's important for your web project to be accessible to people who use all kinds of assistive technology to access the internet. But all the guidelines for web accessibility you can find don't go much beyond "make sure all your images have alt text", and all the resources you can find treat "accessibility" as a synonym for "making your site work in a screen reader". You know there are other things you should be doing and other forms of assistive technology you should be accomodating, but all the best practices documents are a complicated morass of contradicting information (if you can find best practices documents at all.)
Have no fear! This tutorial gives you a number of concrete steps to take to make things more accessible.
This presentation has downloadable notes and exercises available at http://denise.dreamwidth.org/tag/a11y . Video of the talk should be available later.
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.
Extending Adobe Experience Manager with custom solutions that meet your unique business needs has never been easier. Learn how Adobe I/O developer tools, including Adobe I/O Runtime and Adobe I/O Events can be leveraged to deliver timely, targeted, personalized and effective customer experiences.
Adobe Asset Link (AAL) is the new solution to seamless linking of AEM Assets with Creative Cloud products. This session talks about the common use cases where AAL would be the right choice and also provides details around some of the most common pitfalls to avoid when implementing AAL.
AEM is content-centric, so is the future of building commerce experiences. In this session, you will be shown how to build modern commerce experiences with AEM. The demo will explain how authors create/configure multiple (industry-independent) stores, configure the commerce environment for each store and manage all the commerce content and features, without writing a line of code. The second part will demonstrate how developers create templates, components, and functionality to build a compelling Web/User/Commerce Experience.
Rolling out AEM Site or Assets? Learn how to structure your deployment to maximize your return while reducing risk. See how to overdeliver while hitting aggressive timelines. Understand how to generate excitement that fuels user adoption and sets you up for success.
The roles of the Product Owner, Business Analyst and/or Subject Matter Expert are crucial to the success of an AEM project, especially at critical times. From the development teamâs perspective leveraging these resources during kickoff can set the project up for success. Hear more about the right resourcing and preparation for kickoff can enable development teams to start a project off right and to avoid costly changes (scope increase or rework) later in the project.
In this session, attendees will learn about key take-aways from a recent interactive round table hosted by Translations.com and Adobe with their shared customers, Lavazza, Western Digital, Lufthansa, and Honeywell. As the $800M leader of their industry, Translations.com will also share trends in translations they are seeing across their 95+ Adobe Experience Manager customers. Bring your burning localization related questions to this interactive session.
When Furniture Row decided to leave their digital assets management provider to go to AEM, they began a multi-phased journey that has resulted in the transition of their eCommerce platform and content management system. They recently launch a newly redesigned DenverMattress.com site which introduces a headless implementation of AEM sites, a new authoring experience for their content team, and an upgrade from a freestanding instance of Scene7 Classic to Dynamic Media integrated with AEM Assets. Hear from the implementation team and learn more about Furniture Rowâs digital evolution.
Todayâs customers expect relevant and personalized engagement with brands â or they go elsewhere. In this session, Carl will lay out some of the hurdles involved in crafting a customer- and loyalty-forward data management and architectural strategy. Using examples from specific client engagements, he will outline approaches to building an actionable data and technology stack on which teams can build and extend personalized interactions.
Autodesk cut their teeth on AEM in 2013 with Autodesk.com. It's safe to say they've come a long way since then. Join Sharat Radhakrishnan and his gang as they bring us up to speed on their wild AEM journey.
Want to make sure your scope is accurate? How do you dissect requirements to meet your implementation needs? Learn the pitfalls, how to plan MVP projects and what it takes to dig deep and find success when you start your AEM projects.
Get a glimpse into the highly competitive AEM talent market, Dave's journey as an entrepreneur and a little known secret that can help managers better understand the phycological needs of their team members and drastically increase their retention.
Understand concepts around Deep Learning, Machine Learning, Pattern Recognition and more. See AEM scenarios powered with Adobe Sensei. Understand the latest roadmap on AEM and Sensei.
AEM is an investment in the future so it's no surprise that architecting flexible and forward thinking is a must. See how to take an enterprise approach to your AEM architecture that supports globalization, extreme personalization, and omnichannel delivery.
Adobe AEM Managed Services started deploying Production AEM workloads on Azure in Nov 2017. In this session, we will share our learnings and offer advice to those thinking about deploying their AEM workloads on Azure.
Learn how to create omnichannel experiences using Adobe Experience Manager where you manage the content once and deliver across channels like Web, SPA, Mobile, Chatbot, Voice and Email.
Everyone wants to see their project launch successfully. In this session learn about the roles, processes, and tools that are critical to every project.
More from Evolve The Adobe Digital Marketing Community (20)
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.
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.
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
Â
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
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.
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.
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.
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
Â
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
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.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Â
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Â
Are you looking to streamline your workflows and boost your projectsâ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, youâre in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part âEssentials of Automationâ series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Hereâs what youâll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
Weâll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Donât miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
Â
As AI technology is pushing into IT I was wondering myself, as an âinfrastructure container kubernetes guyâ, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefitâs both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
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.
4. #evolverocks
What is the 508 standard?
The 508 standard is the electronic standard for ADA compliance. People with any
disability should be able to cleanly navigate your website, and be able to get to the
information they need just like any other person, regardless of the kind of
disability. These disabilities range from sight and hearing impairment to cognitive
disabilities, like ADHD and dyslexia.
https://www.access-board.gov/guidelines-and-standards/communications-and-
it/about-the-section-508-standards/section-508-standards
4
5. #evolverocks
What kinds of impairments are we talking about?
â Sight Impairment
â Blindness / Low vision
â Color Blindness
â Hearing Impairment
â Physical Disabilities
â Inability to use a mouse
â Limited fine motor control
â Cognitive Disabilities
â Distractibility
â Inability to focus on large amounts of information
5
6. #evolverocks
Why?
There is a strong business case for accessibility
You never want to limit your audience
Logical content organization adjustments made for ADA compliance are better for general usability.
SEO - a properly structured site is a bonus for search engine optimization
Ease of maintenance for your authors
Be kind! Accessibility supports social inclusion.
There are 3 levels of accessibility, minimal is Level A conformance, meaning you meet the minimum
success standards for that category or component. This is one of the best tools for referencing how to
meet the proper success criteria:
https://www.w3.org/WAI/WCAG20/quickref/?currentsidebar=%23col_overview&showtechniques=212%2
C213#principle1
Also⌠Itâs the law.
Target.com 2005 Accessibility lawsuit https://www.w3.org/WAI/bcase/target-case-study
Arizona State University 2009 Accessibility lawsuit http://blogs.findlaw.com/injured/2010/01/kindle-
lawsuit-settled-by-asu-and-blind-groups.html
Penn State 2010 Accessibility lawsuit https://nfb.org/node/1026
6
7. #evolverocks
What can we do?
Programmatic
Keyboard Input and navigability
Alt Text for Images AND Image
maps
Skip Navigation
Accessible Forms
Testing
Turn Off the CSS
Test on Mobile & Screen reader
Content / Design
â Color Contrast
Alt Text for Images
Notate Links to Documents
Use Text, Not Pictures of Text
Captions for Videos
Content Organization
Tables - not for layout
7
8. #evolverocks
PROGRAMMATIC ADJUSTMENTS: Keyboard Input
"When software is designed to run on a system that has a keyboard, product functions shall be
executable from a keyboard where the function itself or the result of performing a function can be
discerned textually."
When testing, avoid the mouse. Use only your keyboard to ensure you can get to all the content on
the page. Check the tab order of the components on the page to make sure they tab in a logical
order. This will determine the order the screen readers access content as well.
8
9. #evolverocks
PROGRAMMATIC ADJUSTMENTS: Alt Text on Images
"A text equivalent for every non-text element shall be provided (e.g., via "alt",
"longdesc", or in element content)."
9
10. #evolverocks
PROGRAMMATIC ADJUSTMENTS: Alt Text on images
<img title="Threeshare Logo" alt="Threeshare Logo"
src="/content/dam/threeshare/logo/_jcr_content/par/imageplus_0/image.img.
jpg/1371645426831.jpg"/>
â This can default to image title, then image name if no alt text is available on the
instance of the image.
â Decorative images (background images, etc) donât need alt text, but should
probably be moved into the CSS .
10
11. #evolverocks
PROGRAMMATIC ADJUSTMENTS: Forms
"When electronic forms are designed to be completed online, the form shall allow people using assistive
technology to access the information, field elements, and functionality required for completion and
submission of the form, including all directions and cues."
This simplest way to do this is to use the "name" and "for" attributes.
AEM does this for you!
This is what the html should look like for this simple form field:
<label for="name">Name:</label>
<input id="name" type="text" name="textfield" /
11
13. #evolverocks
PROGRAMMATIC ADJUSTMENTS: Skip Navigation link
"A method shall be provided that permits users to skip repetitive navigation links."
Users using screen readers need a way to link to the main content of the page without going back over
navigational items found on each page. The link is the first item in the page. The anchor is placed at the
beginning of the main content.
<body>
<a href="#maincontent">Skip navigation</a>
...
<a name="maincontent" id="maincontent"></a>
<h1>Heading</h1>
<p>This is the first paragraph</p>
13
14. #evolverocks
PROGRAMMATIC ADJUSTMENTS: Tables
â "Row and column headers shall be identified for data tables."
â Screen readers will read tabular data cell by cell, and without properly identified table headers,
information becomes jumbled and confusing.
â "Markup shall be used to associate data cells and header cells for data tables that have two or more
logical levels of row or column headers."
â Ideally, you would want to link the cell data to its corresponding column and row headers. You can do
this using "scope".
14
16. #evolverocks
PROGRAMMATIC ADJUSTMENTS: Tables
The HTML should look like this:
<table><caption>Shelly's Daughters</caption>
<tr>
<th scope="col">Name</th>
<th scope="col">Age</th>
<th scope="col">Birthday</th>
</tr>
<tr>
<th scope="row">Jackie</th>
<td>5</td>
<td>April 5</td>
</tr>
<tr>
<th scope="row">Beth</th>
<td>8</td>
<td>January 14</td>
</tr>
</table>
16
For a simple Tabular form like this:
17. #evolverocks
TESTING: Turn off the CSS
â "Documents shall be organized so they are readable without requiring an associated style sheet."
â Firefox has the ability to turn off CSS, and view the layout of the page. It's a good way to view the logical
layout of your content. In Chrome, you can do it using developer tools, but Iâve found this a faster
solution.
17
19. #evolverocks
DESIGN: Color Contrast
WCAG 2.0 Level AA:
â Contrast ratio of 4.5:1 for normal text or
3:1 for large text (18 pt or 14 pt bold)
WCAG 2.0 Level AAA:
â Contrast ratio of 7:1 for normal text or
4.5:1 for large text (18 pt or 14 pt bold)
19
https://www.paciellogroup.com/resources/contrastanalyser/
20. #evolverocks
DESIGN: Respect White or Blank Space
â˘Space between lines
â˘Space between paragraphs
â˘Can help users who have difficulty tracking text horizontally.
â˘Contributes to a cleaner, more aesthetically pleasing interface for everyone.
20
21. #evolverocks
CONTENT: Content Organization
<h1>Application Process
<h2>Undergraduate Admission
<h3>Admission
Requirements
<h3> Application Process
<h2>Graduate Admission</h2>
<h3>Graduate College
Requirements
<h3>College of Blank Requirements
Many experts recommend reserving H1 for the page title, H2 for major headings and H3 for major sub
headings. Making visual differences between header styles is also key for those with cognitive disorders or
visual impairments.
People using a screen reader have the ability to skip over pages or sections not applicable to them. Proper
structure help immensely.
<h1>Main heading/title of the page</h1>
<h2>Secondary heading</h2>
<h3>First subheading in this section</h3>
<h3>Second subheading in this section</h3>
<h2>Another secondary heading</h2>
21
22. #evolverocks
CONTENT: Use Text, Not Images of Text
â˘Pictures become blurry when enlarged
â˘Pictures take longer to download
â˘Pictures that contain text are not readable on
a screen reader
â˘Text in an image is not searchable
22
23. #evolverocks
CONTENT: Captioning Videos
"Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation."
â Youtube has some pretty good support for captioning videos, as well as tutorials on how to go about creating
a timed caption file. Quicktime is a great captioning tool, since Apple got into the accessibility game.
CaptionTube and Overstream are also handy captioning tools. Typically you will be creating an SRT file.
â Another alternative to captioning is to provide a text transcript of the video in an attached file
â For those with visual impairments, captions
should not just include a script of what someone
is saying but should also describe critical
actions or words on the screen.
â For image slideshows turned into videos, a
caption file would describe the images for those
with visual impairments and note if there was
music for those with hearing impairments.
23
24. #evolverocks
CONTENT: Accessible Linking
â When linking to a word document, PDF or other file, make sure to note in your link what the document
is and hyperlink that notation
â Fill out the Camp Counselor Application (PDF)
Register for Volunteer Weekend (Word Doc)
â If a link opens in a new window, warn the user. Switching windows using a screenreader can be
confusing and hard to navigate properly.
â Avoid naming links on a single page with the same text. Screen readers skipping around have no clue
what âClick hereâ or âDownload PDFâ is referring to. Be specific.
â Documents like PDF and Word should be made accessible.
24
25. #evolverocks
CONTENT: Think Twice About the Words You Choose
Word length and sentence complexity have an effect on the ability of certain individuals to decode the words
on a page.
â Understandable --> âeasier to readâ
â Manipulated --> Changed
â Subsequently --> Later
â âTestimonials from individuals with disabilitiesâŚâ ----> âPeople with disabilities talk aboutâŚâ
Juicy Studio Readability Test: http://juicystudio.com/services/readability.php
Struggling with Understandability: http://terrillthompson.com/blog/10
25
26. #evolverocks
If All Else Fails
"A text-only page, with equivalent
information or functionality, shall be
provided to make a web site comply
with the provisions of this part, when
compliance cannot be accomplished
in any other way. The content of the
text-only page shall be updated
whenever the primary page
changes."
This could include transcripts for
podcasts and alternatives to overly
javascript-y layouts.
26
image image
27. #evolverocks
Resources
To read the standard:
http://www.epa.gov/accessibility/standards/
Tips & Tricks
http://webaim.org/
https://www.w3.org/WAI/WCAG20/quickref/
https://www.w3.org/TR/html51/index.html
To check your own page/site
http://wave.webaim.org/
*Just because your site passes with no errors,
doesnât mean itâs truly accessible, it just
technically meets the bare minimum
requirements. Wave is easy to fool.
â To simulate colorblindness
http://www.vischeck.com/
http://wearecolorblind.com/
â Aria (Accessible Rich Internet Applications) -
Method to define your dynamic web content and
applications to that people using assistive
technologies can identify and successfully interact
with the web application. ARIA markup can be
added to existing sites without altering functionality
for mainstream users, reducing cost for testing.
https://www.w3.org/TR/wai-aria/
27