Wordcamp Contributor Day

It’s contributor day and we have all been preparing with projects. In Make WordPress Core we each chose a project to test (https://core.trac.wordpress.org/).

Then we were assigned tutorials to improve with testing and editing. Two of the tutorials my team helped with are ‘How to build a WP Theme’ (Learn.Wordpress.org/course/develop-your-first-low-code-block-theme) and ‘Developing for Multisite’ (https://github-production-user-asset-6210df.s3.amazonaws.com/180629/241255057-e3229c9f-872a-4775-b97d-27c292de11c9.mp4).

How to Build Your First Low Code Block Theme

  1. The first step was to create a subdomain.
  2. The second step was to clone an install with WordPress Staging.
  3. The third step was to add the Front Page template with the second block selected and block edits. 

Then we were asked to answer testing questions, such as, ‘Did it work using a screen reader?’ and ‘Did the saving experience work properly?’

Tutorials

Developing for Multisite

My suggestion was to redesign a step-by-step instructional design format for this lesson. When the information is in-depth, that may provide the learner with greater detail. If the goal is a summary, then the video is adequate.

Updates are posted on these slack channels.

#wceu-volunteer #fse-outreach-project

Contributors
Bossenger,  Jonathan. (2023, May 19). Developer Educator | APA. WordCamp Europe Contributor Day and Conference. Sourced  June 8, 2023 from https://github-production-user-asset-6210df.s3.amazonaws.com/180629/241255057-e3229c9f-872a-4775-b97d-27c292de11c9.mp4
Blackburn,  Valerie. (2023, April – June). Designer and Developer | APA. WordCamp Europe Contributor Day and Conference. Sourced  June 8, 2023 from https://learn.wordpress.org/tutorial/
McCarthy, Anne.  (2023, March – June).
Developer Relations Wrangler | APA. WordCamp Europe Contributor Day and Conference. Sourced June 8, 2023

200OK Developer Conference

Introductions: Maxx Crawford, Sponsor Holberton guest

Emily Harden, Executive Director Techlahoma introduced the first speaker.

Preventing Diagnosing & Curing Bad Data

Presenter: Shailvi Wakhlu
Data Quality
What is bad data? Inaccurate Incomplete or misleading data that leads to biased decisions.
These are the companies she has worked with:
Strava
Komodo
Salesforce
Fitbit
Phases of bad data
  • Definition
  • Logging
  • Transforming
  • Analyzing
  • Sharing
Productivity
Bad data logging phase. Incorrect incomplete tracking. Faulty pipeline. Inconsistent timeframes.
Bad data during “transforming” phase
Un intuitive rules
Meaningful aggregations
Logical errors
Bad data during Analyzing phase
When you think of a problem you think of solving it in a certain way.
Ambiguous problem definition
Inapplicable model forumlae
Biased algorithm
State machines for your mental state

Presenter: Jenny Truong

Parallel States The different choices are weighted choices.
History State A reminder to return our train of thought to where it was when we began.
Final State Surrounding border that reminds us that this is the end.
Burnout
There are five states of burnout.
  • Honeymoon
  • onsetOfStress
  • chronicStress
  • burnout
  • habitualBurnout
Recovery framework
Mental Distance
Reset your expectations.  Because without us even knowing it we set rule books for others and ourselves.
Reset priorities and include making ourselves as a priority, or else we get compassion fatigue.
Build and invest in yourself. Speak kindly. Be patient and compassionate.
7 types of rest
  • Social
  • Physical
  • Creative
  • Emotional
  • Mental
  • Spiritual
  • Sensory

Communication and Collaboration. Think in terms of states and transitions, so you can choose with state you’d like to be in.

A Non-Technical Introduction to Domain Driven Design
Presenter: Ed Schaefer, Holberton Guest
We have the tools and knowledge to work with as developers. Such as certain software applications or methods.  How do we manage the work online mindset?
  • XP, TDD, Code Quality
  • Product Ownership Customer value, priorities, customer needs
  • DevOps Pipelines, culture, Systems thinking
Domain Driven Design 
Domain Driven Design is an approach to the development of software in which we focus on the core domain. We explore using models. Ubiquitous language.
  • Understanding context
  • Domain knowledge
  • Argue with examples
  • Words used by stakeholders
  • Fuzzy
No context
Having context isn’t always enough. If a boss or co-worker wants you to edit something. It isn’t always that clear. There are multiple ways to edit, and multiple areas of the page to edit.
Sales context vs. Support context
Domain eCommerce
  • Subdomain Payment
  • Subdomain Customer
  • Subdomain Shipping
  • Subdomain Offer
How to group concepts? Shape domains, color domains, other possible domains
What are models and how do we use them?
Models and context
All models are wrong, but some are useful. — Quote from a British statician
Develop and use ubiquitous language.
Why do semantics matter?
Language and intent
 In summary,  this conference offered a more non-technical approach to development subjects. The lightning talks had a more technical approach..
Lightning Talks
Zach Mays, head of engineering at Gitwit. He is thinking about what is going to happen to us in software development. His first training was with CoPilot. He found it underwhelming and not helpful. He was trying to type on an interface with it. He is teaching the OKC Coders bootcamp. A fizzbuzz exercise is to write a function that returns a positive integer.  His goal was to write a beginner fizzbuzz for his favorite coffee shop with plain JavaScript. 
Hash Range Queries
For simple privacy-preserving data-sharing
Luke, who works at Blank, heard about this technique from Cloudflare and Haveiphone. He is looking for a server to check for a password but not allow the server to know who the users are, or what their passwords are. How can a client check a single record from a server without revealing the record to the server? He wants to create a hash that checks for the hash of the password. Rainbow tables exist that are big lists of hashes. The hard way is private intersection that uses advanced cryptography. A new technique is k anonymity that will generalize the data to group records into ranges of hashes. 
Skill Transfer as a Learning Model
Erich Keil
What skills do I already have that I can apply to a new field?
A recent experience for me was to enroll in an Auto Cad course to transition my skills to Architectural design. A commitment to another degree program would require solid network connections with a work study or job shadow opportunity. That is why I’m here, with all the developers. Back in the industry I originally chose as a source of continuing education and advancement. — Valerie Blackburn
Look for connections between what you already know and the new skill obtained. 
Imposter Syndrome

Grace Fallen Fallin

Volunteering yourself and putting in more hours than required as a software developer.

How to address it? Pair programming is a way to learn together from your mistakes. 

Show your process.

Show your failures. 

Discuss salary. Be transparent with your expectations. 

Journey of the Dragon

Brian Rigsby 

He built a website to play a game called Fight the Dragon. 

w3schools.org

docs.expo.dev

reactnative.dev

netlify.com

Competence is Overrated

Amy Norris, A graphic designer, turned software developer, that works at Dimensional Innovations.  

Amy gives advice for how to find a job and communicate about code.

People love to feel smart. 

Everyone is your teacher.

Lower your standards.

One problem at a time.

Get a mentor.

Surround yourself with people who expect you to better than you are.

Have a failure mindset. Thirty Fifteen Fail. Thirty minutes on a project. If you are stuck for fifteen minutes, start on another project.

Amy worked with Lego on a game ramp project.  

To view the live video of this conference. https://200ok.us/.

Introductions

Crawford, Maxx. (2023, May 12). Sponsor Holberton guest | APA. 200OK Developers Conference. Sourced  May 12, 2023 from https://200ok.us/.

Harden,  Emily. (2023, May 12). Introduction to first speaker with Techlahoma
 | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.
Speakers
Wakhlu, Shailvi. (2023, May 12). Preventing Diagnosing & Curing Bad Data | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.
Truong,  Jenny. (2023, May 12). State machines for your mental state
 | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.
Crawford, Maxx.  (2023, May 12).  | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.
Schaefer, Ed. (2023, May 12). A Non-Technical Introduction to Domain Driven Design | APA. 200OK Developers Conference. Sourced  May 12, 2023, from https://200ok.us/.
Lightning Talks

Mays, Zach. (2023, May 12). Lightning Talk | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.

Keil, Erich.  (2023, May 12). Lightning Talk | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.
Fallen, Grace. (2023, May 12). Lightning Talk Imposter Syndrome | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.
Rigsby, Brian. (2023, May 12). Lightning Talk, Journey of the Dragon
 | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.

Luke. (2023, May 12). Lightning Talk, Hash Range Queries  | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.

Norris, Amy. (2023, May 12). Lightning Talk, Competence is Overrated  | APA. 200OK Developers Conference. Sourced May 12, 2023, from https://200ok.us/.

Sponsors

Gitwit

Holberton

Hoegg Software

InTulsa Talent

McNellies Group

Reasors

Graceful Arts Gallery

 

Graceful Arts Gallery artwork display
Graceful Arts Gallery artwork display

A reception was held April 7, 2023 at the Graceful Arts Gallery (https://www.gracefulartsgallery.com) in Alva, Oklahoma. Artwork is on display and for sale during the month of April and May. This artwork can also be ordered on my website at https://www.valmedia.net/illustrations-for-sale and https://www.valmedia.net/paintings-for-sale

You can view newspaper articles about each artist here, https://www.alvareviewcourier.com/story/2023/04/09/local/a-change-in-career-path-brings-blackburn-to-the-art-world/82353.html and https://www.alvareviewcourier.com/story/2023/04/09/local/from-skin-to-canvas-seigart-has-spent-her-life-creating-art/82354.html

You can view a video of the artist interviews here, https://www.youtube.com/watch?v=9G-o34MYId0&t=7s and https://www.youtube.com/watch?v=n5qlRfLBq8c.

Oklahoma State Publishing Museum painting, Train Depot painting
Oklahoma State Publishing Museum painting, Train Depot painting
Modern print Illustrations, Acrylic painting, Ink Stippling and Eiffel Tower Photograph

 

 

 

 

 

 

Martin, Marione. (2023, April 9). A change in career path brings Blackburn to the art world | APA. Alva Review Courier. Retrieved April 19, 2023, from https://www.alvareviewcourier.com/story/2023/04/09/local/a-change-in-career-path-brings-blackburn-to-the-art-world/82353.html

Martin, M. (2023, April 7). Valerie Blackburn, Artist at Graceful Arts Gallery, Alva April 7, 2023. Alva Review Courier. https://www.youtube.com/watch?v=9G-o34MYId0

Martin, Marione. (2023, April 9). From skin to canvas, Seigart has spent her life creating art | APA. Alva Review Courier. Retrieved April 19, 2023, from https://www.alvareviewcourier.com/story/2023/04/09/local/from-skin-to-canvas-seigart-has-spent-her-life-creating-art/82354.html

Martin, M. (2023, April 7). Jo Seigart, Artist at Graceful Arts Gallery, Alva, April 7, 2023. Alva Review Courier. https://www.youtube.com/watch?v=n5qlRfLBq8c&t=44s

Adobe Summit Day One

Shantanu Narayen

Chairman and Chief Executive Officer, Adobe

Opening Keynote Speakers

Anil Chakravarthy

President, Digital Experience, Adobe

David Wadhwani

President, Digital Media, Adobe

Dave Ricks

Chief Executive Officer, Eli Lilly and Company

Marcus East

Executive Vice President & Chief Digital Officer, T-Mobile

Susan Somersille Johnson

CMO, Prudential Financial

OKC Lightning Talks

 Lightning Talks ⚡️ at Clevyr!

Today’s lightning talk (a 5-10 minute talk about anything that the speaker finds interesting) ranged from business projects, personal projects, data science and a poetry slam. It’s a great way for the attendees (and speakers) to learn new things.

The speakers today and their descriptions are listed here.

Michelle Tabor
Michelle Tabor is a seasoned technology executive with a deep understanding of HubSpot architecture and a track record of delivering innovative solutions that drive business growth. As Vice President of HubSpot Architecture at BridgeRev,  Michelle is responsible for leading a team of engineers and developers to create cutting-edge marketing automation and sales enablement solutions for clients. Her expertise in building scalable, data-driven platforms has made her a trusted advisor to businesses across a wide range of industries. Michelle is a frequent speaker for Techlahoma user groups, sharing her insights and experience with the Oklahoma developer community.

Tabby Douglass
Tabby Douglass is a software engineer with six years of experience in the tech industry. She has worked for top companies in OKC, such as Tailwind and most recently, Clevyr. With a PhD in History, Tabby brings a unique perspective to her work that allows her to understand both technology and the humanities. In addition, she is an active member of the Techlahoma community and enjoys sharing her insights and knowledge with others. Tabby recently appeared on the “Musing with an ADD Mind” podcast, discussing her career in software engineering and her experiences working with ADHD.

Snigdha Alathur
Snigdha Alathur is a highly skilled Lead in Data Engineering, BI, and Data Science at SpringPoint Technologies. With years of experience under her belt, Snigdha has a deep understanding of the complexities of data-driven solutions and has developed innovative approaches to managing and analyzing data. She has a track record of delivering exceptional results to her clients and is well-respected in the industry for her technical expertise and leadership. Snigdha is an active member of Techlahoma and SheCodesOKC, sharing her insights and experience on data engineering, BI, and data science with the local tech community.

Valerie Blackburn
Valerie Blackburn is a highly skilled designer and developer known for her results-driven approach, with a knack for creating engaging online content and delivering exceptional design solutions that seamlessly integrate art, technology, and industry standards. As the founder of Valmedia, Valerie has honed her expertise in various domains such as graphic design, marketing, UIUX design, and web development. Some of her proudest achievements include spearheading the redesign of a sales application for a Fortune 500 retailer and leading the revamp of the main product application as a UIUX Designer. Valerie is also well-versed in designing and developing responsive websites and applications tailored to meet the unique needs of various business clients.

For a link to my presentation (Code Poetry in Motion), click here. https://simplebooklet.com/ISpss2jxdyGKjS0ZYJLxHr.

For links to the projects in this presention, click here.

Slide 1 Code Poetry

Slide 2 We Code 

Client project

Slide 3 We React

https://www.okccoders.com, Foundations of UX Design, Google Analytics for Power UsersIBM Skills Build

Slide 4 We Blog

Valmedia blog

Slide 5 We Educate

SVG website

Slide 6 Summary 

Valmedia website

Build a portfolio or project to get you hired

This event held on January 22nd, was a repeat for me. The event was again held at Clevyr, https://clevyr.com, a company I do admire and have applied to before. The event had a Chinese New Year theme and I brought the usual green tea to share.

A panel of advisors was available to answer questions related to the topic of ‘Build a portfolio or project to get you hired.’ Questions such as ‘ What are the key considerations for building a portfolio or project that will stand out to potential employers? ‘ and ‘ How can you effectively showcase the skills you have gained with your portfolio or project to demonstrate your particular role at a company? ‘ Answers were given with audience participation. What an informative panel of web design development enthusiasts!

That’s when I realized I have already coded projects such as these. Look at the coding I did with this GitHub spring integration!

https://github.com/valzya/spring-framework

I had an original idea of building a health application to track and organize food choices and nutrition. This was part of an online application development course. The spring development was integrated with this project to show coding ability.

Later on, I decided to add a code version of my résume to GitHub.

https://www.github.com/valzya/Code-Resume

This allowed for faster updates and again proves coding ability.

After a certain number of interviews to development positions with no final offer, I decided the missing component was a javascript framework. I signed up for an OKC Coders course, React-GraphQL-Redwood.js.

https://github.com/valzya/react.graphql.redwood

I had worked and studied javascript frameworks before, such as twitter bootstrap. Yet, thought having a formal education and certificate would further prove my capabilities to the development community. In addition, I completed the ‘ Front End Web UI Frameworks and Tools: Bootstrap 4,’ course on Coursera.

The event helped me realize I had much earlier examples of application and front end web development in my portfolio as well. Such as, a social application with a large database that was built to sell monthly memberships to OKC consumers, and a large corporate application redesign project. Certifications such as these have been completed.

  1. Google Analytics for Power Users
  2. Google Foundations in User Experience (UX) Design
  3. Front End Web UI Frameworks and Tools: Bootstrap 4
  4. SEO for Beginners’ with Yoast Academy for WordPress
  5. Fit to Learn: IT Design Thinking,’ MyInnerGenius, IBM SkillsBuild
  6. API Design and Fundamentals on Apigee, Google Cloud Skills Boost

Adobe Max

When watching the Adobe Max Conference keynote with Shantanu Narayen,

Chairman and Chief Executive Officer of Adobe, I became intrigued with the new announcements. Here is the synopsis.

  • Adobe Sensei is about anticipating and solving problems. Enabling anyone, anywhere, to tell their story.
  • Adobe Express will be provided to non-profits.
  • Figma was acquired to advance product design, accelerate creativity on the web and reimagine the future of creativity, productivity and combat misinformation.

Adobe Max. What started out as a small group of designers and developers is now amplifying the power of creativity, art and science.

The presentation with David Wadhwani, the President of Digital Media Business at Adobe, shared his enthusiasm. He stated, ‘ It is amazing to see how much the industry has changed in 20 years. We are living in a time where creativity has never been more valued. The future of this industry creates amazing opportunities, but also many challenges.’

Adobe Express allows you to create content that stands out.

‘Creating with AI is like dreaming out loud. ‘ — Gavin Miller, Adobe Researcher

AI should enhance human creativity, not replace it. It should benefit creators, not replace them.

  • You can now ask Sensei to turn day into night with one click utilizing neurofilters.
  • Adobe Sensei allows us to express creative ideas more conveniently.
  • Adobe Express allows you to create content that stands out.
  • Doubling down on collaboration. Share for review capabilities.

The presentation with Scott Belsky sums up the capabilities of Adobe Express.

  • Precision & Superpowers – AI isn’t just about saving time. It is about doing things you never dreamed were possible. The ability to create for 3D and immersive experiences. Substance 3D has allowed for these capabilities.
  • Speed & Ease – Adobe Express is allowing us to create with speed.
  • Collaborative Creativity – Every creative project has many stakeholders. Adobe is building a less complicated way to organize the process.

Danielle Morimoto and Bria Alexander present the share for review and creative features in InDesign and Illustrator. Danielle discusses the brand-new intertwine feature. This feature offers a more efficient way to combine an object with text on various layers without a clipping path. Bria gave examples of creative collaboration with share for review.

Paul Trani shares his thoughts on Adobe Express and 3D graphic design.

Creative pros today have to be capable of doing many things and doing them fast.

Adobe is bringing real time multi-collaboration to Express. It has dozens of photo editing tools. Seamlessly open your project in another program, such as Photoshop. Make your changes and then reopen in Express.

Paul then shares the power of 3D Graphic Design.The 3D Modeler for PC only, right now. 3D allows the designer to save a .sbsar file.Then it allows you to create a composite. The software is similiar to Photoshop, only with 3D capabilities.

Scott Belsky introduces the integration with Adobe Express and WIX. A partnership in creativity. He announces features in Premiere Pro.

In a world of social media and misinformation the (CAI), content authenticity Initiative, focuses on who made the content and how.

In the world of generative AI, the content authenticity initiative allows us to determine what was created by a human vs. a machine.

CAI tells us who’s story we are experiencing.

Adobe implemented Frame.io. In this solution you can circle part of the video in Premiere Pro. Then you know what frame the viewer is referring to.

Dylan Field presents Figma, a platform for product development teams.

Figma started 10 years prior with the belief that product design work should live in the browser.

We are in the middle of a multi decade shift from a physical economy to a digital economy.

Giovanni discusses Virtual Reality. VR offers the ability to switch modes.

Wes McDermott discusses Adobe 3D Substance painter.

Karina Anglada shares updated features in video. A repeat about how Frame.io is integrated in Adobe Premiere software. Jason Levine shares how easy it is to add markups and comments within the video software. Emery Wells shares how camera to web has revolutionized video work.

A presentation with Coca-Cola shares how they already utilize these techniques to keep the creative energy going.

For more about the conference, visit https://www.adobe.com/max/2022/.

Wordcamp WCEU

This years WordCamp Europe in Porto, Portugal focused on the topics of WordPress security and accessibility for Dyslexia in UX Design. 

Day 1, Track 1

Remkus de Vries (the MC for Track 1 and a lead organizer) introduces Milan Ivanovic. 

Milan Ivanovic

Why we Community? 

How many of you know where you were the day your life completely changed? For Milan, it was a day he attended a WordCamp in Leiden. He met a friend, Marco Pereirinha, that influenced him and told him about WP Portugal. He has volunteered since 2016. He watched a talk on Yoast. He calls it the ‘yoast effect.’

Why we enjoy this community?

There are heroes everywhere!

The 5 Benefits of Community

  1. Knowledge
  2. Support
  3. Diversity
  4. Inspiration
  5. Resources

Day 1, Track 2

Victor Santoyo

7 years with Sucuri https://sucuri.net, Agency & Enterprise Team

They monitor and help protect websites in the event of an incident. 

Hack research reports show thousands of websites they have cleaned. 

Vulnerable plugins and extensions account for far more website compromises than out-of-date, core CMS files.

Many people update their software and find themselves infected anyway. 

One type of software infected is WooCommerce. When software has a wide audience, infection is more likely to occur, because so many people are accessing it. Hack tools, or suites, empower an attacker to run automation to get access to websites. Some create mass enfacements that kill the availability of your website.

Anonymous Fox, Post infection tips

https://security.Net/guides/anonymous fox-hack-guide/

  1. Disable the reset password by email for CPanel accounts.
  2. Protect your public-facing admin pages.
  3. Change your WP-admin user name back to its proper name.
  4. Remove any bogus WP-admin administrator accounts.
  5. Remove malicious email addresses from CPanel interface.
  6. Reset the contact email back to default.

Ransomware 

An attack encrypting the websites with a private encryption key. Then the victim receives an email that the site is encrypted and they can pay money if they want it back. It is an attack based on the third party of another.

Credit card skimming

A tool script used to steal credit card information and attack an e-commerce website. These are becoming more and more common. A global pandemic that forces people to leave home.

Ben Martin who is on the remediation team noticed in on-site checks in 2021 that more than a third of the websites that were pushed through the scanner had credit card skimmers detected.

The Log4j vulnerability was one of the most serious vulnerabilities affecting a large majority of the web in 2021. This critical server vulnerability impacted any website, application or hardware device using the software. Server administrators all over the world scrambled to identify and patch affected or potentially vulnerable systems before the attackers were able to compromise them. 

SEO spam continues to be a menace. 52.6% of remediated websites contained some form of SEO spam in 2021. Spam also accounted for 34.45% of infected site hack detections. 

Credit card skimming is on the rise.

Back doors are extremely common, with 60.04% of infected environments containing at least one website back door. 

Forecast for 2022

Attackers spend more time crafting new malware for eCommerce environments.

Attackers have more to gain financially from credit card skimmers, than other types of infections.

The longer their malware is able to remain hidden, the more they stand to gain, encouraging them to craft new methods of evasion.

Unless there are major changes to the default security configuration of makorbCMS (such as making multi-factor authentication enabled by default in WordPress and having no default administrator URL enabled for Magento2 environments), we expect unprotected admin pages will continue to be attacked.

Day 2, Track 1

Accessibility for Dyslexia

Maja Benke https://www.twitter.com/majabenke

Web Designer & Consultant for Digital Accessibility

Webstyle4you.com

She travels the world and has a passion for bouldering. Maja has organized events in Berlin. 

What is Dyslexia? It is a learning disability. 

Accessibility 

  • A 11 y
  • Dyslexia does not go away.
  • Analaphebetism is not the same.

Characteristics and Particularities

  • Sensitive to high contrast
  • Bad short-term memory
  • Creative
  • 9-12% of the population
  • Greater than 80% of those with learning disabilities have dyslexia.

Characteristics

  • Reading, processing text
  • Writing dictated text
  • Words are spelled differently

Helping tools

  • Paper
  • Colored foil to reduce the contrast.
  • Ruler, or second sheet.
  • Digital – light, sepia or dark mode.
  • Speech output for text.
  • Firefox reader mode.
  • Browser add-ons that can change fonts, size.

Font UI Accessibility

  • Font size of at least 16 px.
  • Line height of at least 1.5.
  • Choose a readable font family.
  • Font weight is regular.
  • Use bold, italic and other text styles ( like color). 
  • Font used for dyslexia; Atkinson Hyperlegible. 

It’s hard to read thin fonts. Transformation, like uppercase. 

Choose a readable font family. 

Layout

  • Use white space generously.
  • Loosen up text. 
  • Use headings in text.
  • Use sections.
  • Use lists.
  • Don’t use justify.
  • Centered text for short text only.

Colors

  • Use high contrast. 
  • Background is not white, use eggshell.
  • Font; not black.
  • Use dark grey or dark blue.
  • Offer a dark mode as an option.

Content creation for Dyslexia

  • Write text.
  • Don’t assume knowledge.
  • The most important content is at the beginning.
  • Summarize content concisely, and as briefly as possible.

Sentences

  • One piece of information per sentence.
  • Short paragraphs.
  • Meaningful links and button. Avoid foreign words and filler words.
  • Use active language. 
  • Plain language can help.

Abbreviations

Common abbreviations can help with reading. Correct spelling is important for a screen reader. 

Don’t write out numbers and words, better to use digits.

Sentences

  • One piece of information per sentence.
  • Short paragraphs.
  • Meaningful links and buttons.
  • Avoid foreign words and filled words.
  • Use active language.
  • Plain language can help.

Gifs don’t let gifs run in an endless loop.

Animations

  • Not text only.
  • Support text with visual elements. E.g. graphics, images, videos, gifs and emojis.
  • Visualize complex facts in graphics and diagrams.

Audio/video

Offer content not only in text, also as audio or video.

Developing for Dyslexia

  • HTML5 and Settings.
  • Mark up content areas and text properly, so that Tools work.
  • Use the language tag.
  • Search fields should tolerate typos.

Tips for Collaborating with dyslexic colleagues and contributors

  • Summarize conversations when handing over a text or font. Force others to read out loud.
  • Make sure colleagues can work without distraction.
  • Neuroatypical people get distracted easily.
  • Be respectful.

Click here to access the videos of WordCamp Europe, https://www.youtube.com/watch?v=91anxAgQGJw&t=3342s.

For more information on this topic, visit the the OKC WordPress Users Group presentor Tim Priebe, ‘My Website Has Been Hacked’ — T&S Online Marketing https://tandsgo.com.

The WCEU 2022 WordCamp featured these presenters, among others.

Remkus, Vries de. MC. Lead Organizer @remkusdevries remk.us/hi

Santoyo, Victor. WordPress Security. @v_santoyo securi.net

Benke, Maja. Web Designer & Consultant for Digital Accessibility https://www.twitter.com/majabenke

Webstyle4you.com

18 views0 comments2 likes. Post not marked as liked2

Comments

WordPress Europe

This years WordCamp Europe in Porto, Portugal focused on the topics of WordPress security and accessibility for Dyslexia in UX Design.

Day 1, Track 1

Remkus de Vries (the MC for Track 1 and a lead organizer) introduces Milan Ivanovic.

Milan Ivanovic

Why we Community?

How many of you know where you were the day your life completely changed? For Milan, it was a day he attended a WordCamp in Leiden. He met a friend, Marco Pereirinha, that influenced him and told him about WP Portugal. He has volunteered since 2016. He watched a talk on Yoast. He calls it the ‘yoast effect.’

Why we enjoy this community?

There are heroes everywhere!

The 5 Benefits of Community

  1. Knowledge
  2. Support
  3. Diversity
  4. Inspiration
  5. Resources

Day 1, Track 2

Victor Santoyo

7 years with Sucuri https://sucuri.net, Agency & Enterprise Team

They monitor and help protect websites in the event of an incident.

Hack research reports show thousands of websites they have cleaned.

Vulnerable plugins and extensions account for far more website compromises than out-of-date, core CMS files.

Many people update their software and find themselves infected anyway.

One type of software infected is WooCommerce. When software has a wide audience, infection is more likely to occur, because so many people are accessing it. Hack tools, or suites, empower an attacker to run automation to get access to websites. Some create mass enfacements that kill the availability of your website.

Anonymous Fox, Post infection tips

https://security.Net/guides/anonymous fox-hack-guide/

  1. Disable the reset password by email for CPanel accounts.
  2. Protect your public-facing admin pages.
  3. Change your WP-admin user name back to its proper name.
  4. Remove any bogus WP-admin administrator accounts.
  5. Remove malicious email addresses from CPanel interface.
  6. Reset the contact email back to default.

Ransomware

An attack encrypting the websites with a private encryption key. Then the victim receives an email that the site is encrypted and they can pay money if they want it back. It is an attack based on the third party of another.

Credit card skimming

A tool script used to steal credit card information and attack an e-commerce website. These are becoming more and more common. A global pandemic that forces people to leave home.

Ben Martin who is on the remediation team noticed in on-site checks in 2021 that more than a third of the websites that were pushed through the scanner had credit card skimmers detected.

The Log4j vulnerability was one of the most serious vulnerabilities affecting a large majority of the web in 2021. This critical server vulnerability impacted any website, application or hardware device using the software. Server administrators all over the world scrambled to identify and patch affected or potentially vulnerable systems before the attackers were able to compromise them.

SEO spam continues to be a menace. 52.6% of remediated websites contained some form of SEO spam in 2021. Spam also accounted for 34.45% of infected site hack detections.

Credit card skimming is on the rise.

Back doors are extremely common, with 60.04% of infected environments containing at least one website back door.

Forecast for 2022

Attackers spend more time crafting new malware for eCommerce environments.

Attackers have more to gain financially from credit card skimmers, than other types of infections.

The longer their malware is able to remain hidden, the more they stand to gain, encouraging them to craft new methods of evasion.

Unless there are major changes to the default security configuration of makorbCMS (such as making multi-factor authentication enabled by default in WordPress and having no default administrator URL enabled for Magento2 environments), we expect unprotected admin pages will continue to be attacked.

Day 2, Track 1

Accessibility for Dyslexia

Maja Benke https://www.twitter.com/majabenke

Web Designer & Consultant for Digital Accessibility

Webstyle4you.com

She travels the world and has a passion for bouldering. Maja has organized events in Berlin.

What is Dyslexia? It is a learning disability.

Accessibility

  • A 11 y
  • Dyslexia does not go away.
  • Analaphebetism is not the same.

Characteristics and Particularities

  • Sensitive to high contrast
  • Bad short-term memory
  • Creative
  • 9-12% of the population
  • Greater than 80% of those with learning disabilities have dyslexia.

Characteristics

  • Reading, processing text
  • Writing dictated text
  • Words are spelled differently

Helping tools

  • Paper
  • Colored foil to reduce the contrast.
  • Ruler, or second sheet.
  • Digital – light, sepia or dark mode.
  • Speech output for text.
  • Firefox reader mode.
  • Browser add-ons that can change fonts, size.

Font UI Accessibility

  • Font size of at least 16 px.
  • Line height of at least 1.5.
  • Choose a readable font family.
  • Font weight is regular.
  • Use bold, italic and other text styles ( like color).
  • Font used for dyslexia; Atkinson Hyperlegible.

It’s hard to read thin fonts. Transformation, like uppercase.

Choose a readable font family.

Layout

  • Use white space generously.
  • Loosen up text.
  • Use headings in text.
  • Use sections.
  • Use lists.
  • Don’t use justify.
  • Centered text for short text only.

Colors

  • Use high contrast.
  • Background is not white, use eggshell.
  • Font; not black.
  • Use dark grey or dark blue.
  • Offer a dark mode as an option.

Content creation for Dyslexia

  • Write text.
  • Don’t assume knowledge.
  • The most important content is at the beginning.
  • Summarize content concisely, and as briefly as possible.

Sentences

  • One piece of information per sentence.
  • Short paragraphs.
  • Meaningful links and button. Avoid foreign words and filler words.
  • Use active language.
  • Plain language can help.

Abbreviations

Common abbreviations can help with reading. Correct spelling is important for a screen reader.

Don’t write out numbers and words, better to use digits.

Sentences

  • One piece of information per sentence.
  • Short paragraphs.
  • Meaningful links and buttons.
  • Avoid foreign words and filled words.
  • Use active language.
  • Plain language can help.

Gifs don’t let gifs run in an endless loop.

Animations

  • Not text only.
  • Support text with visual elements. E.g. graphics, images, videos, gifs and emojis.
  • Visualize complex facts in graphics and diagrams.

Audio/video

Offer content not only in text, also as audio or video.

Developing for Dyslexia

  • HTML5 and Settings.
  • Mark up content areas and text properly, so that Tools work.
  • Use the language tag.
  • Search fields should tolerate typos.

Tips for Collaborating with dyslexic colleagues and contributors

  • Summarize conversations when handing over a text or font. Force others to read out loud.
  • Make sure colleagues can work without distraction.
  • Neuroatypical peoole get distracted easily.
  • Be respectful.

Click here to access the videos of WordCamp Europe, https://www.youtube.com/watch?v=91anxAgQGJw&t=3342s.

For more information on this topic, visit the the OKC WordPress Users Group presentor Tim Priebe, ‘My Website Has Been Hacked’ — T&S Online Marketing https://tandsgo.com.

The WCEU 2022 WordCamp featured these presenters, among others.

Remkus, Vries de. MC. Lead Organizer @remkusdevries remk.us/hi

Santoyo, Victor. WordPress Security. @v_santoyo securi.net

Benke, Maja. Web Designer & Consultant for Digital Accessibility https://www.twitter.com/majabenke

Webstyle4you.com