Installation center -> Advanced options -> Blocks configurations Explanation:Aria expanded is an attribute that allows the user to know the expandability status of the specified element. The Aria expanded attribute is set on an element to indicate if it is expanded or collapsed depending on its actual state, and whether or not this element is […]
Category: Html Information
Add new aria attribute
Installation center -> Advanced options -> Blocks configurations Explanation:Aria attribute is a value that can be set for the specified HTML elements to improve their accessibility (enhance for people with disabilities the web content/web apps and especially JavaScript code).Aria attribute modifies incorrect or incomplete code to create a better experience for those using AT by […]
Add new tabindex
Installation center -> Advanced options -> Blocks configurations 1. Add new tabindexExplanation:The “Tabindex” attribute is used in HTML to set rules related to principles of elements focusing. With the help of tabindex, you can allow or prevent elements from being sequentially focusable during the keyboard navigation (by pressing the button “Tab”) and determine their relative […]
wp rocket
to avoid issue with wp rocket plugin, please add this code : wp rocket -> settings -> File Optimization ->Excluded JavaScript Files /wp-content/plugins/purple-lens/assets/acc-main.js/wp-content/plugins/purple-lens/assets/acc-main.min.js/wp-content/plugins/purple-lens/assets/acc-scanner.js
Making SVGs and Icons Accessible
Inline SVG To make an SVG accessible, follow these steps: Example: <svg aria-labelledby=”title”> <title id=”title” lang=”en”>title</title> <g> <rect fill=”_____” /> </g></svg> Icon Fonts Icons can effectively communicate information without words. To ensure icon fonts are accessible, consider the following best practices: Example for Decorative Icon: htmlCopy code<i class=”fa fa-bicycle” aria-hidden=”true” title=”title”></i><span class=”screenreader-text”>title</span> Example for Contextual […]
Purple Tool & WebDefender plugin
please turn off button
Shopify User How to manage
1. Click image purple to open the layer. 2. After click the icon layer appear for search products layer will come with filter 3. Users search the product in the search bar and a list of products will come in search results. 4. User can use tab key also in layer to visit each html […]
Manage Dashboard Cross Platform and Shopify
Dashboard It’s the place where you can install plugin for your website after you subscribed. It gives an option to access widget functionality and branding plus Plugin features.
Add site Cross Platform and Shopify
6. Get script to implement 7. the script
Woocomerce Vocal description
if the plugin is installed, for all available on the site products you will get an additional field “Vocal description” you need to open a page with the product and find the needed field https://purple-lens.com/wp-admin/post.php?post=3405&action=edit – for example here this improvement was implemented 1.5 months ago and i made release notes that it was transferred to […]