Sometimes you want to pause and resume executing event handlers. We may describe it that way: while step one isn’t done, step two is unavailable. JavaScript doesn’t have this functionality out of the box, but there is a way to mimic this feature.
Continue reading “How to pause and resume event propagation in JavaScript?”Hide content in CSS pseudo elements from screen readers
Hiding content generated through the content
CSS property can be done with a one-line code.
Create perfect H1 heading for SEO and Accessibility
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!
What is JSON LD? Frequently asked questions.
JSON-LD means JavaScript Object Notation for Linked Data. It is called structured data and it is used to more precisely describe your content on the page because only HTML is not good enough. JSON-LD is not visible to the user, but it helps search engines understand your content better by providing information about a page and classifying the page content.
Continue reading “What is JSON LD? Frequently asked questions.”Google Rich Results and no items detected
Structured data assists search engines in determining the type of content on a page. JSON-LD (<script type="application/ld+json">
) is a structured data type recommended by Google. It offers a variety of schemas for various types of web pages, such as FAQs, Articles, Products, and so on. Including the appropriate schema markups can help Google better understand and rank the web page.
However, while working with schema on Google Rich Results you may get a message: No items detected
(known also as no rich results detected in this url
).
What does that mean?
Continue reading “Google Rich Results and no items detected”Create a self-signed SSL certificate and update Keychain Access on MacOS
Creating a self-signed SSL certificate and updating Keychain Access on MacOS might be tricky. However, with mkcert this process can be done easily.
Continue reading “Create a self-signed SSL certificate and update Keychain Access on MacOS”Sass darken and lighten functions replace with color.adjust in Visual Studio Code
Sass color.adjust function is now replacing darken
or lighten
functions with the new Sass module system. However, making changes manually to all files can be very time-consuming. Here is how to make it faster for all files in Visual Studio Code.
Accessibility overlays – demystifying secrets
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”Sitelint presentation at CSUN Assistive Technology Conference
We’ll have the presentation An Approach to Real-Time, Client-Side Accessibility Audits
at CSUN 2023 Conference .
Description
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.
Audience
- Higher Education
- Information & Communications Technology
- Government
- Finance & Banking
- Research & Development
How to embed a PDF in HTML without downloading it
There are several HTML elements that can be used to view Portable Document Format (PDF) files in HTML. The <embed>
, <object>
and <iframe>
elements can all display a PDF file within the web page. Each works in a very similar way, but which one to choose? Let’s find out.