Hiding content generated through the content CSS property isn’t easy out of the box. However, some tricks can be used to achieve that.
Let’s then see the possibilities and limitations.
Continue reading “Hide content in CSS pseudo elements from screen readers”
Headings communicate the organization of the page’s content. The h1 heading, which is usually the largest heading on a page, describes the main topic of the page and typically corresponds to the title of the page. It gives users an indication of what the page is about.
The h1 heading influences visitors’ decisions about whether or not to continue reading a page. It communicates the page’s relevance to search engines.
According to the WCAG headings rules, levels should be used hierarchically, with the main heading being the highest level (h1) and subheadings being subsequent lower levels (h2, h3, h4, etc.). This structure makes it easier for people with visual impairments, cognitive disabilities, and learning difficulties to easily understand the content of a web page.
In this article, we’ll go over all you need to know about the h1 heading and how to make the most of it from the perspective of the user, SEO, and accessibility!
After CSUN 2023 conference we have modified our presentation and here is the result.
What accessibility overlay is? Are overlays good for accessibility? What are accessibility widgets? So many questions to answer. Let’s explore accessibility overlays and demystify secrets and unclarities from a human and business perspective.
Continue reading “Accessibility overlays – demystifying secrets”
We’ll have the presentation An Approach to Real-Time, Client-Side Accessibility Audits
at CSUN 2023 Conference .
SiteLint is Google Analytics for Accessibility. The platform allows users to monitor and audit unlimited sites, in real-time, without crawling or auditing in specific time intervals. Users can collect results from real users, networks, and devices, which will improve significantly the remediation process by knowing which pages reported the most issues. This session will provide a demo of SiteLint and talk about the technical challenges overcome.
We had the honor to present SiteLint at A11yTalks in March 2023 – the next generation of automated testing. The speaker (Cezary Tomczyk), the Founder of SiteLint, was talking about recalibrating the remediation process significantly, improving accessibility quality testing, and focusing on user behavior. We were discussing new technology and its unique approach that goes beyond crawling and analyzing data on the server side.
Continue reading “The Next Generation of Automated Testing (A11yTalks – March 2023)”
To make a video recording of the entire screen or just a selected portion of it we use QuickTime player. However, recording audio from VoiceOver doesn’t work out of the box. Let’s see how to achieve that.
Continue reading “How to record the screen with VoiceOver audio on your Mac”
Performance and accessibility are two important aspects of web development. Since they are related, optimising one might result in improvements in the other.
Web performance is all about making websites fast: loading, rendering, and interacting.
When pages load slowly or have a lot of content to load, the experience can be very clunky and unpleasant for all users. More resources to download also mean more data that needs to be transferred through the network and processed. Let’s explore the user and business impact and how this could be improved.
Accessibility focuses primarily on making websites usable for people with disabilities. However, many accessibility requirements also improve usability for everyone. For example, good color contrast means all users can see your content no matter what device they’re using or the lighting in their surroundings.
Continue reading “Accessibility and Performance”
If you add text over a background image, make sure there is enough contrast to make it readable. Subtle changes may be made to boost contrast without changing the overall aesthetic of the site.
The Web Content Accessibility Guidelines (WCAG) is an internationally recognized standard created by the World Wide Web Consortium (W3C), and WCAG calculates it as a ratio describing the relative luminance of the text and background.
Let’s then see 3 tips to make text over image more readable.
Continue reading “3 simple tips to make text over image more readable”
The Web Speech API is a browser-based audio interface for processing audio inputs and outputs. We’d like to introduce the feature called Page To Speech for reading content out loud.
Page To Speech allows you to process page content and read it out loud for the user.
Continue reading “Introducing Page To Speech feature using Web Speech API”