WCAG 2.2: New Web Accessibility Guidelines for Improved User ExperienceArticle contains
  1. WCAG 2.2: what's new
  2. Summary
Smartphone and two monitors next to it

WCAG 2.2: New Web Accessibility Guidelines for Improved User Experience

Web Content Accessibility Guidelines (WCAG) 2.2 was published as a W3C Recommendation web standard on October 5, 2023.

According to the World Wide Web (W3) site:

WCAG 2.2 was initiated with the goal to continue the work of WCAG 2.1: Improving accessibility guidance for three major groups: users with cognitive or learning disabilities, users with low vision, and users with disabilities on mobile devices.

This is huge news for anyone who creates websites, digital services, or mobile applications, or if you simply care about making the internet more accessible in general.

Continue reading “WCAG 2.2: New Web Accessibility Guidelines for Improved User Experience”
Solution to "Type 'FileList' must have a '[Symbol.iterator]()' method that returns an iterator"Article contains
  1. Solution to the error Type 'FileList' must have a '[Symbol.iterator]()' method that returns an iterator
  2. Notes
European Accessibility Act in questions and answersArticle contains
  1. What is the standard EN 301 549?
  2. How does WCAG relate to the European Accessibility Act (EAA)?
  3. How does EN 301 549 differ from other accessibility standards like WCAG or Section 508?
    1. Geographical Scope
    2. Focus on procurement
    3. Coverage beyond web content
    4. Adoption and enforcement
  4. Why it was created?
  5. What steps must businesses take right now to implement the act?
  6. What products and services fall under the regulation of the Act?
    1. Products
    2. Services
  7. Who does it apply to?
  8. When will it be enforced?
  9. How European Accessibility Act will be enforced?
    1. Market surveillance
    2. Complaint mechanism
    3. Product withdrawals from the market
    4. Expected penalties for non-compliance
  10. What laws now apply?
  11. Exceptions
  12. What are the standard demands made by the Act?
  13. When services or goods fail to adhere to the new regulations, what can users do?
  14. Key documents
  15. Additional resources
European Union flag with sentence "European Accessibility Act in questions and answers"

European Accessibility Act in questions and answers

The European Telecommunications Standards Institute (ETSI) has published EN 301 549 v3.2.1, which is the harmonized European standard for Information and Communication Technology (ICT) accessibility.

This standard aims to ensure that ICT products and services are accessible to people with disabilities, aligning with the Web Content Accessibility Guidelines (WCAG). It covers a wide range of devices and services, including websites, mobile apps, and software, among others. The standard is designed to promote equal access to digital technologies, supporting individuals with various types of disabilities, such as visual, auditory, cognitive, motor, and speech impairments. By adhering to this standard, organizations can enhance the inclusivity and usability of their digital offerings, contributing to a more accessible digital environment for all users.

The Act is a Directive, which means it sets binding accessibility goals upon ratifying the United Nations Convention on the Rights of Persons with Disabilities but leaves it to the Member States of the European Union to decide how they want to achieve them. It was implemented in 2019 and completes and complements existing accessibility-related EU laws.

Continue reading “European Accessibility Act in questions and answers”
Cache busting in Angular for static assetsArticle contains
  1. What is cache busting in Angular?
  2. A solution to the cache busting problem in Angular
  3. Effortlessly manage and update static assets in your Angular application
    1. Angular-based approach for cache busting static assets
  4. Share your feedback and improve the solution
  5. Explore a real-world example of cache busting in Angular
Fixing layout shifting brought on by custom fontsArticle contains
  1. How custom fonts affect layout shifting and what to do about it
  2. What the page look like before and after rendering custom web fonts?
  3. Strategies for minimizing layout shifts with custom fonts
  4. Enhancing font loading and rendering for better user experience and SEO
  5. Additional considerations for optimizing font performance and user experience
  6. What fonts do not produce layout shifts?
Letter with sample fonts

Fixing layout shifting brought on by custom fonts

Custom fonts impact performance through delayed text rendering and layout shifts. This is because they have to be downloaded and the layout must be repainted again. When a visible element on your website changes size or location, it might have an impact on the position of the content surrounding it. This is known as a layout shift.

Note that if a web font has not loaded, browsers typically delay text rendering.

Continue reading “Fixing layout shifting brought on by custom fonts”
How to play YouTube videos in the background in the Brave browser (Android and iOS)Article contains
  1. How to play YouTube videos in the background on Android
  2. How to play YouTube videos in the background on iOS
How do I clear a big /var/log/journal folder?Article contains
  1. The problem
  2. How do I safely clear a big /var/log/journal folder?
    1. Determine how much disc space /var/log/journal consumes
    2. Clear (reduce) the folder size instantly
  3. Control the amount of disc space that /var/log/journal can utilise
OpenAI releases GPTBot with instructions on how to restrict accessArticle contains
  1. How GPTBot works
  2. GPTBot access restrictions
  3. Concerns regarding legal and ethical issues
Monitor and the sentence Chat GPT on it

OpenAI releases GPTBot with instructions on how to restrict access

OpenAI has released GPTBot, a new web crawler designed to boost future artificial intelligence models such as GPT-4 and the upcoming GPT-5. According to an OpenAI blog post, using GPTBot has the potential to improve existing AI models in areas such as accuracy and safety.

Web pages crawled with the GPTBot user agent may potentially be used to improve future models and are filtered to remove sources that require paywall access, are known to gather personally identifiable information (PII), or have text that violates our policies. Allowing GPTBot to access your site can help AI models become more accurate and improve their general capabilities and safety. Below, we also share how to disallow GPTBot from accessing your site.

Continue reading “OpenAI releases GPTBot with instructions on how to restrict access”
How to pause and resume event propagation in JavaScript?Article contains
  1. How to pause and resume events in JavaScript
  2. Support for asynchronous operations during event propagation pause
  3. Techniques for pausing and resuming event propagation
  4. Implementing event pausing and resuming in JavaScript
  5. Implementing event pausing and resuming on input type file
Hide content in CSS pseudo elements from screen readersArticle contains
  1. Hiding content in CSS pseudo elements from screen readers: use case and solution
  2. How to hide content from screen readers in CSS pseudo elements
    1. Solution: Hiding Content in Pseudo Elements
    2. Example code: hiding content from screen readers
  3. Results of testing the implementation
  4. Limitations and considerations for hiding content in pseudo elements