Truncating text and making it accessibleArticle contains
  1. CSS 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. Accessibility considerations
  4. Alternatives to truncation
  5. Avoid information loss
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
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: A Vital Link
    5. 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.

Continue reading “The intersection between SEO and Digital Accessibility”
Chart your course to accessibility: a guide for businessesArticle contains
  1. A guide to making things more accessible
  2. The current state of the field
  3. An urge for companies to act
Hand-held smartphone with two monitors on the sides

Chart your course to accessibility: a guide for businesses

It is unacceptable to treat accessibility as an afterthought in this digital era. It’s essential for a welcoming society since it ensures that people with all kinds of abilities can use and benefit from the same resources. Disability affects over 15% of the world’s population of approximately 8 billion people. In other words, 1.3 billion people are directly affected, according to the World Health Organization. This is a staggering number that is only going to increase due to reasons like an aging population.

Continue reading “Chart your course to accessibility: a guide for businesses”
Accessible and SEO friendly SVGsArticle contains
  1. What actually SVG is?
  2. SVG and Accessibility
    1. How do assistive technologies understand the content?
    2. How do assistive technologies understand SVG?
    3. Example 1: SVG icon and text
    4. Example 2: SVG icon only
    5. Example 3: SVG that should be treated as an image
    6. Example 4: SVG with complex data that requires a detailed description
    7. Example 5: SVG image referenced in the src attribute of the img tag
  3. SVG and Search Engine Optimization (SEO)
    1. Hyperlinks and SEO
    2. Page load times
    3. Indexing in image search engine
    4. What are the benefits of using an image search engine?
    5. Be careful with embedding SVG in HTML
  4. Summary
Making a business case for digital accessibilityArticle contains
  1. Reducing legal risks: Beyond compliance
  2. Enhancing user experience: A gateway to universal design
  3. Boosting brand reputation: Aligning with ethical consumerism
  4. Driving innovation: The mother of invention
  5. Expanding the customer base: Tapping into the disability market
  6. Summary: Inclusion and accessibility for the future
A group of people standing together. A blue hexagon shaped object in the background.

Making a business case for digital accessibility

In the ever-evolving landscape of global business, companies are constantly looking for ways to innovate and expand their market reach as well as to enhance their brand reputation.

On the path to these goals, one vital element that often gets overlooked is accessibility. Accessibility refers to the practice of making products, services, and environments usable by as many people as possible, particularly those with disabilities. However, this notion goes beyond simply ticking legal boxes. Embracing inclusivity and social responsibility isn’t just the right thing to do, it’s a powerful driver of business success.

Continue reading “Making a business case for digital accessibility”
Designing for dyslexic usersArticle contains
  1. What actually is dyslexia?
  2. Designing for dyslexia as a key to inclusivity and accessibility
  3. Choose clear fonts and typography
  4. Format text for ease of reading
  5. Use high contrast colors
  6. Incorporate multimedia for visual aids
  7. Use simple language and writing style
  8. Design intuitive navigation and layout
  9. Using images and diagrams to support text
  10. Summary of design considerations for dyslexic users
  11. Additional resources related to designing for dyslexic users
A person on the background of a puzzle

Designing for dyslexic users

Did you know that optimizing your digital content for dyslexic users may not only boost your website’s accessibility but also increase your customer base? With an estimated one out of ten people having dyslexia, that’s roughly 780 million people worldwide (1 out of 10 people have dyslexia) who could benefit from dyslexia-friendly design.

Dyslexia is a specific learning disability characterized by difficulties with accurate and/or fluent word recognition and poor spelling and decoding abilities. To ensure that your content is inclusive and accessible, consider implementing certain design considerations.

Continue reading “Designing for dyslexic users”
How do you measure the success of the website project?Article contains
  1. Key points of measuring the success of the website project
  2. What metrics and analytics do you use to track and report the website's performance and impact?
  3. Can data-driven decisions really optimize my website's user experience, content, and marketing strategies?
Font Italics: Improving Accessibility with Best PracticesArticle contains
  1. Are italic fonts always inaccessible?
  2. The impact of italic fonts on web accessibility
  3. Comparing three font families for readability: OpenDyslexic 3, Arial, and Tahoma
  4. Best practices for using italic fonts in web accessibility
  5. A summary of italic fonts and web accessibility
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”