Accessibility is important to us here at Salesforce, and our team is dedicated to building the platform so that it is accessible to everyone regardless of their abilities. That means we are often asked what Admins can do to configure more accessible Salesforce apps. One of the most common requests is how to optimize apps for blind or low-vision users. While this may be a small percentage of your user base, as an #AwesomeAdmin the positive outcomes of optimizing for these users is indeed very large. These suggestions may also increase productivity for all your users, regardless of their ability level!
While the answer to “how do I optimize apps for blind or low-vision users” will likely vary from scenario to scenario, this post will give you the tools you need to provide the best possible experience for any users in your organization with these disabilities. Since Lightning Experience provides many accessibility features out of the box, our focus here will be on usability, consistency, and efficiency for users who are blind or have low vision.
Identifying Groups of Users Within Groups of Users
One way we can deliver an amazing experience for all of our users is customizing page layouts depending on how users perform work. This is even more important for users with disabilities.
Users who are blind use an assistive technology tool called a screen reader to interact with Salesforce. Screen readers turn text on a page into synthesized speech. They can also describe interactive objects on a page such as form fields, tabsets, menus, and comboboxes. Screen reader users may use special keystrokes to navigate the page by headings by form fields, or even from button to button. Given this, any inefficiencies of a page layout or Lightning record page for one user may be experienced 10 times over by a user who is blind.
Disabilities and assistive technologies aside, consider the Opportunity object. If one group of users frequently needs the Activity Publisher and Timeline, that feature can be prioritized higher on a page.
If another group of users interacts with the Details section the most on Leads, then those users would benefit from higher prominence of the Detail section on their page.
As not all blind or low vision users in your organization will be performing the same work, it is important to understand how people with these disabilities will be using Salesforce. Talk to your users with disabilities. Gain an understanding for how they work so you can configure Salesforce to be efficient given their workflow and disability.
Since we need to make layouts that are optimized for how your users work, the first step is to make new profiles specific to these users.
After speaking with your users, let’s say you identified 2 groups of screenreader users who can benefit from specialized Layouts. The first group’s main activities include logging activities. The second group primarily creates and updates records.
To support these users, we are going to create 2 new profiles.
- Go to Profiles in the setup tree and click the ‘New Profile’ button.
- Choose which existing profile to clone and name the new profile appropriately. In this example, “Screen Reader – Detail Focus”, as we will promote record detail on their layouts.
3. Keep all the permissions and securities the same, since all that is changing are the layouts.
4. Go to Users in the setup tree and switch the screen reader users’ profiles to the newly created user profile, “Screen Reader – Detail Focus”.
Repeat the previous steps to create the ‘Screen Reader – Activity Focus’ profile and assign any applicable users. Now you are ready to create their specific, efficient page layouts!
Changes to the Page Layouts
There are two places we can help make record pages more efficient for our blind and low vision users: Object Page Layouts and Lightning Record Pages.
First, let’s update the object page layouts. We’ll use Opportunities as an example.
- Go to Page Layouts for the Opportunity object under the Object Manager.
- Create a new page layout and select an Existing Page Layout to clone. Name your new layout as is appropriate, in our example, “Opportunity Screen Reader Efficient Layout”.
3. In the Page Layout Editor (PLE), under Opportunity Detail, make the header for the top section display on the detail page. To do this, click on the wrench icon for this section in the PLE.
Then make sure the Detail Page and Edit Page checkboxes are checked. Repeat this for all sections in the page layout.
This will ultimately make navigation of Record Detail sections easier for screen reader users, as it will add additional headings to the page. Navigating a page by headings is a common strategy for screen reader users.
This is the equivalent of adding small bookmarks at the beginning of each chapter in a book. It makes moving around from section to section much more efficient.
4. Remove any sections, fields, and custom actions from a record layout that your users do not need. This will increase efficiency in moving through forms and record pages.
In our example we condensed from 6 sections and 22 fields to 2 sections and 17 fields.
Opportunity Detail Before:
Opportunity Detail After:
5. Remove any unnecessary related lists from the page layout as well. This can be done by clicking on the delete icons above each related list.
6. Now, under Page Layout Assignment, assign the new, more efficient page layout to the appropriate user profile.
By removing excess clutter from the page, it makes it much quicker for a screen reader or low vision user to get to the information and features that they actually need.
Modify other objects that your users interact with regularly following the same basic guidelines:
- Display section headers on the detail page
- Remove unnecessary sections, fields, actions, related lists
Changes to Lightning Record Pages
For Lightning Record Pages, the improvements depend on if the users are blind or low vision.
The biggest advice for blind users is to not use Tabs or Accordions in page layouts in the Lightning App Builder. Instead of placing different components in adjacent tabs, just stack them on top of each other. As we discussed earlier, screen reader users often navigate using headings. When components are placed in Tabs, their contents and headings are hidden from the screen reader. This makes it so a user has to find the set of Tabs, then find and open the correct tab, and then look at the component they want, which adds unnecessary steps to their workflow.
Here’s an example of an Opportunity page that is optimized for mouse users. Using tabs on the left and related lists on the right, everything can fit on the screen at the same time without the need to scroll. However, when a screen reader tries to navigate by header, none of the headers for Activity and Chatter are available in the list of headers. Instead, there is a hidden ‘Tabs’ header that alerts the user to the existence of tabset, and the user is supposed to know that they have to navigate to that header, navigate to the set of tabs, and activate a new tab to reveal more content.
Here is a layout that is optimized for screen reader users. In this case not everything fits on the screen at the same time, as our users will be navigating by heading.
Now when a user tries to navigate by header, even though a mouse user would need to scroll to see all of the content, a screen reader user can access all of the headers on the page. This allows for quicker navigation.
To do all this this, make new a Lightning Record Page.
- Navigate to Lightning App Builder and create or clone the Record Pages that are relevant to your users.
- Remove any tabsets and drag the components to the main body of the page canvas. By default, there may be two tabsets on an Opportunity Record Page: a set with Related, Details, and News and another with Activity and Chatter.
3. Save the Lightning Record Page and then activate it. In the activation modal, click ‘Assign to Apps, Record Types, and Profiles’.
4. In the activation modal, assign the page to the appropriate Apps, Record Types, and Profiles and save.
5. To check that it has been assigned correctly, or to change the assignment, go to the object’s Lightning Record Pages in the Object Manager.
Repeat these steps for any other Object Record Pages the users interact with regularly.
Low Vision Users
Unlike screen reader users, the biggest advice for low vision users is to put all of the content in one accordion in one column of the page. Also, add an extra accordion section at the top that defaults to open, so that none of the components are initially visible. Low vision users frequently use tools to zoom in their screen up to 800%, so reducing the clutter on the page and toggling the display of sections of content helps them navigate more quickly.
Here’s the same Opportunity page example optimized for mouse users, but zoomed to 200%. The majority of the content is offscreen and without already knowing where all of the sections are, it might be difficult to know where to look.
Here is a layout optimized for low vision users. In this case, all of the sections of content are hidden in accordion sections that can be seen at 200% zoom.
To help low vision users, repeat the same steps in Lightning App Builder as for screen reader users, except use the Accordion component in the Lightning App Builder and drag the components inside the various sections.
For both blind and low vision users, it is helpful to make the layout of the components across objects consistent. This includes tab and accordion orders (if applicable). This way, the users know how to interact with and find information efficiently across objects they interact with regularly.
We hope you found this article useful and take this as an opportunity to find out more about, and create a better experience for, your users with disabilities. Consider this post as a starting point for how you can create a more accessible, efficient experience for them. Every user with a disability is going to have their own approach or set of techniques for accessing computers and tools like Salesforce. If you aren’t sure what approach will work best for someone, just ask them. They’ll be glad you did!
If you have any questions, comments, or would like you share your experiences regarding Salesforce and accessibility, please contact us on the Disability Topics Trailblazer Community Group.
- Product Accessibility Status page, where VPATs are published
- Disability Topics Trailblazer Community Group
- Accessibility documentation in Salesforce Help