The document discusses how to build an accessible personal website on GitHub pages, covering topics like layout, navigation, color, performance, and discoverability. It provides guidance on using responsive design, semantic HTML, keyboard navigation, color contrast, page speed optimization, and social media integration. Screenshots and code examples demonstrate implementing techniques like semantic landmarks, ARIA attributes, dark mode/light mode toggling, and scroll to top functionality in an accessible way.
Introduction to Keyboard Navigation and AccessibilityMatthew Deeprose
What are the accessibility principles of Perceivable, Operable, Understandable, and Robust? Why is keyboard navigation so important within accessibility?
The Magic of Headless Browser + Puppeteer: Using DevTools Without opening DevTools & GitKraken as a legendary Git GUI Client
1. The power of "Headless Browser". Your invincible genie.
2. Extending the power of headless even more - amazing things we can do with "Puppeteer".
3. "GitKraken" - an intuitive Git GUI client that 1.7 Million+ Devs Rely on.
Red Hat JBoss BRMS and BPMS Workbench and Rich Client TechnologyMark Proctor
This is an overview video that shows the scope of work and technology used within the Red Hat JBoss BRMS and BPMS platforms.
The technology presented builds with GWT, Errai and UberFire as the foundation. Over 2015 we'll be working to make it for end users to consume the bits they need, paying for only what they use, so others can make power web platforms like BRMS and BPMS.
Some useful accessibility tools to help test your site and development environment for accessibility, and can also potentially improve the accessibility of your website.
Introduction to Keyboard Navigation and AccessibilityMatthew Deeprose
What are the accessibility principles of Perceivable, Operable, Understandable, and Robust? Why is keyboard navigation so important within accessibility?
The Magic of Headless Browser + Puppeteer: Using DevTools Without opening DevTools & GitKraken as a legendary Git GUI Client
1. The power of "Headless Browser". Your invincible genie.
2. Extending the power of headless even more - amazing things we can do with "Puppeteer".
3. "GitKraken" - an intuitive Git GUI client that 1.7 Million+ Devs Rely on.
Red Hat JBoss BRMS and BPMS Workbench and Rich Client TechnologyMark Proctor
This is an overview video that shows the scope of work and technology used within the Red Hat JBoss BRMS and BPMS platforms.
The technology presented builds with GWT, Errai and UberFire as the foundation. Over 2015 we'll be working to make it for end users to consume the bits they need, paying for only what they use, so others can make power web platforms like BRMS and BPMS.
Some useful accessibility tools to help test your site and development environment for accessibility, and can also potentially improve the accessibility of your website.
Good CSS troubleshooting skills are important to decrease your workload and help you work better with others. Tips for clean code and targetting, as well as solutions to modern browser bugs are covered.
GeoServer is an amazing project, and an amazing project to work on!
Please attend this workshop to:
* Get Started with the GeoServer codebase
* Orientation with a Tour of the GeoServer architecture
* Introduction the service dispatch framework, includin creating your own service
* Built chain and test facilities
* Create a custom function for use with map styling
* Create a custom process for use with style transformations and web processing service
* Anatomy of a successful pull request
Attendees will build their own GeoServer, learn a bit about how our community operates, and enjoy extending the base application.
If you are a developer looking to support GeoServer, or join us for a sprint or bug-stomp, this workshop is great introduction.
This course features hands-on development. We encourage and expect you to bring your favourite Java development environment.
For a good time with open source join GeoServer today!
Freelancer Weapons of mass productivityGregg Coppen
In the battle to stay organized, efficient, sane and maximize on billable time it helps to have systems in place to help deal with the daily business processes and management that make sure that you are working on what you should be and that projects, budgets and timelines stay on track. In particular, when you work on your own, its critical to have things like billing, time tracking and project management as a natural and seamless part of your workflow.
This session aims to be a whistle stop tour of some useful open source tools and subscription solutions I have found to be well worth their costs - including how they can be used effectively together to allow you to make the most efficient use of your time designing and developing Drupal sites.
I work as a remote contractor & consultant and my clients are drupal shops and companies needing web sites and systems designed, built, themed and/or maintained. These tools and services work for me to help stay organized and on top of my workload and help me to manage my responsibilities across multiple clients and timezones effectively.
The material in this session is geared more towards individual freelancers although much of it will be relevant for larger drupal shops and teams too.
A few of the topics I intend to cover will include
* Project Management with Redmine - an overview of this powerful open source project management system and a demo of some of the plugins that extend its functionality and integrate well with Drupal, Dropbox, Github, Chrome and others.
* Simplifying getting paid and easy record keeping - Easy invoicing, credit card processing and automatic importing of expenses using Freshbooks & Stripe
* Design to theme tricks and up and coming in-browser design tools and workflows using Styletiles, CSS Hat, SASS, Typekit, Typecast & Livestyle
* Faster Drupal development tips using Alfred & Sublime Text
* Rapid protoyping using Bootstrap/Zenstrap
* Site building strategies using install profiles and drush make files
* Deployment and Maintenance using Aegir
* Server monitoring using New Relic & load testing using Blazemeter
* Hosting and managing your site in the cloud
It is my aim to introduce ( in some cases briefly) tools and services that have made a difference to me that may have the potential to add to and improve your existing workflows.
YouTube Link: https://youtu.be/8Xo3l1zv41I
**DevOps Certification Courses - https://www.edureka.co/devops-certification-training **
This Edureka PPT on ‘Git Interview Questions’ will discuss the most frequently asked questions that you might face in an interview.
Follow us to never miss an update in the future.
YouTube: https://www.youtube.com/user/edurekaIN
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Castbox: https://castbox.fm/networks/505?country=in
Making Your Site Printable: CSS Summit 2014Adrian Roselli
The push for responsive web design has helped web developers consider how the sites they develop can adapt to different devices, including sizes, screen resolutions, and even contexts.
It should now be easier than ever to respond to a format that has existed since the start of the web -- print.
I'll walk through the process for making your responsive sites respond to the format we most often forget and show you how to use Google Analytics to track what pages are printed from your site.
CSS3 isn't the future, it's the present, and is ready to respond to display your sites in multiple devices right now. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
How to analyze your codebase with Exakat using Docker - Longhorn PHPDana Luther
Whether you’re a solo developer working on a long standing project, or a developer working as part of a large (or small) team, you may be surprised at just how much variety can sneak into your codebase, even when everything is running properly. Exakat is an incredibly powerful static analyzer engine and will help you to identify issues before they become problems. In this presentation I will show you how to quickly set up and run Exakat via Docker to analyze your codebase and start incorporating this valuable tool into your toolbox.
If you’re familiar with accessibility, you may know some of the basics already. We’ll review some newer or more obscure techniques that can help prime you to look at the new hotness features with a more critical eye. Instead of pushing code techniques, we’ll discuss the logic behind these approaches, giving you the opportunity to turn some of these concepts over in your own head instead of just walking away with a shallow checklist.
A look at some useful accessibility tools.
These tools help test websites for accessibility, and there are a couple of WordPress plugins that can help improve a website's accessibility.
Mind your App Footprint 🐾⚡️🌱 (@FlutterHeroes 2024)François
How to Test and Reduce your Mobile App Footprint.
Slides from the SNCF Connect & Tech talk at Flutter Heroes 2024.
Reviewing various Flutter and mobile development techniques, such as Dark Mode, App Bundles, Tree Shaking, Deferred Components, Dynamic Features, implementing a custom eco-friendly mode, plus examples of testing tools & techniques. Feel free to contact us.
Replay video available soon...
Sustaining accessibility efforts through accessibility-related appraisal obje...Matthew Deeprose
Video, transcript, files, and links available at: https://matthewdeeprose.github.io/objectives.html
Synopsis
How can IT departments sustain their accessibility efforts? While there are vital procedural and technical answers we should also consider the importance of cultural change. In this presentation, Tamsyn Smith and Matthew Deeprose will discuss early work on embedding accessibility within appraisal objectives.
Video, transcript, files, and links at: https://matthewdeeprose.github.io/powerBI.html
Synopsis
What can we do to make our Power BI reports more accessible? In this 20 minute presentation I explain the four principles of the Web Content Accessibility Guidelines and how they relate to the creation of Power BI reports.
More Related Content
Similar to The impact that high quality mark-up can have on accessibility, performance, and discoverability
Good CSS troubleshooting skills are important to decrease your workload and help you work better with others. Tips for clean code and targetting, as well as solutions to modern browser bugs are covered.
GeoServer is an amazing project, and an amazing project to work on!
Please attend this workshop to:
* Get Started with the GeoServer codebase
* Orientation with a Tour of the GeoServer architecture
* Introduction the service dispatch framework, includin creating your own service
* Built chain and test facilities
* Create a custom function for use with map styling
* Create a custom process for use with style transformations and web processing service
* Anatomy of a successful pull request
Attendees will build their own GeoServer, learn a bit about how our community operates, and enjoy extending the base application.
If you are a developer looking to support GeoServer, or join us for a sprint or bug-stomp, this workshop is great introduction.
This course features hands-on development. We encourage and expect you to bring your favourite Java development environment.
For a good time with open source join GeoServer today!
Freelancer Weapons of mass productivityGregg Coppen
In the battle to stay organized, efficient, sane and maximize on billable time it helps to have systems in place to help deal with the daily business processes and management that make sure that you are working on what you should be and that projects, budgets and timelines stay on track. In particular, when you work on your own, its critical to have things like billing, time tracking and project management as a natural and seamless part of your workflow.
This session aims to be a whistle stop tour of some useful open source tools and subscription solutions I have found to be well worth their costs - including how they can be used effectively together to allow you to make the most efficient use of your time designing and developing Drupal sites.
I work as a remote contractor & consultant and my clients are drupal shops and companies needing web sites and systems designed, built, themed and/or maintained. These tools and services work for me to help stay organized and on top of my workload and help me to manage my responsibilities across multiple clients and timezones effectively.
The material in this session is geared more towards individual freelancers although much of it will be relevant for larger drupal shops and teams too.
A few of the topics I intend to cover will include
* Project Management with Redmine - an overview of this powerful open source project management system and a demo of some of the plugins that extend its functionality and integrate well with Drupal, Dropbox, Github, Chrome and others.
* Simplifying getting paid and easy record keeping - Easy invoicing, credit card processing and automatic importing of expenses using Freshbooks & Stripe
* Design to theme tricks and up and coming in-browser design tools and workflows using Styletiles, CSS Hat, SASS, Typekit, Typecast & Livestyle
* Faster Drupal development tips using Alfred & Sublime Text
* Rapid protoyping using Bootstrap/Zenstrap
* Site building strategies using install profiles and drush make files
* Deployment and Maintenance using Aegir
* Server monitoring using New Relic & load testing using Blazemeter
* Hosting and managing your site in the cloud
It is my aim to introduce ( in some cases briefly) tools and services that have made a difference to me that may have the potential to add to and improve your existing workflows.
YouTube Link: https://youtu.be/8Xo3l1zv41I
**DevOps Certification Courses - https://www.edureka.co/devops-certification-training **
This Edureka PPT on ‘Git Interview Questions’ will discuss the most frequently asked questions that you might face in an interview.
Follow us to never miss an update in the future.
YouTube: https://www.youtube.com/user/edurekaIN
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Castbox: https://castbox.fm/networks/505?country=in
Making Your Site Printable: CSS Summit 2014Adrian Roselli
The push for responsive web design has helped web developers consider how the sites they develop can adapt to different devices, including sizes, screen resolutions, and even contexts.
It should now be easier than ever to respond to a format that has existed since the start of the web -- print.
I'll walk through the process for making your responsive sites respond to the format we most often forget and show you how to use Google Analytics to track what pages are printed from your site.
CSS3 isn't the future, it's the present, and is ready to respond to display your sites in multiple devices right now. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
How to analyze your codebase with Exakat using Docker - Longhorn PHPDana Luther
Whether you’re a solo developer working on a long standing project, or a developer working as part of a large (or small) team, you may be surprised at just how much variety can sneak into your codebase, even when everything is running properly. Exakat is an incredibly powerful static analyzer engine and will help you to identify issues before they become problems. In this presentation I will show you how to quickly set up and run Exakat via Docker to analyze your codebase and start incorporating this valuable tool into your toolbox.
If you’re familiar with accessibility, you may know some of the basics already. We’ll review some newer or more obscure techniques that can help prime you to look at the new hotness features with a more critical eye. Instead of pushing code techniques, we’ll discuss the logic behind these approaches, giving you the opportunity to turn some of these concepts over in your own head instead of just walking away with a shallow checklist.
A look at some useful accessibility tools.
These tools help test websites for accessibility, and there are a couple of WordPress plugins that can help improve a website's accessibility.
Mind your App Footprint 🐾⚡️🌱 (@FlutterHeroes 2024)François
How to Test and Reduce your Mobile App Footprint.
Slides from the SNCF Connect & Tech talk at Flutter Heroes 2024.
Reviewing various Flutter and mobile development techniques, such as Dark Mode, App Bundles, Tree Shaking, Deferred Components, Dynamic Features, implementing a custom eco-friendly mode, plus examples of testing tools & techniques. Feel free to contact us.
Replay video available soon...
Similar to The impact that high quality mark-up can have on accessibility, performance, and discoverability (20)
Sustaining accessibility efforts through accessibility-related appraisal obje...Matthew Deeprose
Video, transcript, files, and links available at: https://matthewdeeprose.github.io/objectives.html
Synopsis
How can IT departments sustain their accessibility efforts? While there are vital procedural and technical answers we should also consider the importance of cultural change. In this presentation, Tamsyn Smith and Matthew Deeprose will discuss early work on embedding accessibility within appraisal objectives.
Video, transcript, files, and links at: https://matthewdeeprose.github.io/powerBI.html
Synopsis
What can we do to make our Power BI reports more accessible? In this 20 minute presentation I explain the four principles of the Web Content Accessibility Guidelines and how they relate to the creation of Power BI reports.
Recent experiences have demonstrated that University staff and students expect to use online resources with a variety of devices, making full use of accessibility features such as reflow, captions, and text-to-speech.
Such features benefit everyone, but especially the increasing proportion of university students who self-report a disability.
University Information Technology departments know they must commit to accessibility; indeed, they have a legal obligation to do so, but how can they take this ambition and embed accessibility within their policies and processes?
In this presentation, we will share:
approaches to building a digital accessibility policy for university IT departments.
techniques for embedding accessibility within IT development processes by ‘shifting left’.
examples from within the Higher Education and wider IT sectors.
Digital diligence: guidance on using 'unsupported' toolsMatthew Deeprose
Presented during the Future Teacher "Getting savvy with online tools" webinar. This covers our work on dealing with use of tools that are not centrally supported but that academic staff wish to use with their students.
The Bluffer’s Guide to Blackboard Theme AccessibilityMatthew Deeprose
With the rapid move to online teaching, ensuring equitable access to our learning environment has never been more important. Recent legislation has brought an accessibility requirement for public sector organisations such as Universities. How can we ensure that our Blackboard environment reflects our institutional brand whilst following accessibility guidelines?
Customising the Blackboard Responsive theme for the Learn Original Experience continues to be a hot topic on the Blackboard Community site. We customise the theme both to improve the user experience, and to brand our environment with our institutional colours.
In this session I will put recent legislative and regulatory changes that relate to accessibility into a global context and explain how they impact University platforms such as Blackboard.
Using examples and developments from my own experience at the University of Southampton, I will provide practical advice and tips on what we should be doing when we customise our Blackboard theme. We all want our Blackboard environments to look great and appear congruent when viewed alongside our other institutional platforms. We also want to ensure changes we make are inclusive to our whole user community.
I will demonstrate how you may check the accessibility of your own custom Blackboard theme and illustrate the application of a number of the World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines to Blackboard theme customisation. I will also discuss how the work we do in this area can inform the accessibility statements we are required to create for our Virtual Learning Environment.
How to ensure accessible use of color in learning resources and materials ali...Matthew Deeprose
Is it possible to be both on brand and accessible? WCAG guides us on making our color choices accessible. We will demonstrate a simple and repeatable solution to share with your colleagues. Our innovative matrix concept will help YOU to determine accessible color combinations within your institutional brand palette.
Many students, such as those who are color blind, may not self-identify as having a disability. Poor use of color in online courses can have a detrimental impact on certain groups of students, including those who are color blind or have a visual impairment. Likewise, most people find vibrating color combinations difficult to read. Appropriate use of color (especially when used to distinguish and organize your content) can benefit everyone and reduce the 'burden' of ‘reasonable adjustments’. However, we design our learning materials, we should ensure that when we use color we do so accessibly.
A constraint that many practitioners must work within is their education institution’s brand color palette, which may not have been chosen with accessibility in mind.
We will share a simple and easy to use approach that can help you use colors accessibly while remaining congruent and consistent with your institution's color scheme.
Better Blackboard Help: Where your users need it, when they want it.Matthew Deeprose
It has never been more important to provide localised, central, relevant, and up to date support and messaging within our Blackboard environments. This presentation is a practical guide to how you can use freely available tools to provide contextual, just in time support sign-posting staff and students to local support resources from within Blackboard Learn (original experience).
As Blackboard administrators, learning designers, technologists, programme leads, and support staff, we often wish we could be alongside our users to say, “well in these circumstances we recommend using the feature in this way”, or “you could use that tool, but there’s a much more effective tool over there”, right when the intervention would be most relevant and timely. In current times we may also wish to highlight newly provisioned services and tools such as Blackboard Collaborate.
Blackboard allows us to customise the language pack, but have you noticed that most users will just skim past plain text and get straight into clicking and submitting? Even when a user follows a help link, they may reach a generic help page rather than the bespoke institution-specific guidance that has been carefully curated to provide the most appropriate help, contextualised for an institution's Managed Learning Environment?
In this session I will demonstrate a new approach for the Original Blackboard Learn Experience to provide proactive assistance to staff and students at the right time and in the right place. At the University of Southampton, this method resulted in significantly higher engagement with institutional support resources and has the potential to reduce support calls and encourage better Blackboard usage.
I will show you how you can recreate this approach using free and open-source software. By the end of the session you will be eager to get back to work and start implementing the techniques I will show you.
Making it simple to ensure the use of colour is both on brand and accessibleMatthew Deeprose
With more than two million people in the UK living with a visual impairment and many more having difficulties with their sight, it is crucial that, when we create content, we make accessible colour choices.
I will explain the importance of considering contrast when we use colour and share my own journey and lessons that resulted in the development of a method to make it simpler and easier to help my colleagues make accessible colour choices.
If time allows I will demonstrate further real-world examples and solutions that you can replicate at your own institution.
The practical bluffer's guide to blackboard theme accessibilityMatthew Deeprose
Presented at Bb World 2020. With the rapid move to online teaching in the current climate of COVID-19, ensuring equitable access to our learning environment has never been more important.
When we customise the Blackboard theme (original experience) to align it with our institutional colours, we must consider accessibility. Based on my own experience at the University of Southampton (in the UK) I will share practical lessons and recommendations, of how to ensure your theme customisation complies with web content accessibility guidelines.
This presentation was used as part of the Digital Learning Connects webinar about Blackboard discussion boards. Half way through the presentation I went into a live demo, which you cannot of course see here. I'm sharing the slides more widely in case they are of use.
This presentation was to the Blackboard Mobile and Collaborate Usergroup at the Durham 2020 Blackboard Conference.
The presentation covers the recent UK accessibility regulations in their global context and provides some examples of customising Blackboard to meet those regulations whilst aligning to an institutional brand.
Blended Learning Features within the Blackboard VLEMatthew Deeprose
We were asked to give a presentation outlining tools that may help the delivery of a new blended learning programme. These are the slides that went with our presenation.
Blackboard Masterclass #1 for Faculty of Health Sciences at the University of Southampton. In this presentation we cover some features of Blackboard that may not have been heavily used previously within the Faculy of Health Sciences.
Blackboard, Printing, Lecture Consoles for Presessional InstructorsMatthew Deeprose
A presentation delivered to instructors of pre-sessional students at the University of Southampton. This presentation covers the Blackboard VLE, printing and scanning, and using the lecture bench consoles.
Blackboard Masterclass #2 for University of Southampton Faculty of Heath Scie...Matthew Deeprose
The slides from our presentation "Blackboard Masterclass #2" delivered on 17 July 2014 to the Faculty of Health Sciences. In this presentation we focussed on some of the key new features in the newly upgraded Blackboard VLE at the University of Southampton.
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.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
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.
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.
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™UiPathCommunity
In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni.
📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath:
Autopilot per Studio Web
Autopilot per Studio
Autopilot per Apps
Clipboard AI
GenAI applicata alla Document Understanding
👨🏫👨💻 Speakers:
Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant
Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath
Andrei Tasca, RPA Solutions Team Lead @NTT Data
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.
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/
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.
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.
Welocme to ViralQR, your best QR code generator.ViralQR
Welcome to ViralQR, your best QR code generator available on the market!
At ViralQR, we design static and dynamic QR codes. Our mission is to make business operations easier and customer engagement more powerful through the use of QR technology. Be it a small-scale business or a huge enterprise, our easy-to-use platform provides multiple choices that can be tailored according to your company's branding and marketing strategies.
Our Vision
We are here to make the process of creating QR codes easy and smooth, thus enhancing customer interaction and making business more fluid. We very strongly believe in the ability of QR codes to change the world for businesses in their interaction with customers and are set on making that technology accessible and usable far and wide.
Our Achievements
Ever since its inception, we have successfully served many clients by offering QR codes in their marketing, service delivery, and collection of feedback across various industries. Our platform has been recognized for its ease of use and amazing features, which helped a business to make QR codes.
Our Services
At ViralQR, here is a comprehensive suite of services that caters to your very needs:
Static QR Codes: Create free static QR codes. These QR codes are able to store significant information such as URLs, vCards, plain text, emails and SMS, Wi-Fi credentials, and Bitcoin addresses.
Dynamic QR codes: These also have all the advanced features but are subscription-based. They can directly link to PDF files, images, micro-landing pages, social accounts, review forms, business pages, and applications. In addition, they can be branded with CTAs, frames, patterns, colors, and logos to enhance your branding.
Pricing and Packages
Additionally, there is a 14-day free offer to ViralQR, which is an exceptional opportunity for new users to take a feel of this platform. One can easily subscribe from there and experience the full dynamic of using QR codes. The subscription plans are not only meant for business; they are priced very flexibly so that literally every business could afford to benefit from our service.
Why choose us?
ViralQR will provide services for marketing, advertising, catering, retail, and the like. The QR codes can be posted on fliers, packaging, merchandise, and banners, as well as to substitute for cash and cards in a restaurant or coffee shop. With QR codes integrated into your business, improve customer engagement and streamline operations.
Comprehensive Analytics
Subscribers of ViralQR receive detailed analytics and tracking tools in light of having a view of the core values of QR code performance. Our analytics dashboard shows aggregate views and unique views, as well as detailed information about each impression, including time, device, browser, and estimated location by city and country.
So, thank you for choosing ViralQR; we have an offer of nothing but the best in terms of QR code services to meet business diversity!
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!
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.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
The impact that high quality mark-up can have on accessibility, performance, and discoverability
1. The impact that high quality
mark-up can have on
accessibility, performance,
and discoverability.
Matthew Deeprose
https://matthewdeeprose.github.io/ 1
2. Based on what I learned from
building a personal site on
github pages.
2
Matthew Deeprose
https://matthewdeeprose.github.io/
3. What I learned and will share today
3
Layout
• Responsive
reflow
• Using
semantic
landmarks
Navigation
• Designing for
screen reader
/ keyboard
users
• Respecting
user
preference
• Designing for
vestibular
disorders
Colour
• Designing for
dark mode
• WCAG 3
contrast
• Building an
accessible
colour toggle
that
remembers
your
preference
Performance
• Page load
time analysis
• Critical render
blockers
• using
Lighthouse
• Recent DL
blog
improvements
Discoverability
• Open graph
• Card
validators
https://matthewdeeprose.github.io/
4. What is github pages?
GitHub Pages is a free static
site hosting service.
• One site per github account.
• ____.github.io address
• 1GB quota
• 100GB bandwidth per
month
• Not for commercial use
• No support for support
server-side languages
4
https://matthewdeeprose.github.io/
6. So what did I learn?
6
https://matthewdeeprose.github.io/
7. What I learned and will share today 2
7
Layout
• Responsive
reflow
• Using
semantic
landmarks
Navigation Colour Performance Discoverability
https://matthewdeeprose.github.io/
9. WCAG 1.4.10: Reflow (AA)
Content can be
presented without
loss of information
or functionality, and
without requiring
scrolling in two
dimensions for:
9
Vertical
scrolling
content
Horizontal
scrolling
content
Except for
content
requiring
two-
dimensional
layout
https://matthewdeeprose.github.io/
10. 10 modern layouts in 1 line of CSS
10
https://matthewdeeprose.github.io/
14. Navigating regions / landmarks
Screen reader Shortcut key to browse
region
JAWS r
NVDA d
Narrator d
Voiceover Use the rotor
14
https://matthewdeeprose.github.io/
15. Semantic landmarks and NVDA “banner
landmark”
“Navigation
landmark”
“main
landmark”
“complementary
landmark”
“content info
landmark”
15
https://matthewdeeprose.github.io/
16. WCAG 1.3.1: Info and Relationships (A)
Information, structure, and
relationships conveyed
through presentation can
be programmatically
determined or are
available in text.
16
https://matthewdeeprose.github.io/
20. What I learned and will share today 3
20
Layout Navigation
• Designing for
screen reader
/ keyboard
users
• Respecting
user
preference
• Designing for
vestibular
disorders
Colour Performance Discoverability
https://matthewdeeprose.github.io/
26. 4.1.2: Name, Role, Value (A)
For all user
interface
components…
The name and role can be programmatically
determined
States, properties, and values that can be set
by the user can be programmatically set
Notification of changes to these items is
available to user agents, including assistive
technologies.
26
https://matthewdeeprose.github.io/
27. Improved focus and screen reader handling
Selecting hamburger
now announces whether
it is expanded or
collapsed.
Focus order is now
logical.
27
https://matthewdeeprose.github.io/
28. Hamburger comparisons
Site Works with Keyboard? Semantics
used
ARIA-
expanded?
Libguides Yes (but no focus indicator
on button and very low
contrast on menu items)
Button Yes
Digital Learning
blog
No Checkbox No
Elearn No Div No
UoS (OneWeb) Yes, but cannot close with
keyboard
Link No
28
https://matthewdeeprose.github.io/
29. ARIA?
ARIA modifies the
accessibility tree, changing
how assistive technology
(AT) presents content to
users.
Only affects AT.
29
Add extra label and description
text to elements
Express semantic relationships
between elements
Make parts of a page "live,"
immediately informing assistive
technology of changes.
https://matthewdeeprose.github.io/
30. The first rule of ARIA…
If you can, use a native
HTML element or attribute
with the semantics and
behaviour you require
already built in.
30
https://matthewdeeprose.github.io/
32. “Scroll to top”
The Guardian UoS (old style) elearn
32
https://matthewdeeprose.github.io/
33. Scroll to top
Should be usable with keyboard.
Scrolling smoothness should cater to preference.
After use, the keyboard focus should be in a logical place.
33
https://matthewdeeprose.github.io/
34. WCAG considerations
34
2.1.1 Keyboard
(A)
2.1.3 Keyboard
(No Exception)
(AAA)
2.4.3 Focus
Order
(A)
“Except where the underlying
function requires input that
depends on the path of the
user's movement and not just
the endpoints.”
https://matthewdeeprose.github.io/
38. 2.3.3 Animation from Interactions (Level AAA)
Allow users to prevent
animation from being
displayed on Web pages.
Some users experience
distraction or nausea from
animated content.
Triggered reactions include
nausea
migraine headaches,
and potentially needing
bed rest to recover.
38
https://matthewdeeprose.github.io/
39. Vestibu-what?
Lars Chittka; Axel Brockmann (CC BY 2.5)
Vestibular disorders can be caused by both
genetic and environmental factors. It’s part of the
larger spectrum of conditions that make up
accessibility concerns and it affects more than
70 million people.
Vestibular disorders can cause your vestibular
system to struggle to make sense of what is
happening, resulting in loss of balance and
vertigo, migraines, nausea, and hearing loss.
If you have a vestibular disorder or have certain
kinds of migraine or seizure triggers, navigating
the web can be a lot like walking through a
minefield — you’re perpetually one click away
from activating an unannounced animation. And
that’s just for casual browsing.
39
https://matthewdeeprose.github.io/
40. Scroll to top comparisons
Site Works with
Keyboard?
Semantics
used
Where
does
focus go?
Scroll behaviour
Lib guides Yes Link (with js
onclick)
Stays at
end of
page
Smooth (even if you
prefer reduced motion).
Elearn (old) Yes Anchor link Stays at
place in
footer
Smooth (even if you
prefer reduced motion).
UoS (OneWeb) No Div N/A Smooth AND respects
motion preference.
UoS (old style) No Span N/A Auto (instant).
40
https://matthewdeeprose.github.io/
41. Navigation final thoughts
Pay attention to the
small details as well
as the large.
Respect user
preference.
Listen carefully to
screen reader
output.
41
https://matthewdeeprose.github.io/
42. What I learned and will share today 4
42
Layout Navigation Colour
• Designing for
dark mode
• WCAG 3
contrast
• Building an
accessible
colour toggle
that
remembers
your
preference
Performance Discoverability
https://matthewdeeprose.github.io/
43. Light mode / Dark mode
43
https://matthewdeeprose.github.io/
44. Are you on the dark side?
Do you prefer:
• Light mode
• Dark mode
• It depends…
44
https://matthewdeeprose.github.io/
45. Setting up / testing
45
https://matthewdeeprose.github.io/
46. Benefits of dark mode
Save battery on LED
displays.
Can reduce flicker on poor
quality screens.
Less likely to trigger
photophobia.
46
Easier to use in low-light
conditions.
May reduce eye strain.
Some people just prefer it
https://matthewdeeprose.github.io/
47. Accessibility considerations
Using maximal contrast
can induce eyestrain and
reduces reading stamina.
• For example:
• #000000 on #FFFFFF
• rgb(255,255,255) on
rgb(0,0,0)
47
https://matthewdeeprose.github.io/
48. Setting up light / dark styles
48
https://matthewdeeprose.github.io/
53. Ivory?
Rello, L & Baeza-Yates, R, “Optimal colors to improve readability for
people with dyslexia”, WAI R&D Symposia 2012.
53
https://matthewdeeprose.github.io/
58. 2.4.12 Focus Appearance (Enhanced)
58
The focus indication area is greater than or equal to a 2 CSS pixel solid
border around the control.
Colour changes used to indicate focus have a contrast ratio of at least
4.5:1 with the colours changed from the unfocused control.
No part of the focus indicator is hidden by author-created content.
https://matthewdeeprose.github.io/
60. WCAG 2.1 / 2.2
3:1
4.5:1
7:1
Minimum for
Graphical
Objects / UI
AA
Minimum for Text
AAA
Enhanced level
for Text
(not to scale)
1.4.11 Non-text Contrast (Level AA) 1.4.3 Contrast (Minimum) (Level AA) 1.4.6 Contrast (Enhanced) (Level AAA):
2.4.11 Focus Appearance (Minimum) 2.4.12 Focus Appearance (Enhanced)
60
https://matthewdeeprose.github.io/
61. WCAG 3.0
Uses APCA method for measuring
contrast
• In development
• Considers font size and weight
• Text / background results not
reversable
• Perceptually-based
measurement
• Lightness contrast (Lc)
61
https://matthewdeeprose.github.io/
62. “We were always at war with Oceania”
Foreground Colour Background Colour
#231F20
Plain Black
#758D9A
Neutral 2
Quick Brown Fox
WCAG Rating APCA Rating
4.68:1 - AA Lc 38.9 Fail*
Foreground Colour Background Colour
#002E3B
Prussian
#EF7D00
Horizon 2
Quick brown fox
WCAG Rating APCA Rating
5.22:1 - AA Lc 46.2 Fail*
62
https://matthewdeeprose.github.io/
66. Light / dark mode toggle
Light theme.
It’s light so the light
switch is off.
Dark theme.
It’s dark so I need to
turn the light on.
• Change theme using a button
• Preference set in localStorage
• UI pattern based on an on / off
button using aria-pressed
• Changes are announced to a
screen reader using aria-live
• Using more than colour alone to
differentiate the change between
themes
66
https://matthewdeeprose.github.io/
68. Three Functions
68
Set ARIA state of the button on page load (pressed or not pressed).
Allow changing themes and save the preference so it is maintained across
the side, announce change to screen reader and change ARIA state of
button.
Apply theme based on a saved preference on page load.
https://matthewdeeprose.github.io/
69. Set ARIA state of the button on page load (pressed
or not pressed).
Set ARIA state of the button on page load (pressed or not pressed).
69
https://matthewdeeprose.github.io/
70. Allow changing themes and save the preference so it is maintained across the side, announce change
to screen reader and change ARIA state of button.
Allow changing themes and save the preference so it is maintained across
the side, announce change to screen reader and change ARIA state of
button.
70
https://matthewdeeprose.github.io/
72. Apply theme based on a saved preference on page
load.
Upon page load, apply theme based on saved preference, if present.
72
https://matthewdeeprose.github.io/
76. 4.1.2: Name, Role, Value (A) again
For all user
interface
components…
The name and role can be programmatically
determined
States, properties, and values that can be set
by the user can be programmatically set
Notification of changes to these items is
available to user agents, including assistive
technologies.
76
https://matthewdeeprose.github.io/
77. What I learned and will share today 5
77
Layout Navigation Colour Performance
• Page load
time analysis
• Critical render
blockers
• using
Lighthouse
• Recent DL
blog
improvements
Discoverability
https://matthewdeeprose.github.io/
89. Making accessibility improvements to the DL blog
325 lines of additional CSS
that
resolve contrast issues
underline links
WCAG 2.2 AAA
compliant focus indicators
fix navigation oddities
89
https://matthewdeeprose.github.io/
90. Before and after example: the title
90
https://matthewdeeprose.github.io/
91. Before and after example: the footer
91
https://matthewdeeprose.github.io/
92. Before and after example: menu used with
keyboard
92
https://matthewdeeprose.github.io/
93. Improving performance
• Using TinyPNG and
TinyJPG to optimise
image size.
• Using Lazy loading for
images and iframe
embeds
•Load scripts only on
pages where they will be
used.
•Reduce chaining critical
requests by using media
queries.
93
https://matthewdeeprose.github.io/
94. Performance final thoughts
94
Render blocking
resources?
Third party font scripts.
Are plugins still
necessary?
Auto-playing videos?
What’s being loaded on
every page, whether it’s
useful or not?
https://matthewdeeprose.github.io/
95. What I learned and will share today 6
95
Layout Navigation Colour Performance Discoverability
• Open graph
• Card
validators
https://matthewdeeprose.github.io/
100. Discoverability recommendations
Use card validators to check content
previews will look good on the socials /
teams etc.
https://matthewdeeprose.github.io/ 101
101. What next?
102
Migrate to static site generator such as Eleventy to streamline build process?
Use a “click to load” for video embeds?
Refactor CSS and use CSS variables instead?
Continue building components to identify appropriate ARIA, and dark/light mode.
Use as basis for further experiments.
https://matthewdeeprose.github.io/
104. Resources, slides, transcript
All materials can be downloaded from:
https://matthewdeeprose.github.io/high_quality-markup_impact
105
https://matthewdeeprose.github.io/