Tooltips and Toggle Tips experiment I recently developed a tooltip web component using data-attributes to enhance testing capabilities and ensure accessibility. Additionally, I created a toggle tip component as part of this experiment. This project is a deep dive into making these components as accessible as possible. While these are not yet production-ready, they are useful for testing purposes—if you like them, then feel free to use. 😁 Customisable tooltip web component (POC) https://lnkd.in/gBevSzzg Customised toggle tip web component (POC) https://lnkd.in/gvhYsPVe #WebDevelopment #Accessibility #WebComponents #Innovation #Testing
Laurence Lewis’ Post
More Relevant Posts
-
The best way to improve web performance is with a data-driven approach. The most effective tool is Real User Monitoring (RUM), and if the tool has the target attribution, it becomes a great source of information to detect bottlenecks in the interactions that users make, especially in the new metric Interaction to Next Paint (INP). And DebugBear has this great feature 😊 https://dub.sh/debugbear #WebPerf #PerfTools #CoreWebVitals #INP
-
-
https://lnkd.in/d5cX4ac5 How to create a complete Web Api test script using #neoload
How to Create a GET & POST Web API Script in Neoload with Parameter & Correlation | API Testing
https://www.youtube.com/
-
Visual feedback is very important for web applications. Here is a video that shows how to show progress while waiting for the API to load after clicking a button. https://lnkd.in/g4W5aJBm
WebDigital React Tutorial: How to Show Progress Bar While Waiting for API Call
https://www.youtube.com/
-
Are you currently testing your application using web elements in the underlying code? While web element-based test automation is a common approach, it has its limitations—especially when handling dynamic web elements. The challenge? It relies on element locators, which means even a minor change in the web element's structure can cause tests to fail, leading to false positives. What’s more, these tests don't fully capture the visual layer that real users interact with, so tests may pass even if there are visual bugs or regressions that a human would quickly notice. To effectively test the user interface and ensure a seamless experience, you need a method that can interact with the application visually, not just through the code. By using OCR and image-based testing, we can bypass the reliance on element locators and focus on what truly matters: the user’s experience. Interested in learning more about this advanced approach? Feel free to reach out, and let's explore how we can enhance your test automation. #TestAutomation #UITesting #OCR #ImageRecognition #SoftwareTesting
-
Lead Software Developer | Full-Stack | Frontend (REACTJS / TS) | Backend (PYTHON-NODEJS -C# & .NET)|(ReactNative / IOS-ANDROID)/PreLaunchTest | OPENAI , GPT | Docker | AWS & Azure | Generative AI UI/UX -Figma -JIRA/SCRUM
Coming soon: 𝐓𝐲𝐩𝐞-𝐜𝐫𝐚𝐟𝐭-𝐰𝐢𝐳𝐚𝐫𝐝 - NPM PACKAGE 𝐓𝐲𝐩𝐞-𝐜𝐫𝐚𝐟𝐭-𝐰𝐢𝐳𝐚𝐫𝐝 is a powerful 𝐓𝐲𝐩𝐞𝐒𝐜𝐫𝐢𝐩𝐭 tool designed to automate and streamline type generation based on 𝐜𝐨𝐧𝐭𝐞𝐱𝐭𝐮𝐚𝐥 𝐝𝐚𝐭𝐚 samples. It simplifies the process of type management by creating a structured type system tailored to your project's needs. 𝑪𝒉𝒆𝒄𝒌 𝒎𝒚 𝒐𝒕𝒉𝒆𝒓 𝒑𝒂𝒄𝒌𝒂𝒈𝒆𝒔 𝒉𝒆𝒓𝒆
mariusmonk
npmjs.com
-
How to Create a GET & POST Web API Script in Neoload with Parameter & Correlation | API Testing https://lnkd.in/d5cX4ac5
How to Create a GET & POST Web API Script in Neoload with Parameter & Correlation | API Testing
https://www.youtube.com/
-
How to Create a GET & POST Web API Script in Neoload with Parameter & Correlation | API Testing https://lnkd.in/d5cX4ac5
How to Create a GET & POST Web API Script in Neoload with Parameter & Correlation | API Testing
https://www.youtube.com/
-
Passionate Software Developer | Crafting Elegant Code 🖋️ | Exploring the Intersection of Technology 🌐 | Cybersecurity Enthusiast 🔐 | Machine Learning Explorer 🤖 | Data Analysis Aficionado 📊 |
Just finished Web Request module on Hack The Box Academy
Completed Web Requests
academy.hackthebox.com
-
Website testing can be challenging and time-consuming without the right tools. With our Preview URL Tool, a temporary URL allows you to view and test a website instantly before it’s made live. ➡ https://bit.ly/3LfIPrq #WebsiteTesting #WebDevelopment #TestingTools #WebDesign #PreviewURL #WebTesting
-
Assistant Director of Digital Accessibility | Award-winning Presenter | Accessibility (a11y) evangelist | Lifelong Learner | CPACC
3moLaurence, your tooltip and toggle tip components are a great step towards enhancing accessibility in web development. Thanks for your commitment to #DigitalAccessibility!