Bing SEO Optimization: A Comprehensive Guide to Improve Your Website's PerformanceArticle contains
  1. Bing SEO Advantages
    1. Lower Competition
    2. Different Ranking Factors
    3. Bing's User Base
      1. All demographics
    4. Bing Powers Other Search Engines
    5. Voice Search and Microsoft Products
  2. Ranking Factors for Bing SEO
    1. On-Page SEO
    2. Exact Keyword Matches
    3. User Experience
    4. Quality Content
    5. Backlinks
    6. Social signals
    7. Multimedia
  3. Indicating decorative images with empty alt text
  4. IndexNow technology
  5. Bing URL Submissions WordPress Plugin
  6. Bing Webmaster Tools
  7. An example of a benefit
  8. Bing common issues and potential solutions
    1. The site's favicon is not displayed in Bing search results
    2. Why is the website not ranked on Bing?
  9. Final words
3 tiles with letters S,E,O and Bing, Microsoft logo

Bing SEO Optimization: A Comprehensive Guide to Improve Your Website’s Performance

Artificial Intelligence (AI) is transforming the way we search and find information online. Bing Microsoft’s search engine is leveraging AI to deliver more relevant, personalized and engaging results to its users. As a result, Bing is gaining popularity and market share.

Despite Google’s dominance in search engines, alternatives are out there. Understanding Bing SEO techniques can help you get more traffic to your content.

Continue reading “Bing SEO Optimization: A Comprehensive Guide to Improve Your Website’s Performance”
Detect browser zoom levelArticle contains
  1. Differentiating pinch zooming and text scaling
  2. Determining the text zoom level in a browser
  3. Identifying the pinch zoom level in a browser
  4. Practical example of detecting browser zoom levels
Hiding a text but making it accessible to a screen readerArticle contains
  1. Making hidden text accessible to screen readers: a guide
    1. Notes
  2. Difference between CSS class .visually-hidden and .sr-only
  3. Accessibility and Hidden Text: Can Screen Readers Detect It?
  4. How visibility: hidden affects screen readers
  5. Is there a way to test whether the hidden text is actually being read by screen readers after applying the .visually-hidden class?
  6. Why hide text from sighted users?
Female eye-looking, peeking through a triangle blue background

Hiding a text but making it accessible to a screen reader

Accessible hiding allows an element to be visually hidden while remaining accessible to assistive technologies such as screen readers. The approach is to apply a CSS class to the element that should not be shown.

There are several solutions for this type of CSS class, but we recommend following styles that cover hiding elements and optionally giving the ability to show the element when the element receives the focus or contains an element that has received focus. Useful for Skip to the main content links. See Adding a link at the top of each page that goes directly to the main content area.

Continue reading “Hiding a text but making it accessible to a screen reader”
The key to agile accessibility: Effective measurement of what mattersArticle contains
  1. Why should you track the performance of your agile accessibility efforts?
  2. What should you track to see if your agile approach to accessibility is effective?
  3. What are some common myths about accessibility in agile development?
Software testing. Two persons with multiple devices.

The key to agile accessibility: Effective measurement of what matters

Agile accessibility is the incorporation of accessibility principles and practices into the agile software development methodology.

Ensuring accessibility is an a constant and iterative process throughout the development cycle meaning making sure that software and web applications are designed and developed with accessibility in mind from the very beginning.

Tracking accessibility KPIs is a critical step in ensuring that your digital products are accessible to all users.

Continue reading “The key to agile accessibility: Effective measurement of what matters”
Sass with RTL and LTR support: creating multilingual websitesArticle contains
  1. Understanding Sass with RTL and LTR Support
  2. Key definitions and explanations
  3. A screenshot of a page with right-to-left content
  4. How to implement RTL and LTR support in Sass
  5. Changing the locale in Chromium-based browsers
  6. Tips and tricks for managing bi-directional text
    1. Time
    2. Parentheses
  7. Additional resources for managing bi-directional text
Arabic text example

Sass with RTL and LTR support: creating multilingual websites

Sass with RTL and LTR support isn’t available out of the box, but it can be done through simple Sass @mixin and @include rules that can be used across all Sass files.

RTL stands for Right-to-Left. It is a writing direction used in languages such as Arabic, Hebrew, and Persian. Supporting both right-to-left (RTL), more often bi-directional (BiDi), and left-to-right (LTR) representations of Web pages can be a challange.

Note that you can also achieve the same with Less (which stands for Leaner Style Sheets).

Continue reading “Sass with RTL and LTR support: creating multilingual websites”
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. What laws now apply?
  10. Exceptions
  11. What are the standard demands made by the Act?
  12. When services or goods fail to adhere to the new regulations, what can users do?
  13. Expected penalties for non-compliance
  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”