Making chatbots accessible: a guide to enhance usability for users with disabilitiesArticle contains
  1. Visual accessibility
  2. Auditory accessibility
  3. Motor accessibility
  4. Cognitive accessibility
  5. Universal design features
  6. Testing and feedback
  7. Compliance and ethical considerations
  8. Technical advises
  9. General recommendations for choosing an accessible chatbot platform
    1. Customizability
    2. Compliance with WCAG standards
    3. Testing capabilities
    4. Support for rich media accessibility
    5. Keyboard navigation
  10. Final words
A person using a tablet indoors. The person is interacting with the device, reading and typing messages on the chat app.

Making chatbots accessible: a guide to enhance usability for users with disabilities

Previously, we discussed the Urgent Need for Chatbots to be Accessible. In this piece, we are taking a deep dive into actions one can take to enhance the accessibility of chatbots for users with disabilities. In order to meet that end, programmers can implement several specific strategies that address visual, auditory, motor, and cognitive impairments. This guide offers detailed instructions, practical code examples, and tool recommendations to make chatbots more accessible.

Let’s get started.

Continue reading “Making chatbots accessible: a guide to enhance usability for users with disabilities”
How to validate an email address in JavaScriptArticle contains
  1. checkValidity method from an input type="email"
  2. Validate an email address in JavaScript
    1. Browser validation criteria
    2. Custom validation
  3. Avoiding a complex regular expression
  4. How can you use a regular expression (regex) to check if a string is a valid email in JavaScript?
  5. Final note
A hand pointing to dozens of envelopes symbolizing electronic email and the text "JavaScript validating email format"

How to validate an email address in JavaScript

To check if an email is valid using JavaScript, you can use the checkValidity() method from an <input type="email"/> field (when checking in the browser environment) and additionally check for at (@) symbol in the email address.

We are going to validate the email address format only using browser and custom validation, but not if the email actually exists.

The below code consists of two functions: isInputTypeSupported and isValidEmail. These functions are designed to validate input types and email addresses, leveraging the HTML5 form validation capabilities and custom logic for more comprehensive validation.

Continue reading “How to validate an email address in JavaScript”
The urgent need for accessible chatbotsArticle contains
  1. Understanding the accessibility gap in chatbots
  2. Technical Barriers to Accessibility
  3. Best practices for enhancing chatbot accessibility
  4. Legislative and ethical considerations
  5. Conclusion
  6. Iconographic for enhancing chatbot accessibility
The image shows a person using a tablet indoors. The person is interacting with the device, and there may be text or content displayed on the screen. The individual is wearing clothing and is engaged with technology.

The urgent need for accessible chatbots

Human communication is evolving, and chatbots have become ubiquitous, offering round-the-clock customer service, streamlined shopping experiences, and instant access to information. However, despite their convenience and efficiency, there is a critical aspect that is often overlooked: accessibility. Many current chatbots fail to provide adequate support for users with disabilities, a significant oversight that needs immediate attention and action.

Continue reading “The urgent need for accessible chatbots”
Truncating text and making it accessibleArticle contains
  1. CSS techniques for truncation
    1. CSS for single-line text truncation
    2. CSS for multi-line text truncation
  2. JavaScript for truncation
    1. Truncating text by words
    2. Truncating by characters
    3. Truncating in the middle
  3. How do JavaScript solutions differ from CSS truncation techniques?
    1. Flexibility and dynamic content manipulation
    2. Performance considerations
    3. Use cases
  4. Interactive elements like Show more or Read more
  5. Accessibility considerations
  6. Alternatives to truncation
  7. Avoid information loss
Redirecting to www or non-www using Apache htaccessArticle contains
  1. Using .htaccess to redirect to www or non-www
    1. Redirect from www to non-www
    2. Redirect from non-www to www
Website Accessibility: Separating Myths from FactsArticle contains
  1. Myth 1: The disability population is too small to matter
  2. Myth 2: Accessibility makes websites unattractive
  3. Myth 3: Only web developers need to worry about accessibility
  4. Myth 4: Automated tools are sufficient for accessibility testing
  5. Myth 5: Web accessibility isn't legally required
  6. Myth 6: Implementing accessibility is too expensive and time-consuming
  7. Myth 7: There are no tangible benefits to web accessibility
  8. Call to Action: Elevate your website's accessibility now
  9. Iconographic for Digital Accessibility Myths and Facts
Alternative text for CSS generated contentArticle contains
  1. Creating alternative description for CSS content property
  2. Implementation and usage
  3. Workable example
macOS - find, start, stop, and restart the Apache web serverArticle contains
  1. Determine which Apache server is currently being used on macOS
    1. Check running Apache processes
    2. Using which and whereis commands
    3. Check Apache configuration path
  2. Built-in (Apple) Apache
  3. Homebrew Apache
  4. Resolving conflicts between built-in and Homebrew Apache
  5. How to stop and disable the built-in Apache server on macOS
  6. apachectl vs httpd
    1. apachectl
    2. httpd
MacBook computer and Apache Server logo on it.

macOS – find, start, stop, and restart the Apache web server

Trying to find out if the Apache server is running on macOS? How do you find it? And once you find it, why are there several methods to start, stop, and restart it?

Managing the Apache web server on macOS involves using specific commands in the Terminal. The commands differ depending on whether you are using the built-in (Apple) Apache or one installed via Homebrew. This comprehensive guide covers finding, starting, stopping, and restarting both versions.

Continue reading “macOS – find, start, stop, and restart the Apache web server”
The intersection between SEO and Digital AccessibilityArticle contains
  1. The symbiotic relationship between SEO and Accessibility
    1. Faster loading, cleaner coding
    2. Engaging and accessible content
    3. Inclusive design equals expanded reach
    4. Mobile accessibility
    5. Semantic HTML
    6. The comprehensive advantage of accessible web design
  2. Conclusion: SEO and accessibility hand in hand
Two wooden hearts with the words: SEO and Accessibility

The intersection between SEO and Digital Accessibility

Making sure your website is accessible to everyone is important not just for fairness, but also for improving its online presence. Accessibility isn’t just a fancy extra feature, it’s a crucial part of creating a good website. When you focus on making your site accessible, you also improve its chances of being found by search engines, which benefits both your users and your site’s ranking. In this article, we’ll explore how accessible design practices directly improve SEO performance across five key areas.

Continue reading “The intersection between SEO and Digital Accessibility”
Resolving the script tag type attribute hash prepending issue with CloudflareArticle contains
  1. Solution for hash prepending issue with Cloudflare
  2. Final notes
"JavaScript" sentence and script HTML element

Resolving the script tag type attribute hash prepending issue with Cloudflare

If your script HTML tag has the type attribute prepended with a hash, like <script type="ea10e272b0a1989fb2f3aa4e-text/javascript">...</script> and you’re using Cloudflare services, then the root cause is the Cloudflare Rocket Loader, a feature of Cloudflare that optimizes the loading of JavaScript resources on your web pages.

Rocket Loader modifies the type attribute of script tags for website loading optimization by deferring the loading of JavaScript until after rendering. This modification can sometimes cause issues with HTML validation and Content Security Policy (CSP) headers.

Cloudflare Rocket Loader adds an argument “type” into the script tag and causing issues with the W3C validator due to the “subtype missing” error.

Continue reading “Resolving the script tag type attribute hash prepending issue with Cloudflare”