EU Digital Accessibility laws apply to all companies operating in the EU, regardless of originArticle contains
  1. Key requirements of the EAA
  2. Key takeaways
  3. How to comply with the European Accessibility Act?
  4. What are the core principles and existing digital accessibility standards?
  5. Which companies are impacted by the European Accessibility Act?
  6. Expected penalties for non-compliance
  7. Will using an overlay widget ensure compliance with the European Accessibility Act (EAA)?
  8. How to achieve compliance with the EAA?
  9. Are automated accessibility tests alone enough?
  10. Final thoughts
There is a group of people with a child in a wheelchair. Image created by Gerd Altmann from Pixabay.

EU Digital Accessibility laws apply to all companies operating in the EU, regardless of origin

Websites are excellent because they can be accessed by almost anyone, anywhere. This allows you to sell your products and services from your country to anywhere in the world. While this is exciting, it also means that your website must adhere to their regulations and web accessibility rules.

The European Accessibility Act (EAA) will take effect in June 2025 and will require companies to comply with WCAG 2.1 Level AA standards for digital products and services sold in the EU.

This guide is intended to give organizations a path to global digital accessibility legislation, with a focus on the laws that expose companies operating on the EU market. What are these laws, what are the requirements, and what are the penalties for noncompliance? In responding to these questions, we explore deeper into the EU’s European Accessibility Act, which businesses must pay special attention to.

Continue reading “EU Digital Accessibility laws apply to all companies operating in the EU, regardless of origin”
Improving link accessibility with clear descriptionsArticle contains
  1. Why inform users that a link will open in a new window?
  2. Best practices for screen reader users
  3. Technical implementation
  4. Conclusion
Preventing multiple HTTP requests to the same endpointArticle contains
  1. Why preventing multiple requests is important
  2. Preventing multiple requests with caching, TypeScript version
    1. Example use case for TypeScript
  3. Preventing multiple requests with caching, Angular version
    1. Example of how to include interceptor in Angular
    2. Execution flow
    3. Benefits
    4. Potential issues
How to get the actual (real) background color of an HTML elementArticle contains
  1. Why does the page have a transparent background color by default, even though browsers display a white background?
  2. Why getComputedStyle returns transparent value?
  3. Demonstrating the behavior
  4. How to get the visible, real background color
  5. Workable example that determines background color for HTML root element
  6. Use cases for finding real background color
  7. Best practices
The example code and the keyboard below it.

How to get the actual (real) background color of an HTML element

In many browsers, when no explicit background color is set for the <html>

or <body> elements, they inherit a transparent background.

However, browsers often render the default background as white for visual consistency, particularly in user interfaces where a clear background is expected. This can lead to confusion when using JavaScript to check computed styles.

Continue reading “How to get the actual (real) background color of an HTML element”
How to structure and format content to increase the chances of being featured on Google?Article contains
  1. Optimize for featured snippets
  2. Implement schema markup
  3. Create comprehensive content
  4. Optimize images
  5. Optimize for mobile
  6. Utilize internal linking
  7. Conclusion
Best practices for text alternatives for audio and videoArticle contains
  1. The importance of text alternatives
  2. Why do people watch videos without audio?
    1. Visual content appreciation
    2. Accessibility and convenience
    3. Personal preferences
    4. Educational purposes
  3. Essential text alternatives
    1. Transcripts
      1. Best practices for audio and video transcripts
    2. Captions
      1. Types of captions
    3. Subtitles
    4. Descriptive text
    5. Audio descriptions
      1. Example of good alt text for audio
        1. Podcast episode
        2. Music track
        3. Audio tutorial
        4. News report
        5. Interview clip
      2. Tips for audio descriptions
    6. Metadata
    7. Additional tips
  4. Captions vs. subtitles for videos
  5. Enhancing accessibility and SEO
    1. Benefit from search engine optimization
      1. Enhanced search engine indexing and ranking
      2. Impact on AI search engines indexing
      3. Structured data
      4. Video indexing reports
      5. Better keyword strategy alignment
      6. Increased engagement and retention
      7. Greater accessibility
      8. Opportunities for content repurposing
  6. Ensuring media accessibility
    1. Ensure accessibility of media players
    2. Follow WCAG guidelines
    3. Legal considerations
  7. Code examples
    1. Video example
    2. Audio example
Unable to parse JSON-LD tag and how to fix malformed JSONArticle contains
  1. Understanding JSON-LD malformation
    1. [Facebook Pixel] - Unable to parse JSON-LD tag. Malformed JSON found.
    2. Common encoding issues
  2. How to fix malformed JSON-LD
  3. How do we create JSON?
    1. Creating JSON string in JavaScript
    2. Creating JSON string in PHP
    3. Creating JSON string in C#
  4. Conclusion
Random pattern reminiscent of the Matrix movie

Unable to parse JSON-LD tag and how to fix malformed JSON

JSON-LD (JavaScript Object Notation for Linked Data) is a lightweight Linked Data format that is easy for humans to read and write.

However, when JSON-LD is malformed, it can lead to parsing errors that prevent search engines and applications from correctly interpreting the data.

To address issues related to Unable to parse JSON-LD tag and fix malformed JSON, it is essential to understand the common causes and solutions for these errors.

Continue reading “Unable to parse JSON-LD tag and how to fix malformed JSON”
Understanding Google's featured snippetsArticle contains
  1. What is a featured snippet example?
  2. How Google's featured snippets work
  3. What are the types of featured snippets?
  4. Benefits of Google's featured snippets
  5. How to optimize for featured snippets?
  6. Conclusion
White text on a wooden surface. The text reads: "Google Feature Snippets."

Understanding Google’s featured snippets

Google’s Featured Snippets are special search results that appear at the top of the search engine results page (SERP), providing a quick answer to the user’s query.

These snippets are taken from Google-indexed web pages and are designed to provide concise, direct answers, improving the user experience, particularly for mobile and voice search. Featured snippets can take several forms, including definitions, tables, ordered lists, and unordered lists, depending on the nature of the query.

Continue reading “Understanding Google’s featured snippets”
Everything you need to know about the alt attributeArticle contains
  1. What is the alt attribute?
  2. The alt attribute examples
  3. The alt attribute vs property
  4. Accessibility
  5. SEO (Search Engine Optimization) and the alt attribute
  6. Backup content when image fails to load
  7. Alt text during the image loading
  8. The alt for text-only browsers
  9. Decorative images
  10. The alt attribute generator
Balancing accessibility and security - how to protect user data on inclusive websitesArticle contains
  1. Understanding accessibility and security
  2. Best practices for accessibility
    1. Use semantic HTML
    2. Provide text alternatives
    3. Ensure keyboard accessibility
    4. Use ARIA (Accessible Rich Internet Applications) landmarks
    5. Test with real users
  3. Best practices for security
    1. Use HTTPS
    2. Implement strong authentication
    3. Regular security audits and updates
    4. Data encryption
    5. Educate users
  4. Balancing accessibility and security
    1. Secure and accessible authentication
    2. Accessible error messages
    3. Privacy by design
    4. Regular testing and monitoring
    5. Stay informed and compliant
    6. Leveraging VPNs for enhanced security
  5. Conclusion
Hands typing on a laptop

Balancing accessibility and security – how to protect user data on inclusive websites

For any online business in 2024, having a website that’s both accessible and secure is paramount. Accessibility ensures that all users, regardless of their abilities, can navigate and interact with your site. Security, on the other hand, protects user data from breaches and cyberthreats.

Balancing these two aspects can be challenging, but it is essential for building trust and providing a seamless user experience. This article delves into the strategies and best practices for achieving this balance on your website.

Continue reading “Balancing accessibility and security – how to protect user data on inclusive websites”