To open the Purple Lens “Settings” page go to your WordPress admin site, hover over the Purple Lens icon on your side navigation menu, and choose “Settings” from the side menu (Image 1).
A lot of the text fields will require a “selector” as an input. Many selectors can be found in the “Scanner Logs” table.
Now that you have opened the “Settings” page, here is a description of what each of the settings is for:
1. The “Custom blocks” Text Field
The “Custom blocks” text field (Image 2) is used to highlight new parts of your website that might have the wrong tags, and thus might be passed over by a screen reader. These highlighted sections are important for users who use the “Voice control”, “Screen reader”, “Text reader”, or “Keyboard” functions so that they can navigate your website.
2. The “Skip blocks” Text Field
The “Skip blocks” text field (Image 3) is used to skip over any parts of your website that you don’t want the “Screen Reader”, “Text Reader”, or “Voice Control” to access.
3. The “Skip site navigator” Text Field
The Quick Site Navigation Menu is used by those who use the “Screen Reader”, “Text Reader”, or “Voice Control” functions to quickly skip to different sections of your website, like the header, main sections of content, or the footer. This text field (Image 5) will add a section to the Quick Site Navigation Menu.
4. The “Exclude element” Text Field
The Quick Site Navigation Menu is used by those who use the “Screen Reader”, “Text Reader”, or “Voice Control” functions to quickly skip to different sections of your website, like the header, main sections of content, or the footer. This text field (Image 6) will remove a section from the Quick Site Navigation Menu.
5. The “Main menu” Text Field
This text box (Image 7) is to help the Quick Site Navigator find the Main Menu if it is struggling to do so on its own. In the Quick Site Navigator (Image 8), there is an option to jump to the top of your site, or the main content area, but if you want to add another option to jump to your main menu, you can do so using this textbox. When you add your main menu selector to this textbox, another option will appear in the Quick Site Navigator menu, that will let you jump to the menu you specify.
6. Adding a Title to Your Links: The Next Three Boxes
For those using the “Screen Reader” or “Text Reader” functions, when a link is read out, the Screen Reader or Text Reader generally just reads out the entirety of the link. This is often not very useful information, and does not convey what the content will be if they follow that link. The next three input fields (Image 9) allow for those using the “Screen Reader” or “Text Reader” functions to hear specific text about where a link is leading them.
7. The “Sidebar” Text Field
A sidebar refers to any content, usually a menu, that is on the side of your regular site. The sidebar is not part of your regular content, and does not usually flow with the rest of the content on the page. This text box (Image 10) is to help the Quick Site Navigator find any Sidebar you may have. In the Quick Site Navigator (Image 11), there is an option to jump to the top of your site, or the main content area, but if you want to add another option to jump to your sidebar, you can do so using this textbox. When you add your sidebar selector to this textbox, another option will appear in the Quick Site Navigator menu, that will let you jump to the sidebar you specify.
8. The “Show help text” Check-Box
If this box is checked (Image 12), a help pop-up (Image 13) will appear in the bottom right corner of the screen when the plugin menu is open on your website. The contents of the help pop-up will be read by the screen reader whether or not it is visible, but with this checkbox, you can turn off the visual element
9. The “Use adaptive contrast functionality” check-box
If this box is checked (Image 14), the toolbar can suggest and implement a more adaptive color contrast. If this box is not checked, the only color contrast colors available will be black, white, and yellow.
10. Social Titles
The “Show Social Titles” Check-Box
If this box is checked (Image 15), the social icons (the images you use to indicate a link to Facebook, LinkedIn, Twitter, etc.) you have on your web page will have appropriate titles like “social Facebook” or “social Twitter”. This is helpful for those who use the “Screen Reader” or “Text Reader” functions so that instead of having their screen reader read out an image description or link and confusing a user, a user can be sure that your social icon images are links to your social media pages or email. This checkbox does not affect the titles of the social icon titles specified in the “Social Icon Titles” section.
The “Social Icon Titles” Text Boxes
In this section, you can specify what certain social icons will be read as through using the “Screen Reader” or “Text Reader” or what words will pop-up when you hover your mouse over the social icon (Image 16). As an example, if you have a link to your facebook page represented by an image, you can make that img’s title say “John’s Facebook Page”. You can add as many specific titles as you want (Image 17). These titles that you specify here will not be affected if the “Show Social Titles” checkbox is not checked.
11. The “Activate Screen reader blocks” Check-Box
When this box is checked (Image 18), a user who is using the “Screen Reader” or “Text Reader” functions could skip sections of a webpage if they do not want their screen reader to read all of the contents of a section. For example, if the screen reader comes to a list, but a user doesn’t want the screen reader to read all of the elements in the list, they could choose to skip over the list in its entirety.
12. The “Add new tooltip” Text Fields
When a user turns on the “Screen Reader” or “Text Reader” functions, instead of going directly to the top of the page, their screen reader will instead go to a menu that will allow them to access specific parts of the page without having to go element by element (Image 19). For example, sections in this Quick Navigation section may include the header, footer, and main content area. However, you might want to add sections to this menu that you feel are important, or you want a user to easily and quickly access (Image 20). This text box (Image 21) allows this, and even allows you to add text that will be read out when a screen reader reaches it.
13. The “Choose border-color Border color for highlight currently focused node“ Selector
With this selector (Image 22), you can choose the highlight color that will go around a block of text or image that is currently being focused on. This is helpful for those using the “Screen Reader” or “Text Reader” functions as the highlight will be around whatever text is currently being read through the screen reader (Image 23). It is also important that this color contrasts, or stands out sharply against all of the other colors on your website so that someone using the “Screen Reader” or “Text Reader” functions can more easily see it.
14. The “Add new alt” Text Fields
“Alt” stands for “alternate text” and is the text that is read out for an image when the image isn’t loading or a user is using a screen reader. An image’s alt describes what is in an image in concise and clear text, or if the information in the image is conveyed elsewhere on the page, is blank. Sometimes, an image’s alt is gibberish or is too vague, so the alt has to be manually changed using these text fields (Image 24).
15. The “Add new aria-label” Text Fields
An Aria-Label is used to label elements that do not have text to describe what they are on the screen. An example of this would be an “X” mark that closes a page, but does not say “X to close page”. An Aria-Label would be needed here for those using the “Screen Reader” or “Text Reader” functions so that they can know what the “X” indicates. Aria-Labels are also used for buttons, videos, or in filling out forms. These text fields (Image 25) allows you to add or change an aria-label where needed.
16. The “Use keyboard mode on toolbar” Check-Box
Keyboard Mode allows a user to navigate a website using a keyboard instead of a mouse. This is helpful for those who might have motor disabilities. When this checkbox is checked (Image 26), it will add a “Keyboard” option to your plugin on your site that will allow a user to navigate your website (Image 27).
17. The “Use autofocus on pages with anchors” Check-Box
Anchors occur when a link on a webpage sends you to a different spot on the same webpage, rather than sending you somewhere else. When this happens, it is often hard for a screen reader to know where the page has jumped, and instead of jumping to the spot where the anchor is sending someone, a screen reader will often just continue on the page as if no jump had occurred. Therefore, we recommend that you check this checkbox (Image 28), so that those using the “Screen Reader” and “Text Reader” functions can utilize every aspect of your site.
18. The “Set menu names for quick navigation” Text Fields
In the sitemap on your website are a list of menus that are on your site, like the main navigation menu, or any lists you may have. Purple-Lens automatically generates names for these menus and lists, but you may want to rename them to better describe what is in each menu or list, which you can do using these text fields (Image 29).
19. The “Custom lightbox” Text Fields
When a pop-up appears, those using the “Screen Reader” or “Text Reader” might want to hear what is on the pop-up, but their screen reader might not know what to focus on, or what closes the pop-up, these next three text boxes will help with those issues. By entering the proper elements into the next boxes (Image 30), those using the “Screen Reader” and “Text Reader” functions will be able to smoothly transition from a link to the pop-up, to the pop-up content, and back to the main content page all by using just their screen reader.
The “Submit” button
Click on the “Submit” button to save all changes (Image 31).
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.