The blog post discusses the accessibility of CSS Carousels, a new feature introduced in the CSS Overflow Module 5 specification. It examines various examples of CSS Carousels, highlighting their accessibility issues, particularly ...
About:
Sara Soueidan is an independent web UI engineer, author, speaker, and educator specializing in inclusive design implementation and web accessibility.
Website:
Specializations:
Interests:
Incoming Links:
Outgoing Links:
Subscribe to RSS:
This post discusses the limitations and best practices for using ARIA live regions in web applications. It emphasizes that live regions are not suitable for rich text, interactive elements, or notifications requiring user action. ...
This post provides a comprehensive guide on designing accessible focus indicators for web elements, emphasizing their importance for keyboard users and compliance with WCAG 2.1 and 2.2 standards. It explains what focus indicators ...
The post discusses techniques for hiding and styling checkboxes and radio buttons in a way that maintains accessibility. It emphasizes the importance of using SVGs as visual replacements for these elements while ensuring they rema...
This blog post discusses the challenges and solutions related to making SVG data visualizations and charts accessible, particularly in the context of the Khan Academy 2018 Annual Report. The author emphasizes the importance of acc...
The blog post discusses the current state of alternative text for CSS-generated content, emphasizing the importance of providing descriptive alt text for meaningful images and content inserted via CSS. It explains how CSS pseudo-e...
This blog post discusses the VoiceOver Rotor on macOS, a tool that enhances web navigation for screen reader users. It emphasizes the importance of creating descriptive button and link text labels to improve the e-commerce experie...
The author discusses an article by Scott O'Hara about using JavaScript to detect high contrast and dark modes through the prefers-color-scheme CSS user query. The author shares their experience of testing the script in different c...
This blog post discusses the HTML <hr> element, emphasizing its semantic role as a thematic break in content. It explores how to creatively style horizontal rules using CSS and inline SVG for better accessibility and adaptability....
The article discusses the importance of semantic HTML in creating an accessible web, emphasizing that proper HTML elements convey meaning and structure, which aids in user navigation, especially for those using assistive technolog...
This post discusses ARIA live regions, a system designed to enhance web accessibility for screen reader users by providing notifications about dynamic content changes. It explains how screen readers parse web content differently t...
The blog post discusses the CSS Scrollspy feature, which updates navigation links based on the user's scroll position. It introduces the new CSS property 'scroll-target-group' and the ':target-current' pseudo-selector, allowing HT...
5.7In Quest of Search
2025-08-18 • accessibility aria website design html
The article discusses the proposal for a new HTML element to represent a search interface, arguing that while ARIA roles exist, a native HTML equivalent would enhance semantic clarity and usability. The author advocates for the ad...
The post discusses the importance of designing web content with a focus on HTML and CSS, emphasizing that HTML should contain the core content while CSS is used for visual enhancement. It highlights the need for content to remain ...
The post discusses the potential of CSS Container Queries (CQ) to enhance responsive design by allowing styles to adapt based on the size of the nearest container rather than the viewport. It emphasizes the importance of using CQ ...
The post discusses the importance of optimizing keyboard navigation in user interfaces (UIs) to enhance user experience (UX). It emphasizes that fewer tab stops lead to a more efficient navigation process for keyboard users. The a...
The podcast discusses web accessibility, covering its importance, personal experiences with accessibility, common myths, HTML semantics, ARIA, and CSS's impact on accessibility. The hosts, Sara Soueidan and Kevin Powell, share the...
The post details the author's experience installing and using Glyphhanger, a command line tool for optimizing and converting font files for web use. The author shares the challenges faced during the installation process, including...
The blog post discusses the author's experience with CSS Variables, particularly focusing on scoping them to components for better organization and maintenance of styles in web projects. The author shares their approach to creatin...
The post discusses two methods for including syntax-highlighted code in Apple Keynote presentations: copying formatted code from Visual Studio Code (VS Code) and using the Slides Code Highlighter web app. The author shares persona...
4.7Tag, You're It
2025-08-18 • web development blogging jekyll css html svg eleventy
The author reflects on their blogging journey, discussing their motivations for starting, the platforms used (Eleventy and previously Jekyll), and their writing process. They emphasize the importance of sharing knowledge with the ...
This post provides a comprehensive guide on setting up a screen reader testing environment for accessibility testing on both Windows and macOS. It discusses the importance of manual testing with screen readers, outlines the setup ...
0Are 'CSS Carousels' accessible?
2025-05-09 • web development css accessibility aria html
The text discusses the accessibility of 'CSS Carousels', which are JavaScript-free, CSS-only implementations of common scrolling UI patterns. It explains how to create scroll markers in CSS, the accessibility requirements, and how...
0Tag, You're It
2025-05-04 • web development blogging product design
The text is about the author's experience with blogging, including the reasons for starting, the platform used, writing process, inspiration, topics of interest, favorite post, audience, and future plans for the blog.