Blog

The Next Generation of Automated Testing (A11yTalks - March 2023)Article contains
  1. Video presentation
The city in the background with text "We drive into the future"

The Next Generation of Automated Testing (A11yTalks – March 2023)

We had the honor to present SiteLint at A11yTalks in March 2023 – the next generation of automated testing. The speaker (Cezary Tomczyk), the Founder of SiteLint, was talking about recalibrating the remediation process significantly, improving accessibility quality testing, and focusing on user behavior. We were discussing new technology and its unique approach that goes beyond crawling and analyzing data on the server side.

Continue reading “The Next Generation of Automated Testing (A11yTalks – March 2023)”
How to embed a PDF in HTML without downloading itArticle contains
  1. Embedding PDFs in HTML with a step-by-step guide
  2. Sample code for embedding PDFs in HTML without using third-party plugins
  3. Practical Example for embedding PDFs in HTML and CSS
    1. Object and iframe
    2. Alternatively, only iframe
  4. What happens if the PDF is too large to fit within the iframe or viewer provided by the cloud service?
  5. Bonus: pdfViewerEnabled property
How to record the screen with VoiceOver audio on your MacArticle contains
  1. Effortlessly Record Your Mac Screen with VoiceOver Audio
  2. A Step-by-Step Guide to Installing and Using QuickTime Player for Screen Recordings with VoiceOver
  3. Troubleshooting Tips: Why Isn't My Audio Recording?
    1. Could not kickstart service "com.apple.audio.coreaudiod": 1: Operation not permitted
  4. Recorded demonstration video
Easy way to reduce Google Chrome's memory and CPU usageArticle contains
  1. Memory Saver
  2. Energy Saver
  3. How do I turn Memory Saver, and Energy Saver on or off?
  4. Final word
Why is the image srcset attribute not working on the page?Article contains
  1. Root causes that are commonly encountered
  2. How does the browser determine which image should be used under some set of media conditions?
    1. What does srcset mean?
    2. The attribute sizes
  3. The user visits your site with the iPhone 8 Plus. Which image will be used?
  4. Is there a better way of testing responsive images?
  5. Real example
  6. SEO aspects
  7. Viewport size for devices
WordPress Spam Prevention for Contact Form 7 and CommentsArticle contains
  1. How do I stop spam emails from my WordPress Contact Form 7?
  2. How do I stop spam emails from my WordPress Comment form?
A banner with a lot of envelops representing spam

WordPress Spam Prevention for Contact Form 7 and Comments

Spam can be a major nuisance for any website owner, and WordPress is no exception. With the popularity of Contact Form 7 plugin and comments, it’s important to take measures to prevent spam from clogging up your website and causing problems. In this article, we’ll explore some effective strategies for preventing spam in WordPress, specifically for Contact Form 7 and comments.

To help with blocking, we have created WordPress plugin called Spam Prevention for Contact Form 7 and Comments that do not require any maintenance.

Continue reading “WordPress Spam Prevention for Contact Form 7 and Comments”
Flush (Delete or Empty) MongoDB log fileArticle contains
  1. Locating your MongoDB logs
  2. Clearing the current MongoDB logs
  3. Deleting the old MongoDB logs
  4. Determining the size of the MongoDB log directory
  5. Rotating MongoDB log files: a comprehensive guide
    1. Starting the rotation process: tips and tricks
Hundreds of drawers symbolizing a large amount of occupied space

Flush (Delete or Empty) MongoDB log file

Sometimes the database might work slowly and one of the reasons is a large log file. Tracking database activity is crucial for performance and issues monitoring. However, the log file may grow and therefore may cause the performance issue because of more and more writing and reading on a larger and larger log file. We may avoid such problems by scheduling regular log rotation and keeping the log file size below a defined threshold. Let’s get started on figuring out how to address this issue.

Continue reading “Flush (Delete or Empty) MongoDB log file”
Accessibility and PerformanceArticle contains
  1. Unveiling user impacts: Understanding the relationship between Accessibility and Performance
  2. The technical side of Accessibility and Performance
  3. The power of Performance: How it influences Accessibility for users
  4. Optimizing for both Accessibility and Performance
  5. Conclusion: Balancing Accessibility and Performance for a better user experience
Two snails on a piece of wood

Accessibility and Performance

Performance and accessibility are two important aspects of web development. Since they are related, optimising one might result in improvements in the other.

Web performance is all about making websites fast: loading, rendering, and interacting.

When pages load slowly or have a lot of content to load, the experience can be very clunky and unpleasant for all users. More resources to download also mean more data that needs to be transferred through the network and processed. Let’s explore the user and business impact and how this could be improved.

Accessibility focuses primarily on making websites usable for people with disabilities. However, many accessibility requirements also improve usability for everyone. For example, good color contrast means all users can see your content no matter what device they’re using or the lighting in their surroundings.

Continue reading “Accessibility and Performance”
3 simple tips to make text over image more readableArticle contains
  1. The importance of good contrast in making text over images readable
  2. Enhancing accessibility: Techniques for making text over images clearer
    1. Text shadow
    2. Text stroke
    3. Text shadow vs text stroke comparison
    4. Using CSS @supports for both text-stroke and text-shadow
    5. Black solid layer with opacity
  3. Browsers that improve readability of text on images
  4. Recap and next steps
2 houses covered in snow

3 simple tips to make text over image more readable

If you add text over an image, make sure there is enough contrast to make it readable. Subtle changes may be made to boost contrast without changing the overall aesthetic of the site.

The Web Content Accessibility Guidelines (WCAG) is an internationally recognized standard created by the World Wide Web Consortium (W3C), and WCAG calculates it as a ratio describing the relative luminance of the text and background.

Let’s then see 3 tips to make text over image accessibility better in HTML using CSS.

Continue reading “3 simple tips to make text over image more readable”
SEO and traps with creating meta description in WordPressArticle contains
  1. How the meta description is actually created in WordPress
  2. Traps
  3. What, if meta descriptions differ from each other
  4. Are there other ways to generate a meta description?
SEO letters in bricks

SEO and traps with creating meta description in WordPress

An HTML element that offers a brief overview of a web page is known as a meta description (example <meta name="description" content="Describe your page content here"/>). The meta description tag of a website is displayed as part of the search snippet on a search engine results page (SERP) and is intended to provide the user with a summary of the content on the page and how it relates to their search query.

Search results snippet example from Google

The click-through rate (CTR) can be influenced by the meta description. That is, they can impact whether a person visits your page. As a result, it is the critical on-page SEO factor.

In this article, we’ll cover the traps that are hidden while using WordPress and plugins that automate that process.

Continue reading “SEO and traps with creating meta description in WordPress”