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)”How to record the screen with VoiceOver audio on your Mac
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”Accessibility and Performance
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”3 simple tips to make text over image more readable
If you add text over an 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 accessibility better in HTML using CSS.
Continue reading “3 simple tips to make text over image more readable”Introducing Page To Speech feature using Web Speech API
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”Browser keyboard navigation in macOS
Keyboard navigation through all focusable interactive elements isn’t enabled by default on macOS for Safari and Firefox browsers, but there is a way to solve that issue.
Continue reading “Browser keyboard navigation in macOS”Best practices for writing good alt text
The alt
attribute provides an alternative description for a non-text element1 and normally is not presented to the user but will be available under certain circumstances. The following is the most general guideline to follow while creating an alternate text:
Simple image gallery – accessible, responsive and with preloading
Creating an image gallery that is accessible, responsive and with automatic preload has always been a challenge.
Continue reading “Simple image gallery – accessible, responsive and with preloading”Create custom and accessible tooltip
A tooltip is a widely used feature across the web. Hundreds of different approaches and implementations. The ARIA Authoring Practices Guide (APG) defines the tooltip in the following way:
Continue reading “Create custom and accessible tooltip”What is digital accessibility?
Digital accessibility refers to providing an equivalent user experience for people with disabilities, including auditory, cognitive, neurological, physical, speech, and visual disabilities. That means also providing web-based information, digital content, applications, and resources that are available and used by everyone.
Continue reading “What is digital accessibility?”