Implement "Please wait" message while iframe is loading using JavaScriptArticle contains
  1. Easy steps to implement a Please Wait message
  2. The code usage example
  3. Understanding the code
  4. Workable example
  5. Tips for enhancements and important considerations
  6. Conclusion
Monitor, code on it and the open HTML tag iframe.

Implement “Please wait” message while iframe is loading using JavaScript

When embedding content using iframe (inline frame), users may experience delays while the iframe loads, especially if the content is from a slow server or a third-party site. During this period, users may perceive the application as unresponsive. To mitigate this issue, a Please wait message or an animated loading indicator can be displayed, depending on the design requirements.

Let’s explore the method to implement Please wait message for the iframe using TypeScript, a superset of JavaScript.

Continue reading “Implement “Please wait” message while iframe is loading using JavaScript”
Disabling video autoplay in Brave browserArticle contains
  1. Desktop browser
  2. Mobile browser
Accessibility, VPAT, ACR in questions and answersArticle contains
  1. What is a VPAT?
  2. What is an ACR?
  3. Key differences
    1. Nature
    2. Purpose
    3. Usage
  4. What is the purpose of the VPAT?
  5. Key components of a VPAT
  6. VPAT editions
  7. Is VPAT mandatory?
  8. Is a VPAT or an ACR required for a mobile app?
  9. Who should fill out a VPAT?
  10. Who completes a VPAT?
  11. What happens if you don't have a VPAT?
  12. Does VPAT guarantee 100% compliance?
  13. What standards and guidelines are used to evaluate accessibility in the ACR and VPAT?
  14. Who needs a VPAT?
  15. How often should the ACR and VPAT be updated?
  16. Why are VPAT and ACR important?
  17. Can the ACR and VPAT be used for auditing and compliance purposes?
  18. Are there any specific requirements for creating and maintaining the ACR and VPAT?
  19. Where can I find VPAT/ACR documents?
  20. Steps to create an ACR from a VPAT
  21. One liner summary
  22. Conclusion
  23. Example ACR from VPAT version 2.4
Magnifying glass with inscription: "Frequently asked questions" and below: "Accessibility, VPAT, ACR". Image by Louis from Pixabay.

Accessibility, VPAT, ACR in questions and answers

The VPAT® and ACR play a vital role in promoting accessibility in technology. They provide transparency for consumers and organizations, allowing them to make informed decisions about the products they choose. Additionally, these documents help organizations comply with legal requirements and foster an inclusive environment for all users.

VPATs and ACRs are like guides that show you how a product claims to be accessible. They give you information about how well a product says it works for everyone, including people with disabilities. This helps you understand what features are included, and make a decision based on that information.

However, VPAT and ACR are often confused due to their close relationship, but they serve distinct purposes in the realm of digital accessibility.

Continue reading “Accessibility, VPAT, ACR in questions and answers”
Generate SSL certificates for all sites in NginxArticle contains
  1. Creating SSL certificate for your Nginx-managed domain
    1. Install Certbot
    2. List all domains in the Nginx configuration
    3. Obtain the SSL certificate
    4. Reload the Nginx configuration without restarting the entire server
    5. Verification
  2. Automating the renewal process
    1. Check if Certbot auto-renew is enabled
    2. Simulate renewal
    3. Optionally add a hook for Nginx reload
The role of AI in streamlining accessibility and SEO testingArticle contains
  1. Understanding Accessibility and SEO
  2. How AI is transforming accessibility testing
  3. Key benefits of AI in accessibility testing
  4. AI's role in SEO testing
  5. How AI enhances SEO testing
  6. The intersection of accessibility and SEO
  7. Challenges and considerations
  8. Implementing AI for accessibility and SEO testing
  9. The future of AI in accessibility and SEO
    1. Voice search optimisation
    2. Personalized experiences
    3. Predictive analytics
  10. Closing points
  11. Frequently asked questions (FAQ)
    1. How does AI make websites more accessible?
    2. Can AI do SEO optimization?
    3. What are the mutual advantages of accessibility and SEO?
    4. Are there issues to using AI for accessibility and SEO?
  12. Need help?
  13. Author biography
Large, stylized, light-green letters spelling out "SEO" are centrally featured. Three stylized figures, a man and two women, are positioned around the "SEO" letters.

The role of AI in streamlining accessibility and SEO testing

Business success depends heavily on the development of websites which provide convenient navigation alongside search engine compatibility. Accessibility, together with Search Engine Optimization (SEO), stands as the key dimension for reaching this objective. The separate practices of accessibility and Search Engine Optimization (SEO) share many common elements while AI technology reshapes modern business methods for them.

Continue reading “The role of AI in streamlining accessibility and SEO testing”
Resolving "Duplicate without user-selected canonical" issues for multilingual documents with multiple language versionsArticle contains
  1. The problem
  2. The solution
  3. Conclusion
Text "SEO" and below the "Google Search Console" logo. Image by Katarzyna Tyl from Pixabay.

Resolving “Duplicate without user-selected canonical” issues for multilingual documents with multiple language versions

The issue of Duplicate without user-selected canonical arises in the context of search engine optimization (SEO) when multiple pages with similar or identical content are indexed by search engines. This situation is particularly prevalent in multilingual websites, where content may be available in various languages but links to the same underlying document.

That issue happened on our webpage, European Accessibility Act in PDF where all links pointed to the same document, but in a different languages.

Continue reading “Resolving “Duplicate without user-selected canonical” issues for multilingual documents with multiple language versions”
Explore focusable, clickable, tabbable or active statesArticle contains
  1. What is the difference between an interactive element that can receive focus, be clicked, be active, or be tabbable?
  2. Determine if an element is clickable
  3. Determine if an element is focusable
    1. Determining if an element is a type of focusable element
    2. Determining if the element can receive focus right now
  4. Determine which element is active now
Laptop and cactus on the left side and coffee on the right side. Image by Megan Rexazin Conde from Pixabay.

Explore focusable, clickable, tabbable or active states

Determining whether an element is interactive or not can be crucial for various purposes, such as improving accessibility, enhancing user experience, testing purpose or debugging issues.

An interactive element is one that can receive focus, be clicked, be active, or be tabbable, allowing users to engage with it in some way. Let’s find out how to determine if an element is focusable or active using JavaScript.

Continue reading “Explore focusable, clickable, tabbable or active states”
Fixing missing tooltips for invalid required form controlsArticle contains
  1. Solution implementation
  2. Workable example
European Accessibility Act in PDFArticle contains
  1. List of European Accessibility Acts in PDF
European Union flag and pdf icon on it.

European Accessibility Act in PDF

The European Accessibility Act (EAA) is a landmark legislation aimed at improving the accessibility of various products and services across the European Union. To facilitate easy access to this crucial information, we have compiled a comprehensive list of the European Accessibility Act in PDF format, available in multiple languages. This blog post will provide you with a convenient overview of the EAA in PDF, allowing you to easily access and download the documents in your preferred language. Below, you will find a list of the European Accessibility Act in PDF, covering all available languages.

Continue reading “European Accessibility Act in PDF”
Digital accessibility abbreviations and acronyms guideArticle contains
  1. What's an abbreviation?
  2. Why it matters to understand digital accessibility abbreviations and acronyms?
  3. Common abbreviations and acronyms
    1. Digital acronyms
    2. Accessibility standards and laws
    3. Certifications
    4. Assistive technologies
    5. Digital tools and techniques
  4. Importance of understanding abbreviations and acronyms
  5. Conclusion